/* ══ The Local Code · landing v2 — piezas compartidas (H, I, J) ══ */
:root{--p400:#1043FA;--p500:#0228B9;--hb:#2143E9;--sky:#B8E1FC;--cream:#FAF7F1}
body{background:#fff}
.go{white-space:nowrap}
.kick{margin:0;font:600 var(--fz-000)/1.2 var(--dsp);letter-spacing:.14em;text-transform:uppercase;color:var(--p400)}
.h-xl{margin:0;font:600 var(--fz-800)/1 var(--dsp);letter-spacing:-.05em}
.h-l{margin:0;font:600 var(--fz-700)/1.04 var(--dsp);letter-spacing:-.045em}
.t-lead{margin:0;font:500 var(--fz-400)/1.3 var(--dsp);letter-spacing:-.02em}
.t-body{margin:0;font:400 var(--fz-100)/1.6 var(--txt);color:var(--ink70)}
.tex-blue{position:relative;isolation:isolate;overflow:hidden;background:var(--hb);color:#fff}
.tex-blue::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(45% 62% at 78% 72%,rgba(120,170,255,.5),transparent 70%),radial-gradient(40% 50% at 8% 6%,rgba(10,20,120,.35),transparent 70%)}
.tex-blue::after{content:"";position:absolute;inset:0;z-index:-1;background:url("../img/textures/texture-tiles-a.svg") 0 0/352px 352px;opacity:.55;pointer-events:none}
.tex-blue .tex-b{position:absolute;inset:0;z-index:-1;background:url("../img/textures/texture-tiles-b.svg") -97px 61px/352px 352px;opacity:0;animation:texB 22s ease-in-out infinite;pointer-events:none}
@keyframes texB{0%,100%{opacity:0}50%{opacity:.6}}
.card-r{margin:0 19px;border-radius:35px}
.wrapx{max-width:1500px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.secy{padding-top:var(--section-y);padding-bottom:var(--section-y)}

/* hero copy */
.hcopy .tlc{display:block;width:clamp(150px,13vw,210px);height:auto;margin-bottom:clamp(30px,3.4vw,52px)}
.hcopy h1{margin:0;font:600 var(--fz-900)/.94 var(--dsp);letter-spacing:-.055em}
.hcopy h1 em{font-style:normal;color:var(--sky)}
.hcopy .lead{margin:2.6rem 0 0;font:500 var(--fz-400)/1.3 var(--dsp);letter-spacing:-.02em;max-width:22em}
.hcopy .sub{margin:1.6rem 0 0;font:400 var(--fz-100)/1.6 var(--txt);opacity:.82;max-width:32em}
.hcopy .about{margin:1.6rem 0 0;font:400 var(--fz-100)/1.6 var(--txt);max-width:32em}
.hcopy .about b{font-weight:600}
.hcopy .go{margin-top:3.2rem}

/* foto con marco de estampilla + sello */
.stampph{position:relative;padding:clamp(12px,1.2vw,18px) clamp(12px,1.2vw,18px) clamp(44px,4vw,60px);background:var(--cream);border-radius:16px;box-shadow:0 40px 70px -30px rgba(4,10,60,.55);transform:rotate(var(--r,-3deg))}
.stampph .ph{position:relative;aspect-ratio:var(--ar,4/3);overflow:hidden;
  -webkit-mask:radial-gradient(circle 7px at 50% 0,#0000 98%,#000) 0 0/18px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) 0 100%/18px 51% repeat-x;
          mask:radial-gradient(circle 7px at 50% 0,#0000 98%,#000) 0 0/18px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) 0 100%/18px 51% repeat-x}
.stampph .ph::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px var(--cream)}
.stampph .ph img,.stampph .ph video{width:100%;height:100%;object-fit:cover;display:block}
.stampph figcaption{position:absolute;left:0;right:0;bottom:0;height:clamp(44px,4vw,60px);display:grid;place-items:center;font:500 clamp(14px,1.2vw,18px)/1 var(--dsp);color:var(--p400);letter-spacing:-.01em}
.stampph figcaption b{font-weight:700}
.stampph .seal{position:absolute;right:-5%;bottom:-9%;width:clamp(96px,10vw,150px);animation:spin 26s linear infinite;filter:drop-shadow(0 12px 18px rgba(4,10,60,.3))}
@keyframes spin{to{transform:rotate(360deg)}}

/* texto que se va encendiendo con el scroll */
.reveal-t{max-width:1200px;margin:0 auto;padding:var(--section-y) var(--gut);text-align:center}
.reveal-t .kick{margin-bottom:2.4rem}
.reveal-t .rt{margin:0;font:500 var(--fz-700)/1.12 var(--dsp);letter-spacing:-.04em}
.reveal-t .rt .w{color:rgba(10,18,64,.12);transition:color .25s}
.reveal-t .rt .w.on{color:var(--ink)}
.reveal-t .rt2{margin:3rem auto 0;max-width:30em;font:400 var(--fz-200)/1.6 var(--txt);color:rgba(10,18,64,.12);transition:color .6s}
.reveal-t .rt2.on{color:var(--ink70)}
.reveal-t.dark{background:#070420;color:#fff;border-radius:35px;margin:0 19px;max-width:none}
.reveal-t.dark .rt .w{color:rgba(255,255,255,.14)}.reveal-t.dark .rt .w.on{color:#fff}
.reveal-t.dark .rt2{color:rgba(255,255,255,.14)}.reveal-t.dark .rt2.on{color:rgba(255,255,255,.75)}

/* sección foto/video a sangre con texto */
.bleed{position:relative;isolation:isolate;overflow:hidden;min-height:min(92vh,860px);display:flex;align-items:center;color:#fff}
.bleed>.bg{position:absolute;inset:0;z-index:-2}
.bleed>.bg img,.bleed>.bg video{width:100%;height:100%;object-fit:cover;display:block}
.bleed::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,4,32,.78) 0%,rgba(7,4,32,.45) 45%,rgba(7,4,32,.1) 75%)}
.bleed .in{width:100%;max-width:1500px;margin:0 auto;padding:140px clamp(26px,7vw,130px) 80px}
.bleed .h-l{max-width:12em}
.bleed .t-body{margin-top:2.4rem;max-width:34em;color:rgba(255,255,255,.88);font-size:var(--fz-200)}
.bleed .hl{margin:2.4rem 0 0;max-width:28em;font:500 var(--fz-300)/1.35 var(--dsp);color:var(--sky)}

/* destinos: tarjetas del Market Atlas en carrusel automático */
.dest .top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.dest .top .t-body{max-width:30em}
.pcs{margin-top:clamp(36px,4vw,60px);overflow:hidden;padding:20px 0 40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pcs .row{display:flex;gap:22px;width:max-content;animation:mq var(--dur,80s) linear infinite}
.pcs:hover .row{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
a.pc{position:relative;flex:none;display:block;width:clamp(260px,21vw,330px);padding:22px;border-radius:22px;background:var(--cream);text-decoration:none;color:inherit;transform:rotate(var(--r,0deg));transition:transform .9s cubic-bezier(.22,1,.36,1)}
a.pc:nth-child(4n+1){--r:-2deg}a.pc:nth-child(4n+2){--r:1.5deg}a.pc:nth-child(4n+3){--r:-1deg}a.pc:nth-child(4n){--r:2deg}
a.pc:hover{transform:rotate(var(--r)) translateY(-6px)}
.pc-h{display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:0 40% 0 6px}
.pc-reg{font:700 10px/1.2 var(--dsp);letter-spacing:.1em;text-transform:uppercase;color:#B0A084;margin-bottom:4px}
.pc-h b{font:650 clamp(21px,1.7vw,26px)/1.05 var(--dsp);letter-spacing:-.035em;color:#1D2A6B}
.pc-st{position:absolute;right:16px;top:14px;width:40%;transform:rotate(3deg);filter:drop-shadow(0 6px 10px rgba(10,18,64,.18));z-index:2}
.pc-ph{position:relative;display:block;margin-top:14px;aspect-ratio:4/4.6;border-radius:12px;overflow:hidden;background:#EEF1F6}
.pc-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
a.pc:hover .pc-ph img{transform:scale(1.04)}
.pc-go{position:absolute;right:30px;bottom:30px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--hb);color:#fff}
.pc-go svg{width:20px;height:20px}
.cms{display:flex;align-items:center;gap:24px;margin-top:10px}
.cms p{margin:0;max-width:34em;font:400 var(--fz-100)/1.6 var(--txt);color:var(--ink70)}
.tex-blue .cms p{color:rgba(255,255,255,.8)}
.ava{display:flex;flex:none}.ava img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-left:-14px;background:#ADE2FF}.ava img:first-child{margin-left:0}
.tex-blue .ava img{border-color:var(--hb)}

/* métodos: tiras de logos */
.logos-mq{display:flex;flex-direction:column;gap:14px;overflow:hidden;margin:clamp(36px,4vw,60px) 0}
.logos-mq .row{display:flex;gap:14px;width:max-content;animation:mq 60s linear infinite}
.logos-mq .row.r2{animation-direction:reverse;animation-duration:70s}
.logos-mq .lg{display:grid;place-items:center;width:clamp(150px,13vw,200px);height:clamp(70px,6vw,90px);border-radius:18px;background:#fff;padding:0 26px}
.logos-mq .lg img{max-height:34px;max-width:100%;width:auto}

/* métodos: grilla tipo home (celdas con logos que aparecen) */
.apm{position:relative;overflow:hidden;padding:clamp(80px,9vw,140px) var(--gut);text-align:center}
.apm-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--cols,12),1fr);gap:16px;padding:16px;align-content:center;align-items:stretch;z-index:0;
  -webkit-mask-image:radial-gradient(60% 60% at 50% 50%,transparent 32%,#000 62%);mask-image:radial-gradient(60% 60% at 50% 50%,transparent 32%,#000 62%)}
.apm-grid i{aspect-ratio:1;border-radius:22%;background:#F5F7FC;display:grid;place-items:center;overflow:hidden}
.apm-grid i img{width:62%;height:62%;object-fit:contain;opacity:0;transform:scale(.8);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1)}
.apm-grid i.on img{opacity:1;transform:none}
.apm-in{position:relative;z-index:1;max-width:820px;margin:0 auto}
.apm-in .names{margin:2.4rem auto 0;max-width:24em;font:500 var(--fz-400)/1.3 var(--dsp);letter-spacing:-.02em;color:var(--p400)}
.apm-in .t-body{margin:2rem auto 0;max-width:34em}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.chips li{padding:.55em 1em;border-radius:2em;font:500 var(--fz-000)/1.2 var(--txt);color:hsl(228 98% 37%/80%);background:hsl(228 98% 37%/6%)}
.apm-in .chips{justify-content:center}
.tex-blue .chips li,.on-dark .chips li{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}

/* cierre: sellos prolijos y muchos */
.cta-st{text-align:center;padding:clamp(60px,6vw,90px) 0}
.cta-st .rows{display:flex;flex-direction:column;gap:18px;overflow:hidden}
.cta-st .row{display:flex;align-items:center;gap:26px;width:max-content;animation:mq 70s linear infinite}
.cta-st .row.r2{animation-direction:reverse;animation-duration:80s}
.cta-st .row img{flex:none;height:clamp(84px,7vw,108px);width:auto;filter:drop-shadow(0 8px 14px rgba(4,10,60,.28))}
.cta-st .row img:nth-child(odd){transform:rotate(-2deg)}.cta-st .row img:nth-child(even){transform:rotate(2deg)}
.cta-st .mid{padding:clamp(50px,5vw,80px) var(--gut);display:flex;flex-direction:column;align-items:center;gap:2.4rem}
.cta-st .mid .tlc{width:clamp(110px,9vw,140px)}
.cta-st .tag{margin:0;font:400 var(--fz-200) var(--txt);font-style:italic;color:rgba(255,255,255,.78)}

/* preguntas */
.qs{list-style:none;margin:0;padding:0;border-top:1px solid #E3E8F2}
.qs li{display:grid;grid-template-columns:64px 1fr;align-items:baseline;gap:16px;padding:clamp(20px,2.2vw,30px) 0;border-bottom:1px solid #E3E8F2;transition:padding .45s var(--ease)}
.qs li:hover{padding-left:12px}
.qs .n{font:600 var(--fz-000) var(--dsp);letter-spacing:.12em;color:var(--p400)}
.qs p{margin:0;font:500 var(--fz-500)/1.15 var(--dsp);letter-spacing:-.03em}
.on-dark .qs,.on-dark .qs li{border-color:rgba(255,255,255,.16)}.on-dark .qs .n{color:var(--sky)}

@media(max-width:1000px){.card-r{margin:0 10px;border-radius:24px}.reveal-t.dark{margin:0 10px;border-radius:24px}.apm-grid{--cols:6!important}}
@media(max-width:640px){.hcopy h1{font-size:5.4rem}.bleed .in{padding:110px 24px 60px}.cms{flex-direction:column;align-items:flex-start}.apm-grid{display:none}.apm{padding-top:60px;padding-bottom:60px}}