.cartas-scroll{position:relative;padding:clamp(44px,5vw,72px) 0 clamp(70px,8vw,115px);background:#f7f9fb;color:#10243c;overflow:clip}
.cartas-scroll__cabecera{width:min(880px,calc(100% - 40px));margin:0 auto 22px;text-align:center}.cartas-scroll__cabecera h2{margin:0 auto 8px!important;font-size:clamp(30px,4vw,46px)!important;line-height:1.08!important}.cartas-scroll__cabecera p{margin:0 auto!important;color:#647386!important;font-size:15px!important}
.cartas-scroll__inner{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(330px,.88fr) minmax(430px,1fr);gap:clamp(55px,8vw,115px)}
.cartas-scroll__visual{position:sticky;top:118px;height:590px;display:grid;place-items:center;perspective:1200px}
.cartas-scroll__card{position:relative;grid-area:1/1;width:min(430px,100%);aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:#082d59;text-decoration:none;box-shadow:0 26px 60px rgba(5,31,62,.18);transform-origin:center;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease;will-change:transform;isolation:isolate}
.cartas-scroll__card::after,.cartas-scroll__mobile-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,22,45,.02) 24%,rgba(4,25,52,.28) 58%,rgba(3,21,45,.94) 100%);pointer-events:none}
.cartas-scroll__card img,.cartas-scroll__mobile-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.cartas-scroll__card img{transform:scale(1.16)}
.cartas-scroll__card:hover img,.cartas-scroll__mobile-card:hover img{transform:scale(1.21)}
.cartas-scroll__card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:end;gap:7px 16px;padding:34px 28px 27px;color:#fff;text-align:left}
.cartas-scroll__card-copy small{grid-column:1/-1;color:#cde4f5;font:700 11px/1.2 Poppins,Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.cartas-scroll__card-copy strong{color:#fff;font:750 clamp(24px,2.5vw,34px)/1.06 Poppins,Inter,sans-serif;letter-spacing:-.035em;text-wrap:balance}
.cartas-scroll__card-copy b{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;font-size:21px;transition:transform .2s ease,background .2s ease}
.cartas-scroll__card:hover .cartas-scroll__card-copy b,.cartas-scroll__mobile-card:hover .cartas-scroll__card-copy b{transform:translateX(3px);background:#fff;color:#073579}
.cartas-scroll__panel{position:relative;min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:55px 0;opacity:.34;transition:opacity .3s ease}.cartas-scroll__panel.is-active{opacity:1}
.cartas-scroll__panel h3{max-width:680px;margin:0 0 20px;color:#092e5a;font:750 clamp(38px,5vw,62px)/1 Poppins,Inter,sans-serif;letter-spacing:-.045em}
.cartas-scroll p{max-width:610px;margin:0 0 17px;color:#5b697b;font-size:18px;line-height:1.62}.cartas-scroll__lead{color:#17334f!important;font-size:clamp(21px,2vw,28px)!important;line-height:1.28!important;font-weight:600}
.cartas-scroll__btn{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,380px);margin-top:16px;padding:14px 0;border-top:1px solid #ccd8e4;color:#075ea8;text-decoration:none;font-size:15px;font-weight:700}.cartas-scroll__btn span{font-size:22px;transition:transform .2s}.cartas-scroll__btn:hover span{transform:translateX(5px)}
.cartas-scroll__mobile-card{display:none}
@media(max-width:900px){.cartas-scroll{padding:52px 0}.cartas-scroll__inner{display:block;width:min(100% - 30px,620px)}.cartas-scroll__visual{display:none}.cartas-scroll__panel{min-height:0;padding:28px 0 46px;opacity:1}.cartas-scroll__mobile-card{position:relative;display:block;width:100%;aspect-ratio:4/5;max-height:520px;margin-bottom:24px;overflow:hidden;border:1px solid rgba(8,45,89,.14);border-radius:20px;background:#082d59;box-shadow:0 18px 42px rgba(8,39,75,.14);isolation:isolate;-webkit-tap-highlight-color:transparent}.cartas-scroll__mobile-card img{object-position:center 35%}.cartas-scroll__panel h3{font-size:clamp(32px,8vw,46px)}}
@media(max-width:575px){html,body{overflow-x:clip}.cartas-scroll{padding:30px 0 18px;overflow:visible}.cartas-scroll__cabecera{position:relative;top:auto;z-index:auto;width:100%;margin:0;padding:0 15px 16px;background:#f7f9fb}.cartas-scroll__cabecera h2{max-width:330px;font-size:28px!important;line-height:1.08!important;white-space:normal}.cartas-scroll__cabecera p{display:none}.cartas-scroll__inner{width:calc(100% - 28px);height:135vh}.cartas-scroll__content{position:sticky;top:92px;height:58svh;max-height:500px}.cartas-scroll__mobile-card{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:18px;margin-bottom:0}.cartas-scroll__panel:nth-child(2) .cartas-scroll__mobile-card img{object-position:70% 38%}.cartas-scroll__card-copy{grid-template-columns:minmax(0,1fr) 44px;padding:30px 21px 21px;gap:6px 12px}.cartas-scroll__card-copy strong{font-size:clamp(25px,7.5vw,32px)}.cartas-scroll__card-copy b{width:44px;height:44px}.cartas-scroll__panel{position:absolute;inset:0;min-height:0;padding:0;margin:0;opacity:0;pointer-events:none;transform:translateY(14px) scale(.985);transition:opacity .28s ease,transform .36s cubic-bezier(.22,.61,.36,1)}.cartas-scroll__panel.is-active{opacity:1;pointer-events:auto;transform:none}.cartas-scroll__panel h3,.cartas-scroll__panel p,.cartas-scroll__btn{display:none}.cartas-scroll__lead{display:none!important}}
@media(prefers-reduced-motion:reduce){.cartas-scroll__card,.cartas-scroll__panel,.cartas-scroll__btn span{transition:none}}