/* Pro Motion Sport Marketing — sistema visual del sitio
   Rojo · crema · negro · papel. GC Epic Pro (titulares) + Clash Display (texto).
   Personajes ilustrados para la empatía; figuras miniatura + geometría gigante para los procesos. */

@font-face{font-family:"GC Epic Pro";src:url(../fonts/GCEpicPro-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Clash Display";src:url(../fonts/ClashDisplay-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Clash Display";src:url(../fonts/ClashDisplay-Semibold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Clash Display";src:url(../fonts/ClashDisplay-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --rojo:#E52322; --rojo-vivo:#FF4A3D; --crema:#FFE7C9; --negro:#1C1C1C; --papel:#ECE5E0; --tinta:#2A2626; --gris:#8D8680;
  --epic:"GC Epic Pro","Arial Black",Impact,sans-serif;
  --clash:"Clash Display","Helvetica Neue",Arial,sans-serif;
  --pegado:drop-shadow(0 4px 0 rgba(40,25,20,.16)) drop-shadow(0 10px 14px rgba(40,25,20,.18));
  --gutter:20px; --max:1180px;
  --rebote:cubic-bezier(.2,1.5,.4,1); --golpe:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}
body{background:var(--papel) url(../brand/papel.jpg) repeat;background-size:720px;color:var(--tinta);font-family:var(--clash);font-size:18px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
b,strong{font-weight:600}
button{font:inherit;color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);position:relative}
section,header.top,footer{position:relative;overflow-x:clip}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Tipografía ---------- */
.epic{font-family:var(--epic);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:-.005em}
.kicker{font-family:var(--clash);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.oscuro .kicker,.rojo-sec .kicker{color:var(--rojo-vivo)}
.rojo-sec .kicker{color:var(--crema);opacity:.85}
.h1{font-size:clamp(44px,8.6vw,118px)}
.h2{font-size:clamp(38px,6.4vw,82px)}
.h3{font-size:clamp(26px,3.4vw,40px)}
.lead{font-size:clamp(18px,2.1vw,22px);line-height:1.45;letter-spacing:-.02em;max-width:680px}
.lead b{color:var(--rojo)}
.oscuro .lead{color:rgba(255,231,201,.86)} .oscuro .lead b{color:var(--crema)}
.rojo-txt{color:var(--rojo)}
.chev{font-family:var(--epic);letter-spacing:-.12em;margin-left:.25em}
.cab{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:44px}
.cab.centro{justify-items:center;text-align:center}
.cab.centro .lead{margin:0 auto}

/* ---------- Superficies ---------- */
.oscuro{background:var(--negro);color:var(--crema)}
.rojo-sec{background-color:var(--rojo);background-image:url(../brand/rojo-papel.jpg);background-size:720px;color:var(--crema)}
.crema-sec{background:var(--crema)}
.sec{padding:110px 0}
.sec.sm{padding:80px 0}

/* Recuadro irregular (posts) */
.box{display:inline-block;background:var(--rojo);color:var(--crema);padding:.3em .5em .24em;clip-path:polygon(1.5% 4%,99% 0,100% 94%,0 100%)}
.box.b2{clip-path:polygon(0 0,98% 5%,99.5% 100%,2% 95%)}
.box.negro{background:var(--negro)} .box.crema{background:var(--crema);color:var(--negro)}
/* Óvalo de brocha */
.elipse{position:relative;display:inline-grid;place-items:center;padding:.9em 1.4em 1em;color:var(--crema);font-family:var(--epic);font-weight:800;text-transform:uppercase;line-height:.95;text-align:center;isolation:isolate}
.elipse::before{content:"";position:absolute;inset:-6% -4%;background:url(../brand/elipse.webp) center/100% 100% no-repeat;z-index:-1}
/* Tachado a mano */
.tacha{background:linear-gradient(var(--rojo),var(--rojo)) no-repeat 0 58%/0% .11em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .7s var(--golpe) .35s}
.in .tacha,.tacha.in{background-size:100% .11em}
/* Globo */
.globo{position:relative;display:inline-block;background:var(--negro);color:var(--crema);padding:13px 18px;border-radius:46% 54% 50% 50%/56% 48% 52% 44%;font-size:15px;line-height:1.25;text-align:center;letter-spacing:-.02em;max-width:220px}
.globo b{color:var(--rojo-vivo)}
.globo::after{content:"";position:absolute;bottom:-15px;left:26%;border:11px solid transparent;border-top:18px solid var(--negro);transform:skewX(-18deg)}
.globo.der::after{left:auto;right:26%;transform:skewX(18deg)}
.globo.crema{background:var(--crema);color:var(--negro)} .globo.crema::after{border-top-color:var(--crema)}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--epic);font-weight:800;text-transform:uppercase;font-size:17px;line-height:1.05;text-decoration:none;padding:16px 22px 14px;background:var(--negro);color:var(--crema);clip-path:polygon(1% 6%,99% 0,100% 92%,0 100%);transition:transform .18s var(--rebote),background .2s;border:0;cursor:pointer;text-align:left}
.btn:hover{transform:scale(1.04) rotate(-1deg)}
.btn:active{transform:scale(.97)}
.btn.rojo{background:var(--rojo)} .btn.crema{background:var(--crema);color:var(--negro)}
.btn.lg{font-size:clamp(18px,2.2vw,24px);padding:20px 26px 17px}
.btn svg{width:20px;height:20px;flex:none}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.link{font-family:var(--epic);text-transform:uppercase;font-size:15px;text-decoration:none;border-bottom:3px solid var(--rojo);padding-bottom:2px}
.link:hover{color:var(--rojo)}
.oscuro .link:hover{color:var(--rojo-vivo)}

/* ---------- Isotipo (aro + punto) ---------- */
.iso{display:block;width:100%;height:auto;overflow:visible}
.iso .anillo-txt{transform-origin:50% 50%;animation:gira 26s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.punto{border-radius:50%;background:var(--rojo)}
.aro{border-radius:50%;border:solid var(--negro)}

/* ---------- Figuras miniatura (máscara: toman el color del texto) ---------- */
.fig{display:inline-block;height:var(--h,110px);aspect-ratio:var(--ar);background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex:none}
.fig.rojo{color:var(--rojo)} .fig.crema{color:var(--crema)} .fig.negro{color:var(--negro)}

/* ---------- Personajes ---------- */
.pj{filter:var(--pegado);pointer-events:none;user-select:none}
.flota{animation:flota 4.2s ease-in-out infinite}
@keyframes flota{50%{transform:translateY(-7px)}}
.mece{transform-origin:50% 0;animation:mece 3.6s ease-in-out infinite}
@keyframes mece{0%,100%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}
.empuja{animation:empuja 2.8s ease-in-out infinite}
@keyframes empuja{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}

/* ---------- Revelado con peso ---------- */
.rv{opacity:0;transform:translateY(38px);transition:opacity .5s ease,transform .65s var(--golpe)}
.rv.in{opacity:1;transform:none}
.pop{opacity:0;transform:scale(1.35) rotate(var(--rot,0deg));transition:opacity .2s ease,transform .5s var(--rebote)}
.pop.in{opacity:1;transform:scale(1) rotate(var(--rot,0deg))}
.cae{opacity:0;transform:translateY(-120px)}
.cae.in{opacity:1;animation:cae .9s var(--rebote) both}
@keyframes cae{0%{transform:translateY(-140px)}60%{transform:translateY(8px)}100%{transform:none}}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}
@media (prefers-reduced-motion:reduce){.rv,.pop,.cae{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}*{animation-duration:.01s!important;animation-iteration-count:1!important}}

/* ---------- Cabecera ---------- */
.top{position:sticky;top:0;z-index:80;background:var(--papel) url(../brand/papel.jpg);background-size:720px;border-bottom:2px solid var(--negro);transition:padding .2s}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.logo{display:flex;align-items:center;flex:none}
.logo img{height:30px;width:auto}
.nav{display:flex;gap:4px;align-items:center}
.nav a{font-family:var(--epic);text-transform:uppercase;font-size:14px;text-decoration:none;padding:8px 10px;position:relative}
.nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:3px;background:var(--rojo);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--golpe)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.top .btn{font-size:14px;padding:11px 16px 9px}
.burger{display:none;width:46px;height:46px;border:0;background:var(--negro);clip-path:polygon(3% 4%,100% 0,97% 100%,0 96%);cursor:pointer;position:relative}
.burger span{position:absolute;left:12px;right:12px;height:3px;background:var(--crema);transition:transform .25s,opacity .2s}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:29px}
.menu-abierto .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-abierto .burger span:nth-child(2){opacity:0}
.menu-abierto .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-movil{position:fixed;inset:70px 0 0 0;z-index:79;background-color:var(--rojo);background-image:url(../brand/rojo-papel.jpg);background-size:720px;color:var(--crema);padding:30px var(--gutter);display:flex;flex-direction:column;gap:6px;transform:translateY(-110%);transition:transform .45s var(--golpe);overflow:auto}
.menu-abierto .menu-movil{transform:none}
.menu-movil a{font-family:var(--epic);text-transform:uppercase;font-size:clamp(34px,10vw,52px);line-height:1.05;text-decoration:none}
.menu-movil .fig{position:absolute;right:24px;bottom:24px}
@media (max-width:980px){.nav,.top .cta-top{display:none}.burger{display:block}}

/* ---------- Cursor punto (solo con ratón) ---------- */
.cursor{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--rojo);pointer-events:none;z-index:200;transition:width .2s,height .2s,margin .2s,opacity .2s;opacity:0;mix-blend-mode:normal}
.cursor.on{opacity:1}
.cursor.grande{width:46px;height:46px;margin:-23px 0 0 -23px;background:transparent;border:3px solid var(--rojo)}
@media (hover:none),(pointer:coarse){.cursor{display:none}}

/* ---------- WhatsApp flotante ---------- */
.wa-flot{position:fixed;right:16px;bottom:16px;z-index:90;width:60px;height:60px;border-radius:50%;background:var(--rojo);display:grid;place-items:center;box-shadow:0 6px 0 rgba(0,0,0,.18),0 10px 24px rgba(0,0,0,.25);transform:scale(0);transition:transform .4s var(--rebote)}
.wa-flot.on{transform:scale(1)}
.wa-flot svg{width:30px;height:30px;fill:var(--crema)}

/* ---------- Franja que corre ---------- */
.franja{background:var(--negro);color:var(--crema);overflow:hidden;white-space:nowrap;padding:14px 0;border-block:2px solid var(--negro)}
.franja.roja{background-color:var(--rojo);background-image:url(../brand/rojo-papel.jpg);background-size:720px}
.franja-in{display:inline-flex;gap:28px;animation:corre 32s linear infinite;font-family:var(--epic);text-transform:uppercase;font-size:clamp(20px,2.6vw,30px)}
.franja-in span{display:inline-flex;align-items:center;gap:28px}
.franja-in span::after{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--rojo)}
.franja.roja .franja-in span::after{background:var(--negro)}
@keyframes corre{to{transform:translateX(-50%)}}

/* ====================== HOME ====================== */
.hero{padding:56px 0 90px;overflow:hidden}
.hero .wrap{display:grid;gap:30px;align-items:center}
.hero-txt{position:relative;z-index:2}
.hero h1{font-size:clamp(46px,9.4vw,124px);margin:16px 0 0}
.hero h1 .l{display:block}
.hero h1 .no{color:var(--negro)}
.hero h1 .si{display:inline-block;margin-top:.12em;font-size:1.02em}
.hero .lead{margin-top:24px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chip{display:inline-flex;align-items:center;gap:10px;padding:12px 16px 10px;background:var(--crema);color:var(--negro);text-decoration:none;font-family:var(--epic);text-transform:uppercase;font-size:15px;border:2px solid var(--negro);transition:transform .18s var(--rebote),background .2s}
.chip:hover{transform:translateY(-3px) rotate(-1deg);background:var(--negro);color:var(--crema)}
.chip i{width:12px;height:12px;border-radius:50%;background:var(--rojo);flex:none}
.hero-vis{position:relative;width:min(100%,540px);aspect-ratio:1/1.06;margin:0 auto}
.hero-vis .aro-g{position:absolute;left:26.2%;top:0;width:63.5%;aspect-ratio:1;z-index:1}
.hero-vis .aro-g .anillo-txt{opacity:0;transition:opacity 1s 3.2s}
.hero-vis.listo .aro-g .anillo-txt{opacity:1}
.hero-vis .empuje{position:absolute;inset:0;transform:translateX(-16%);animation:empujeLogo 2.6s cubic-bezier(.3,.1,.2,1) .5s forwards}
@keyframes empujeLogo{0%{transform:translateX(-16%)}70%{transform:translateX(1.5%)}100%{transform:none}}
.hero-vis .punto-g{position:absolute;left:38%;top:50.2%;width:40%;aspect-ratio:1;border-radius:50%;background:var(--rojo);box-shadow:inset -14px -18px 0 rgba(0,0,0,.08)}
.hero-vis .espid{position:absolute;left:19.2%;bottom:12%;width:20.2%}
.hero-vis .espid img{width:100%;height:auto;display:block}
.hero-vis .nota-vis{position:absolute;left:0;right:0;bottom:0;text-align:center;font-family:var(--epic);text-transform:uppercase;color:var(--negro);font-size:clamp(14px,1.9vw,22px);line-height:1.05;opacity:0;transform:translateY(8px);transition:opacity .6s 3s,transform .6s 3s}
.hero-vis .nota-vis span{color:var(--rojo)}
.hero-vis.listo .nota-vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hero-vis .empuje{animation:none;transform:none}}

/* Problema */
.problema .wrap{display:grid;gap:40px;align-items:center}
.problema .ilus{position:relative;max-width:520px;padding-top:86px}
.problema .ilus .globo{position:absolute;left:4%;top:0}
.puntos-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.6vw,18px);max-width:640px;margin-top:10px}
.pt{aspect-ratio:1;border-radius:50%;background:var(--negro);border:0;cursor:pointer;position:relative;transition:transform .25s var(--rebote),background .25s}
.pt:hover{transform:scale(1.1)}
.pt.tu{background:var(--rojo)}
.pt.tu::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:3px solid var(--rojo);animation:latido 1.6s ease-out infinite}
@keyframes latido{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.25);opacity:0}}
.puntos-msg{margin-top:18px;min-height:56px;font-size:18px;letter-spacing:-.02em}
.puntos-msg b{color:var(--rojo)}
.valor3{display:grid;gap:14px;margin-top:60px}
.valor3 div{background:var(--crema);padding:22px 22px 20px;clip-path:polygon(0 3%,100% 0,99% 100%,1% 96%)}
.valor3 .epic{font-size:26px;color:var(--negro)}
.valor3 p{font-size:16px;margin-top:6px}

/* Diferencia: lo de siempre vs Pro Motion */
.versus-tabla{display:grid;gap:10px;margin-top:10px}
.vs-fila{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:16px 0;border-bottom:2px dashed rgba(28,28,28,.2)}
.vs-fila .otro{color:var(--gris);font-size:17px;display:flex;gap:12px;align-items:center}
.vs-fila .otro i{width:22px;height:22px;background:var(--gris);flex:none}
.vs-fila .pm{font-family:var(--epic);text-transform:uppercase;font-size:clamp(17px,2vw,22px);color:var(--negro);display:flex;gap:12px;align-items:center}
.vs-fila .pm i{width:22px;height:22px;border-radius:50%;background:var(--rojo);flex:none}
.vs-fila .flecha{font-family:var(--epic);color:var(--rojo);font-size:22px;letter-spacing:-.12em}
.vs-cab{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;font-family:var(--clash);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.vs-cab span:last-child{color:var(--rojo)}

/* Ecosistema */
.eco{display:grid;gap:24px}
.eco-card{position:relative;background:rgba(255,231,201,.05);border:2px solid rgba(255,231,201,.14);padding:26px 24px 28px;display:flex;flex-direction:column;gap:12px;transition:border-color .25s,transform .25s var(--rebote)}
.eco-card:hover{border-color:var(--rojo);transform:translateY(-4px)}
.eco-forma{position:relative;height:200px;display:grid;place-items:center;margin-bottom:6px}
.eco-forma .f{transition:transform .6s var(--golpe)}
.eco-card:hover .eco-forma .f{transform:rotate(-12deg) scale(1.05)}
.eco-card .epic{font-size:clamp(34px,4vw,46px)}
.eco-card .sub{color:var(--rojo-vivo);font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.eco-card ul{list-style:none;display:grid;gap:6px;font-size:16px;color:rgba(255,231,201,.82)}
.eco-card li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rojo);margin-right:10px;vertical-align:middle}
.eco-card .link{margin-top:auto;align-self:flex-start}

/* Metodología: escalera */
.metodo{display:grid;gap:34px;align-items:end}
.escalera{position:relative;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:6px;height:clamp(240px,34vw,360px);padding-top:110px}
.peldano{position:relative;background:var(--negro);border:0;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;color:var(--crema);font-family:var(--epic);font-size:clamp(18px,2.2vw,26px);transition:background .25s,transform .2s var(--rebote)}
.peldano:hover{transform:translateY(-4px)}
.peldano.on{background:var(--rojo)}
.peldano:nth-child(1){height:22%}.peldano:nth-child(2){height:38%}.peldano:nth-child(3){height:54%}.peldano:nth-child(4){height:72%}.peldano:nth-child(5){height:90%}
.escalera .sube{position:absolute;bottom:0;--h:clamp(70px,9vw,104px);transition:left .7s var(--golpe),bottom .7s var(--rebote);color:var(--negro)}
.metodo-txt{background:var(--crema);padding:28px 26px;clip-path:polygon(0 2%,100% 0,99.4% 100%,.6% 98%);min-height:300px}
.metodo-txt .num{font-family:var(--epic);font-size:64px;color:var(--rojo);line-height:.8}
.metodo-txt .epic.t{font-size:clamp(30px,3.6vw,44px);margin-top:6px;color:var(--negro)}
.metodo-txt dl{display:grid;gap:12px;margin-top:16px}
.metodo-txt dt{font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.metodo-txt dd{font-size:17px}

/* Audiencias */
.aud{display:flex;flex-direction:column;gap:12px}
.aud a{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 22px 0;text-decoration:none;overflow:hidden;transition:flex-grow .5s var(--golpe)}
.aud a .epic{font-size:clamp(30px,2.9vw,40px)}
.aud a p{font-size:16px;max-width:300px;margin:10px 0 24px}
.aud a .pj{height:clamp(190px,20vw,250px);width:auto;max-width:90%;align-self:flex-end;margin-top:auto;object-fit:contain;object-position:bottom right;transition:transform .4s var(--rebote)}
.aud a:hover .pj{transform:translateY(-8px) rotate(-2deg)}
.aud .a1{background:var(--crema);color:var(--negro)}
.aud .a2{background:var(--negro);color:var(--crema)}
.aud .a3{background-color:var(--rojo);background-image:url(../brand/rojo-papel.jpg);background-size:720px;color:var(--crema)}
.aud .ir{font-family:var(--epic);text-transform:uppercase;font-size:15px;display:inline-flex;gap:8px;align-items:center;margin-bottom:26px}

/* Casos */
.caso{display:grid;gap:40px;align-items:center}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.stat{background:var(--crema);padding:18px 18px 16px;clip-path:polygon(0 3%,100% 0,99% 100%,1% 96%)}
.stat .n{font-family:var(--epic);font-size:clamp(34px,4.4vw,54px);color:var(--rojo);line-height:.9}
.stat p{font-size:14px;margin-top:6px;line-height:1.3}
.collage{position:relative;height:clamp(420px,52vw,600px)}
.recorte{position:absolute;background:#fff;padding:9px 9px 34px;box-shadow:0 4px 0 rgba(40,25,20,.14),0 14px 28px rgba(40,25,20,.2);transition:transform .35s var(--rebote)}
.recorte img{width:100%;height:100%;object-fit:cover}
.recorte figcaption{position:absolute;left:12px;bottom:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.recorte::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:rgba(255,248,230,.7);transform:rotate(-4deg);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.recorte:hover{transform:rotate(0) scale(1.04)!important;z-index:5}
.mini-casos{display:grid;gap:16px;margin-top:70px}
.mcaso{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;background:var(--crema);padding:14px;text-decoration:none;color:var(--negro);clip-path:polygon(0 2%,100% 0,99.4% 100%,.4% 97%)}
.mcaso img{width:120px;height:150px;object-fit:cover}
.mcaso .epic{font-size:22px}
.mcaso p{font-size:15px;margin-top:6px}

/* ProMatch */
.pm-grid{display:grid;gap:40px;align-items:center}
.score{position:relative;width:min(100%,380px);aspect-ratio:1;margin:0 auto}
.score svg{width:100%;height:100%;transform:rotate(-90deg)}
.score .val{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.score .val b{display:block;font-family:var(--epic);font-size:clamp(64px,9vw,100px);line-height:.8;color:var(--crema)}
.score .val span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo-vivo);font-weight:600}
.score .fig{position:absolute;right:-6%;top:-10%}
.vars{display:grid;gap:12px;margin-top:22px}
.var-f{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:15px}
.var-f .barra{grid-column:1/-1;height:10px;background:rgba(255,231,201,.12);position:relative;overflow:hidden}
.var-f .barra i{position:absolute;inset:0 auto 0 0;width:0;background:var(--rojo);transition:width 1.2s var(--golpe)}
.fases{display:grid;gap:10px;margin-top:40px;counter-reset:f}
.fase{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 16px;border:2px solid rgba(255,231,201,.14)}
.fase .epic{font-size:15px;color:var(--rojo-vivo)}
.fase.hoy{border-color:var(--rojo);background:rgba(229,35,34,.12)}
.fase p{font-size:15px}

/* Herramientas */
.tools{display:grid;gap:14px}
.tool{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:20px;background:var(--crema);text-decoration:none;color:var(--negro);border:2px solid var(--negro);transition:transform .2s var(--rebote),background .2s}
.tool:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--negro);background:#fff3e0}
.tool .n{font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--rojo)}
.tool .epic{font-size:22px;margin-top:2px}
.tool p{font-size:15px;margin-top:4px}

/* Guía destacada */
.guia-dest{display:grid;gap:30px;align-items:center;background-color:var(--rojo);background-image:url(../brand/rojo-papel.jpg);background-size:720px;color:var(--crema);padding:clamp(28px,4vw,54px);clip-path:polygon(0 2%,100% 0,99.4% 100%,.4% 98%)}
.guia-dest .epic.t{font-size:clamp(34px,5vw,64px)}
.guia-dest .portada{position:relative;max-width:300px;margin:0 auto}
.guia-dest .portada .pj{width:66%;margin-left:auto;margin-bottom:-14%;position:relative;z-index:2}
.guia-dest .portada .tapa{background:var(--crema);color:var(--negro);padding:22px 18px;clip-path:polygon(0 3%,99% 0,100% 97%,1% 100%)}
.guia-dest .portada .tapa .epic{font-size:28px;line-height:.95}

/* Valores */
.valores{display:grid;gap:12px;margin-top:40px}
.val-it{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-top:2px solid rgba(255,231,201,.25)}
.val-it .epic{font-size:clamp(22px,2.6vw,30px)}
.val-it p{font-size:16px;opacity:.88}
.cita-g{font-family:var(--epic);text-transform:uppercase;font-size:clamp(30px,5vw,64px);line-height:.98}
.cita-g em{font-style:normal;color:var(--negro)}

/* Cierre */
.cierre{padding:120px 0 0;overflow:hidden}
.cierre .aro-cierre{position:absolute;width:min(130vw,1100px);aspect-ratio:1;left:50%;top:40px;transform:translateX(-50%);pointer-events:none;opacity:.9}
.cierre .wrap{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:20px}
.cierre h2{font-size:clamp(40px,7vw,96px);max-width:900px}
.cierre h2 em{font-style:normal;color:var(--rojo-vivo)}
.cta-zona{--ph:210px;position:relative;margin-top:calc(var(--ph)*.5 - 10px);padding-bottom:calc(var(--ph)*.478 + 40px);text-align:left}
.cta-btn{position:relative;display:inline-block;max-width:calc(100% - var(--ph)*.5 - 14px)}
.cta-zona .btn{max-width:100%}
.cta-zona .apunta{position:absolute;left:calc(100% + 6px);top:calc(50% - var(--ph)*.522);height:var(--ph);pointer-events:none}
.cta-zona .apunta img{height:100%;width:auto;max-width:none;transform:scaleX(-1);filter:var(--pegado)}

/* ---------- Pie ---------- */
footer.pie{background-color:var(--rojo);background-image:url(../brand/rojo-papel.jpg);background-size:720px;color:var(--crema);padding:60px 0 90px}
.pie .wrap{display:grid;gap:30px}
.pie img.lg{height:34px;width:auto}
.pie nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.pie nav a{font-family:var(--epic);text-transform:uppercase;font-size:16px;text-decoration:none}
.pie nav a:hover{text-decoration:underline}
.pie p{font-size:15px;max-width:460px}
.pie small{font-size:12px;opacity:.75}

/* ====================== PÁGINAS INTERNAS ====================== */
.ph{padding:60px 0 80px;overflow:hidden}
.ph .wrap{display:grid;gap:30px;align-items:end}
.ph h1{font-size:clamp(44px,8vw,108px);margin-top:14px}
.ph .lead{margin-top:20px}
.ph .vis{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:260px}
.ph .vis .geo{position:absolute;border-radius:50%;z-index:0}
.ph .vis .pj{position:relative;z-index:1;height:clamp(240px,34vw,420px);width:auto}
.migas{font-size:14px;font-weight:600;letter-spacing:.06em}
.migas a{text-decoration:none;opacity:.7} .migas a:hover{opacity:1;color:var(--rojo)}

/* Planes */
.planes{display:grid;gap:16px}
.plan{position:relative;background:var(--crema);padding:28px 24px;display:flex;flex-direction:column;gap:12px;border:2px solid var(--negro)}
.plan.dest{background:var(--negro);color:var(--crema);border-color:var(--negro)}
.plan .tag{position:absolute;top:-14px;right:16px;background:var(--rojo);color:var(--crema);font-family:var(--epic);font-size:13px;padding:6px 10px 4px;transform:rotate(3deg)}
.plan .epic{font-size:28px}
.plan .precio{font-family:var(--epic);font-size:36px;color:var(--rojo)}
.plan .precio small{font-family:var(--clash);font-size:14px;color:inherit;opacity:.7;text-transform:none}
.plan ul{list-style:none;display:grid;gap:6px;font-size:15px}
.plan li::before{content:"●";color:var(--rojo);margin-right:8px;font-size:10px;vertical-align:middle}
.plan .btn{margin-top:auto;align-self:flex-start}
.nota-p{font-size:14px;opacity:.7;margin-top:18px}
.tabla-p{display:grid;gap:0;margin-top:20px}
.tabla-p div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px dashed rgba(28,28,28,.25);font-size:16px}
.tabla-p b{font-family:var(--epic);font-weight:800;white-space:nowrap}

/* Formularios y herramientas */
.panel{background:var(--crema);border:2px solid var(--negro);padding:clamp(20px,3vw,34px);position:relative}
.panel.os{background:var(--negro);color:var(--crema);border-color:var(--negro)}
.pasos{display:flex;gap:6px;margin-bottom:22px}
.pasos i{flex:1;height:6px;background:rgba(28,28,28,.15)}
.pasos i.on{background:var(--rojo)}
.campo{display:grid;gap:6px;margin-bottom:14px}
.campo label,.campo .lbl{font-weight:600;font-size:14px;letter-spacing:.04em}
.campo input,.campo select,.campo textarea{width:100%;font:inherit;font-size:17px;padding:12px 14px;background:#fff;border:2px solid var(--negro);border-radius:0;color:var(--negro);outline:none;appearance:none;-webkit-appearance:none}
.campo select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23E52322' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center}
.campo input:focus,.campo select:focus,.campo textarea:focus{box-shadow:0 0 0 3px var(--rojo)}
.campo textarea{min-height:110px;resize:vertical}
.fila2{display:grid;gap:0 14px}
.opciones-chk{display:grid;gap:8px}
.chk{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border:2px solid var(--negro);background:#fff;cursor:pointer;font-size:16px;transition:background .15s}
.chk input{width:20px;height:20px;accent-color:var(--rojo);flex:none}
.chk:has(input:checked){background:var(--negro);color:var(--crema)}
.chk small{opacity:.7;white-space:nowrap}
.chk .cat{font-size:11px;letter-spacing:.12em;color:var(--rojo);font-weight:600;display:block}
.resultado{margin-top:18px;background:var(--negro);color:var(--crema);padding:24px 22px;clip-path:polygon(0 1.5%,100% 0,99.5% 100%,.5% 98.5%)}
.resultado .epic{color:var(--rojo-vivo)}
.resultado h3.epic{font-size:clamp(26px,3.4vw,38px)}
.resultado p{margin-top:8px;font-size:16px}
.resultado .lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--rojo-vivo);margin-top:16px;display:block}
.resultado pre{white-space:pre-wrap;font-family:var(--clash);font-size:16px;line-height:1.5;margin-top:10px;background:rgba(255,231,201,.06);padding:14px}
.cotiz{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.cotiz div{background:rgba(255,231,201,.08);padding:12px}
.cotiz span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.cotiz b{display:block;font-family:var(--epic);font-size:24px;color:var(--crema)}
.aviso-mix{margin-top:12px;font-size:15px;color:var(--rojo-vivo)}
.sim-op{display:grid;gap:8px;margin-top:14px}
.sim-op button{text-align:left;padding:14px 16px;border:2px solid var(--crema);background:transparent;color:var(--crema);font-size:16px;cursor:pointer;transition:background .15s}
.sim-op button:hover{background:rgba(255,231,201,.1)}
.sim-op button.ok{background:#1f5f2e;border-color:#1f5f2e}
.sim-op button.mal{background:var(--rojo);border-color:var(--rojo)}
.sim-boca{display:flex;gap:14px;align-items:flex-start;margin-top:8px}
.sim-boca img{width:90px;height:auto;flex:none}
.sim-boca .globo{max-width:none;text-align:left;font-size:17px;border-radius:24px}
.medidor{height:12px;background:rgba(255,231,201,.15);margin-top:12px;position:relative}
.medidor i{position:absolute;inset:0 auto 0 0;background:var(--rojo);transition:width .6s var(--golpe)}

/* Momentos (eventos) */
.momentos{display:grid;gap:14px;counter-reset:m}
.momento{position:relative;background:var(--crema);padding:24px 22px;border-top:8px solid var(--negro)}
.momento:last-child{border-top-color:var(--rojo)}
.momento .fig{position:absolute;right:16px;top:-62px;--h:80px}
.momento .k{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--rojo)}
.momento .epic{font-size:24px;margin-top:4px}
.momento p{font-size:15px;margin-top:8px}
.listas2{display:grid;gap:30px}
.lista-p{list-style:none;display:grid;gap:10px;margin-top:16px}
.lista-p li{display:flex;gap:12px;font-size:17px}
.lista-p li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--rojo);flex:none;margin-top:7px}

/* Guías */
.guias-grid{display:grid;gap:20px}
.g-card{display:flex;flex-direction:column;background:var(--crema);text-decoration:none;color:var(--negro);border:2px solid var(--negro);transition:transform .2s var(--rebote),box-shadow .2s}
.g-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--negro)}
.g-card .tapa{position:relative;height:220px;background-color:var(--rojo);background-image:url(../brand/rojo-papel.jpg);background-size:720px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.g-card .tapa.n{background:var(--negro)}
.g-card .tapa.c{background:var(--papel) url(../brand/papel.jpg);background-size:720px}
.g-card .tapa .pj{height:92%;width:auto}
.g-card .tapa .fig{margin-bottom:24px}
.g-card .cuerpo{padding:20px 20px 22px;display:grid;gap:8px}
.g-card .epic{font-size:26px}
.g-card p{font-size:15px}
.g-card .meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--rojo)}
.g-card.prox{opacity:.72;pointer-events:none}
.g-card.prox .meta{color:var(--gris)}

/* ====================== RESPONSIVE ====================== */
@media (min-width:700px){
  .fila2{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(4,1fr)}
  .valor3{grid-template-columns:repeat(3,1fr)}
  .tools{grid-template-columns:1fr 1fr}
  .momentos{grid-template-columns:1fr 1fr;row-gap:80px}
  .listas2{grid-template-columns:1fr 1fr}
  .guias-grid{grid-template-columns:1fr 1fr}
  .pie .wrap{grid-template-columns:1.2fr 1fr 1fr}
  .mini-casos{grid-template-columns:1fr 1fr}
}
@media (min-width:980px){
  :root{--gutter:40px}
  .hero .wrap{grid-template-columns:1.1fr .9fr}
  .problema .wrap{grid-template-columns:.85fr 1.15fr}
  .eco{grid-template-columns:repeat(3,1fr)}
  .metodo{grid-template-columns:1.1fr .9fr}
  .aud{flex-direction:row}
  .aud a{flex:1;min-width:0;min-height:520px}
  .aud a:hover{flex-grow:1.35}
  .caso{grid-template-columns:1fr 1fr}
  .pm-grid{grid-template-columns:.9fr 1.1fr}
  .guia-dest{grid-template-columns:1.3fr .7fr}
  .valores{grid-template-columns:1fr 1fr;column-gap:40px}
  .ph .wrap{grid-template-columns:1.2fr .8fr}
  .ph h1{font-size:clamp(44px,5.2vw,74px)}
  .hero h1{font-size:clamp(48px,6.2vw,86px)}
  .momentos{grid-template-columns:repeat(4,1fr)}
  .guias-grid{grid-template-columns:repeat(3,1fr)}
  .planes{grid-template-columns:repeat(3,1fr)}
  .cta-zona{--ph:320px}
}
@media (max-width:420px){body{font-size:17px}.btn{font-size:16px}}

/* ====================== CARRUSEL DE VIDEOS ====================== */
.reels{padding:90px 0 80px;overflow:hidden}
.reels .cab{margin-bottom:20px}
.vc{position:relative;height:clamp(500px,64vw,660px);perspective:1500px;touch-action:pan-y;user-select:none}
.vc-item{--w:clamp(230px,24vw,320px);position:absolute;left:50%;top:50%;width:var(--w);aspect-ratio:9/16;background:#000;overflow:hidden;cursor:pointer;
  transform:translate(-50%,-50%) translateX(calc(var(--d)*var(--w)*.78)) rotateY(calc(var(--d)*-26deg)) scale(calc(1 - var(--ad)*.17));
  transition:transform .75s var(--golpe),opacity .45s,filter .45s;filter:brightness(calc(1 - var(--ad)*.38));box-shadow:0 18px 40px rgba(0,0,0,.45)}
.vc-item video,.vc-item img.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vc-item[data-d="0"]{cursor:default;outline:4px solid var(--rojo);outline-offset:-4px}
.vc-cap{position:absolute;left:0;right:0;padding:14px 14px;color:#fff;opacity:0;transition:opacity .4s .2s;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.vc-item[data-d="0"] .vc-cap{opacity:1}
.vc-cap.arriba{top:0;background:linear-gradient(rgba(0,0,0,.6),transparent)}
.vc-cap.abajo{bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.vc-cap .tg{font-size:11px;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:var(--crema);opacity:.9}
.vc-cap .tt{font-family:var(--epic);text-transform:uppercase;font-size:clamp(20px,2vw,26px);line-height:.95;margin-top:4px}
.vc-cap .vis{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.vc-cap .vis b{font-family:var(--epic);font-size:clamp(26px,2.6vw,34px);color:var(--crema);line-height:1}
.vc-cap .vis span{font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.vc-cap .st{font-size:14px;line-height:1.3}
.vc-ctrl{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px}
.vc-ctrl button.fl{width:52px;height:52px;border-radius:50%;border:0;background:var(--rojo);color:var(--crema);font-family:var(--epic);font-size:22px;cursor:pointer;transition:transform .2s var(--rebote)}
.vc-ctrl button.fl:hover{transform:scale(1.1)}
.vc-dots{display:flex;gap:8px}
.vc-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,231,201,.3);cursor:pointer;padding:0;transition:background .2s,transform .2s}
.vc-dots button.on{background:var(--rojo);transform:scale(1.4)}
.vc-barra{width:min(320px,70%);height:3px;background:rgba(255,231,201,.15);margin:14px auto 0;position:relative}
.vc-barra i{position:absolute;inset:0 auto 0 0;width:0;background:var(--rojo)}
.reels .nota-ig{text-align:center;font-size:14px;opacity:.65;margin-top:18px}
@media (max-width:700px){.vc-item{--w:62vw}.vc{height:min(118vw,600px)}}

/* Anti-desborde: ningún hijo de grilla puede crecer más que su columna */
.wrap>*,.caso>*,.metodo>*,.pm-grid>*,.listas2>*,.planes>*,.problema .wrap>*,.ph .wrap>*,.eco>*,.tools>*,.valores>*,.stats>*,.mini-casos>*,.guias-grid>*,.momentos>*,.hero .wrap>*,.guia-dest>*,.fila2>*{min-width:0}
h1,h2,h3,.epic{overflow-wrap:normal}
@media (max-width:440px){
  .h2{font-size:clamp(28px,8.4vw,38px)}
  .ph h1{font-size:clamp(32px,9.6vw,44px)}
  .hero h1{font-size:clamp(36px,11vw,48px)}
  .cierre h2{font-size:clamp(30px,8.6vw,40px)}
  .plan .epic{font-size:24px}
  .stat .n{font-size:30px}
  .btn.lg{font-size:17px;padding:16px 18px 14px}
}

.caso .h2,.pm-grid .h2{font-size:clamp(34px,4.6vw,62px)}
.caso .stats{grid-template-columns:1fr 1fr}
.stat .n{font-size:clamp(30px,3.4vw,46px)}
.cierre h2{font-size:clamp(34px,5.4vw,74px)}
.guia-dest .epic.t{font-size:clamp(30px,4vw,54px)}
.eco-card .epic{font-size:clamp(30px,3vw,42px)}
.metodo-txt .epic.t{font-size:clamp(28px,3vw,40px)}

/* ====================== SERVICIOS ====================== */
.srv{display:grid;gap:40px;align-items:start}
.srv-info .h2{margin-top:10px}
.srv-info .lead{margin-top:14px}
.equipo{font-size:15px;margin-top:18px;opacity:.85}
.ej-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px}
.ej{position:relative;margin:0;background:#000;aspect-ratio:4/5;overflow:hidden;border:3px solid var(--negro)}
.oscuro .ej{border-color:rgba(255,231,201,.15)}
.ej video,.ej img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--golpe)}
.ej:hover video,.ej:hover img{transform:scale(1.04)}
.ej-tipo{position:absolute;top:10px;left:10px;background:var(--rojo);color:var(--crema);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px 3px}
.ej figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;display:grid;gap:2px;font-size:13px;line-height:1.25}
.ej figcaption b{font-family:var(--epic);font-weight:800;text-transform:uppercase;font-size:17px}
.ej figcaption em{font-style:normal;color:var(--crema);font-weight:600}
.ej figcaption small{opacity:.85}
.ej figcaption a{color:var(--crema);font-weight:600;font-size:12px;margin-top:4px;text-decoration:underline}
.pasos-n{list-style:none;display:grid;gap:12px;margin-top:20px;counter-reset:pn}
.pasos-n li{display:grid;gap:2px;padding-left:44px;position:relative;counter-increment:pn}
.pasos-n li::before{content:counter(pn);position:absolute;left:0;top:-2px;font-family:var(--epic);font-size:30px;color:var(--rojo-vivo)}
.pasos-n b{font-family:var(--epic);font-weight:800;text-transform:uppercase;font-size:19px}
.pasos-n span{font-size:16px;opacity:.85}
.piezas{display:grid;gap:12px}
.pieza{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:18px;background:var(--crema);border:2px solid var(--negro)}
.pieza .epic{font-size:22px} .pieza p{font-size:15px;margin-top:4px}
.estructura{display:grid;gap:12px}
.est{background:#fff;border-top:8px solid var(--negro);padding:20px 18px}
.est:last-child{border-top-color:var(--rojo)}
.est .n{font-family:var(--epic);font-size:40px;color:var(--rojo);line-height:1}
.est .epic{font-size:22px;margin-top:4px} .est p{font-size:15px;margin-top:6px}
.lbl{display:block;font-weight:600;font-size:14px;letter-spacing:.04em;margin-bottom:8px}
@media (min-width:700px){.piezas{grid-template-columns:1fr 1fr}.estructura{grid-template-columns:repeat(3,1fr)}}
@media (min-width:980px){.srv{grid-template-columns:.9fr 1.1fr}.estructura{grid-template-columns:repeat(5,1fr)}.ej-grid.g4{grid-template-columns:1fr 1fr}.ej-grid.g3{grid-template-columns:repeat(3,1fr)}}

.cierre .wrap>*{max-width:100%}

/* Rangos referenciales */
.rango{display:inline-grid;gap:2px;margin-top:14px;padding:10px 14px 9px;border-left:5px solid var(--rojo);background:rgba(229,35,34,.07)}
.oscuro .rango,.plan.dest .rango{background:rgba(255,231,201,.07)}
.rango span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.oscuro .rango span,.plan.dest .rango span{color:var(--rojo-vivo)}
.rango b{font-family:var(--epic);font-weight:800;font-size:22px;line-height:1.05}
.rango small{font-size:13px;opacity:.75}
.nota-rangos{margin-top:26px;padding:18px 20px;border:2px dashed var(--negro);font-size:16px;line-height:1.45;max-width:820px}
.nota-rangos b{color:var(--rojo)}
.oscuro .nota-rangos{border-color:rgba(255,231,201,.35)}
.r-in{font-style:normal;font-weight:600;color:var(--rojo);white-space:nowrap}

/* ====================== DEPORTISTAS: TARJETAS Y FICHAS ====================== */
/* ---------- Franja acordeón de deportistas ---------- */
.atl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:28px}
.atl-hint{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;opacity:.55;text-align:right}
.atl-strip{display:flex;gap:12px;height:clamp(460px,62vh,580px)}
.atl-c{position:relative;flex:.85 1 0%;min-width:0;border-radius:24px;overflow:hidden;background:#101215;color:#fff;cursor:pointer;border:1px solid rgba(28,28,28,.25);transition:flex .7s cubic-bezier(.65,0,.35,1),box-shadow .4s,opacity .4s,filter .4s;outline:none}
.atl-c.on{flex:2.8 1 0%;box-shadow:0 30px 70px rgba(28,28,28,.35),0 0 0 3px var(--rojo)}
.atl-strip.activo .atl-c:not(.on){opacity:.78;filter:saturate(.75)}
.atl-c:focus-visible{box-shadow:0 0 0 3px var(--rojo)}
.atl-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.atl-c.on img{transform:scale(1.06)}
.atl-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,7,.45) 0%,rgba(6,6,7,0) 26%,rgba(6,6,7,.45) 66%,rgba(6,6,7,.94) 100%);pointer-events:none}
.atl-city{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:rgba(6,6,7,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden}
.atl-city svg,.atl-panel .meta svg{width:13px;height:13px;flex:none}
.atl-id{position:absolute;left:14px;right:14px;bottom:16px;display:flex;flex-direction:column;gap:3px;transition:opacity .25s;pointer-events:none}
.atl-c.on .atl-id{opacity:0}
.atl-id .nm{font-family:var(--epic);text-transform:uppercase;font-size:clamp(13px,1.5vw,18px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atl-id .sp{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rojo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atl-panel{position:absolute;left:12px;right:12px;bottom:12px;opacity:0;transform:translateY(14px) scale(.97);pointer-events:none;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);background:rgba(18,19,22,.55);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border:1px solid rgba(255,255,255,.18);border-top-color:rgba(255,255,255,.32);border-radius:20px;padding:18px 18px 16px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.atl-c.on .atl-panel{opacity:1;transform:none;pointer-events:auto;transition-delay:.25s}
.atl-panel .sp{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo)}
.atl-panel .nm{font-family:var(--epic);text-transform:uppercase;font-size:clamp(22px,2.2vw,28px);line-height:1.05;margin:4px 0 10px}
.atl-panel .meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px}
.atl-panel .meta span{display:inline-flex;align-items:center;gap:5px;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.7)}
.atl-panel .meta .sc{color:#ff5a4f;font-weight:700}
.atl-panel p{font-size:14px;line-height:1.45;color:rgba(255,255,255,.8)}
.atl-btn{display:flex;justify-content:center;gap:8px;margin-top:14px;padding:12px 14px;border-radius:999px;background:var(--rojo);color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:transform .2s var(--rebote),background .2s}
.atl-btn:hover{background:#c81a19;transform:translateY(-2px)}
@media (max-width:760px){
  .atl-strip{flex-direction:column;height:auto}
  .atl-c{flex:none;height:92px;transition:height .6s cubic-bezier(.65,0,.35,1),box-shadow .4s}
  .atl-c.on{height:min(540px,128vw);flex:none}
  .atl-c:not(.on) img{object-position:center 30%}
  .atl-id{bottom:12px}
  .atl-head .atl-hint{text-align:left}
}

.ficha-hero{padding:50px 0 40px;overflow:hidden}
.ficha-hero .wrap{display:grid;gap:30px;align-items:center}
.ficha-hero h1{font-size:clamp(46px,8vw,110px);margin-top:12px}
.ficha-hero .lead{margin-top:16px}
.fh-vis{position:relative;max-width:440px;width:100%;margin:0 auto}
.recorte.grande{position:relative;padding:12px 12px 12px}
.recorte.grande img{aspect-ratio:4/5}
.mini-score{position:absolute;left:-14px;bottom:-24px;width:min(42%,170px);z-index:3}
.mini-score .val b{font-size:clamp(40px,5vw,58px)}
.mini-score .val span{font-size:10px}
.ficha-stats{grid-template-columns:1fr 1fr}
.tray{list-style:none;display:grid;gap:0;margin-top:16px}
.tray li{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,231,201,.2);font-size:17px}
.tray .an{font-family:var(--epic);color:var(--rojo-vivo);font-size:18px}
.marca{display:inline-block;margin:0 8px 8px 0;padding:8px 14px 6px;border:2px solid var(--crema);font-family:var(--epic);text-transform:uppercase;font-size:14px}
.sectores{display:flex;flex-wrap:wrap;gap:10px}
.sector{display:grid;gap:2px;text-align:left;padding:12px 16px 10px;background:var(--crema);border:2px solid var(--negro);cursor:pointer;font-family:var(--epic);text-transform:uppercase;font-size:16px;transition:transform .2s var(--rebote),background .2s}
.sector small{font-family:var(--clash);text-transform:none;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--rojo)}
.sector.indirecto{border-style:dashed}
.sector.complementario{border-style:dotted}
.sector:hover{transform:translateY(-3px)}
.sector.on{background:var(--negro);color:var(--crema)}
.sector.on small{color:var(--rojo-vivo)}
.idea{margin-top:18px}
.idea p{font-size:18px}
.galeria{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.galeria .recorte{position:relative}
.galeria .recorte img{aspect-ratio:4/5}
.otros{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px}
.otros a{font-family:var(--epic);text-transform:uppercase;font-size:16px;text-decoration:none;border-bottom:3px solid var(--crema)}
.aud-barras .barra i{transition:width 1.2s var(--golpe)}
.crema-sec .var-f .barra{background:rgba(28,28,28,.1)}
@media (min-width:700px){.ficha-stats{grid-template-columns:repeat(4,1fr)}}
@media (min-width:980px){.ficha-hero .wrap{grid-template-columns:1.15fr .85fr}}
@media (max-width:600px){.galeria{grid-template-columns:1fr 1fr}.galeria .recorte:last-child{display:none}}

/* ---------- Escenas: mini deportista + forma gigante ---------- */
.esc{position:relative;display:block;flex:none;width:var(--s)}
.esc .g{position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:var(--geo);transition:transform .6s var(--golpe)}
.esc .fig{position:absolute;left:50%;transform:translateX(-50%);transition:transform .5s var(--rebote)}
.esc-sobre{height:calc(var(--s)*.6 + var(--h))}
.esc-sobre .g{width:calc(var(--s)*.6);aspect-ratio:1;border-radius:50%}
.esc-sobre .fig{bottom:calc(var(--s)*.6 - 2px)}
.esc-semi{height:calc(var(--s)*.45 + var(--h))}
.esc-semi .g{width:var(--s);height:calc(var(--s)*.45);border-radius:var(--s) var(--s) 0 0}
.esc-semi .fig{bottom:calc(var(--s)*.45 - 2px)}
.esc-aro{height:var(--s)}
.esc-aro .g{width:var(--s);aspect-ratio:1;border-radius:50%;background:none;border:calc(var(--s)*.12) solid var(--geo)}
.esc-aro .fig{bottom:-2px}
a:hover .esc .g,.esc:hover .g{transform:translateX(-50%) rotate(-10deg) scale(1.06)}
a:hover .esc .fig,.esc:hover .fig{transform:translateX(-50%) translateY(-4px)}

/* ---------- ProMatch ---------- */
.pill-beta{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;background:var(--rojo);color:var(--crema);font-size:10px;letter-spacing:.14em;vertical-align:2px}
.estado{margin-top:14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;opacity:.6}
.pm-venn{min-height:clamp(260px,34vw,400px)}
.pm-venn i{position:absolute;bottom:0;width:clamp(170px,22vw,280px);aspect-ratio:1;border-radius:50%}
.pm-venn .c1{left:calc(50% - clamp(150px,19vw,240px));background:var(--rojo);animation:venn1 6s ease-in-out infinite}
.pm-venn .c2{left:calc(50% - clamp(20px,3vw,40px));border:clamp(8px,1vw,12px) solid var(--negro);animation:venn2 6s ease-in-out infinite}
@keyframes venn1{50%{transform:translateX(8px)}} @keyframes venn2{50%{transform:translateX(-8px)}}
.pm-lado{position:relative;background:var(--crema);border:2px solid var(--negro);padding:26px}
.pm-lado.oscuro{background:var(--negro);color:var(--crema)}
.pm-lado .esc{margin-bottom:14px}
.pm-lado .kicker{margin-bottom:6px}
.sim{display:grid;gap:34px}
.sim-vars{display:grid;gap:18px}
.sim-f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}
.sim-f label b{font-weight:600}
.sim-f small{opacity:.6;font-size:12px;letter-spacing:.06em}
.sim-f output{font-family:var(--epic);font-size:22px;color:var(--crema)}
.sim-f p{grid-column:1/-1;font-size:13px;opacity:.6}
.sim-f input[type=range]{grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:12px;background:linear-gradient(90deg,var(--rojo) var(--p,50%),rgba(255,231,201,.14) var(--p,50%));cursor:pointer;margin:6px 0 2px}
.sim-f input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--crema);border:5px solid var(--rojo)}
.sim-f input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--crema);border:5px solid var(--rojo)}
.sim-res{display:grid;gap:22px;align-content:start}
.sim-score{width:min(100%,300px)}
.reco{border-left:6px solid var(--rojo);padding:12px 16px;background:rgba(255,231,201,.06);margin-top:18px}
.reco .lbl{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--rojo-vivo);margin-bottom:4px}
.reco p{font-size:15px}
.cmp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.cmp-tabs button{font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border:2px solid var(--negro);background:transparent;cursor:pointer;transition:background .2s,color .2s}
.cmp-tabs button.on{background:var(--negro);color:var(--crema)}
.cmp{display:flex;flex-direction:column;gap:10px}
.cmp-fila{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,2fr) auto;gap:14px;align-items:center;padding:10px;background:#fff;border:2px solid var(--negro);color:var(--negro);text-decoration:none;transition:transform .2s var(--rebote)}
.cmp-fila:hover{transform:translateX(6px);box-shadow:-6px 0 0 var(--rojo)}
.cmp-fila img{width:56px;height:56px;object-fit:cover;border-radius:50%}
.cmp-n b{display:block;font-family:var(--epic);text-transform:uppercase;font-size:17px;line-height:1.05}
.cmp-n small{font-size:12px;opacity:.65}
.cmp-barra{height:14px;background:rgba(28,28,28,.08);position:relative}
.cmp-barra i{position:absolute;inset:0 auto 0 0;width:0;background:var(--rojo);transition:width .9s var(--golpe)}
.cmp-v{font-family:var(--epic);font-size:22px;min-width:5.5ch;text-align:right}
.pm-reg{display:grid;gap:30px;align-items:start}
.pm-reg .panel{background:var(--crema);color:var(--negro)}
.pm-quien{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}
.pm-reg .aviso{font-size:14px;color:var(--rojo);margin-top:8px}
@media (max-width:620px){.cmp-fila{grid-template-columns:48px minmax(0,1fr) auto}.cmp-fila img{width:48px;height:48px}.cmp-barra{grid-column:1/-1;grid-row:2}}
@media (min-width:900px){.sim{grid-template-columns:1.2fr .8fr}.pm-reg{grid-template-columns:.9fr 1.1fr}}
.pm-lados>*,.sim>*,.pm-reg>*{min-width:0}
/* Etapas del deportista */
.etapas{display:grid;gap:14px;align-items:end}
.etapa{display:flex;flex-direction:column;gap:6px;padding:22px;background:var(--crema);border:2px solid var(--negro);color:var(--negro);text-decoration:none;transition:transform .2s var(--rebote),box-shadow .2s}
.etapa:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--negro)}
.etapa .esc{margin-bottom:10px}
.etapa .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--rojo)}
.etapa .epic{font-size:24px}
.etapa p{font-size:15px}
.etapa .ir{margin-top:auto;padding-top:8px;font-weight:700;color:var(--rojo)}
@media (min-width:800px){.etapas{grid-template-columns:repeat(3,1fr)}}
.etapas>*{min-width:0}

/* ---------- Servicios: catálogo ---------- */
.srv-hero-vis{min-height:clamp(280px,34vw,420px)}
.srv-hero-vis i{position:absolute;border-radius:50%}
.srv-hero-vis .g1{left:2%;bottom:0;width:clamp(120px,15vw,190px);aspect-ratio:1;background:var(--negro);clip-path:inset(0 0 45% 0);bottom:calc(clamp(120px,15vw,190px) * -.45)}
.srv-hero-vis .g2{left:30%;bottom:0;width:clamp(170px,22vw,270px);aspect-ratio:1;background:var(--rojo)}
.srv-hero-vis .g3{right:0;bottom:0;width:clamp(120px,15vw,180px);aspect-ratio:1;border:clamp(10px,1.4vw,18px) solid var(--negro)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}
.cat{display:flex;flex-direction:column;gap:4px;padding:20px;background:var(--crema);border:2px solid var(--negro);color:var(--negro);text-decoration:none;transition:transform .2s var(--rebote),box-shadow .2s}
.cat:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--rojo)}
.cat .esc{margin-bottom:12px}
.cat .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--rojo)}
.cat .epic{font-size:22px;line-height:1.05}
.cat p{font-size:15px}
.cat .ir{margin-top:auto;padding-top:10px;font-weight:700;font-size:14px}
.perfil-ej{display:grid;gap:12px}
.pe-main{position:relative;display:block;aspect-ratio:4/5;max-height:520px;overflow:hidden;border-radius:24px;border:3px solid var(--crema)}
.pe-main img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.pe-main:hover img{transform:scale(1.05)}
.pe-score{position:absolute;top:14px;right:14px;width:74px;height:74px;border-radius:50%;background:var(--rojo);color:var(--crema);display:grid;place-content:center;text-align:center;line-height:1}
.pe-score b{font-family:var(--epic);font-size:28px}.pe-score small{font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.pe-tag{position:absolute;left:14px;bottom:14px;background:var(--crema);color:var(--negro);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.pe-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pe-mini a{position:relative;aspect-ratio:1;overflow:hidden;border-radius:16px;color:#fff;text-decoration:none}
.pe-mini img{width:100%;height:100%;object-fit:cover}
.pe-mini span{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 6px;font-size:12px;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.formatos{display:grid;gap:12px;margin-top:30px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.fmt{display:flex;flex-direction:column;gap:4px;padding:18px;border:2px solid var(--negro);background:#fff}
.fmt b{font-family:var(--epic);text-transform:uppercase;font-size:20px}
.fmt span{font-size:15px}
.mini-planes{display:grid;gap:10px;margin-top:20px}
.mini-planes>div{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid rgba(255,231,201,.25)}
.mini-planes b{font-family:var(--epic);text-transform:uppercase;font-size:18px}
.mini-planes small{font-size:14px;opacity:.75}
.srv-sep{background:var(--rojo);color:var(--crema);text-align:center;padding:18px 16px}
.srv-sep span{font-family:var(--epic);text-transform:uppercase;font-size:clamp(18px,2.4vw,28px)}
.perfil-ej>*,.cat-grid>*,.formatos>*{min-width:0}
/* Cifras */
.cifras{background:var(--negro);color:var(--crema);padding:34px 0}
.cifras .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}
@media (min-width:700px){.cifras .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.cifras .wrap{grid-template-columns:repeat(6,minmax(0,1fr))}}
.cifra{padding:14px 18px;border-left:2px solid rgba(255,231,201,.18)}
.cifra b{display:block;font-family:var(--epic);font-size:clamp(34px,4.2vw,56px);line-height:1;white-space:nowrap}
.cifra span{display:block;font-size:13px;margin-top:6px;opacity:.75}
.cifra.acento b{color:var(--rojo-vivo)}
/* Panel de acción en fichas */
.accion{width:100%;max-width:760px;background:var(--negro);color:var(--crema);padding:24px}
.accion p{margin:6px 0 14px}
.accion-links{display:grid;gap:8px}
.accion-links a{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:2px solid rgba(255,231,201,.3);color:var(--crema);text-decoration:none;font-weight:700;transition:background .2s,border-color .2s}
.accion-links a:first-child{background:var(--rojo);border-color:var(--rojo)}
.accion-links a:hover{border-color:var(--crema);transform:translateX(4px)}
@media (max-width:440px){.tool{grid-template-columns:1fr;gap:10px}.val-it{grid-template-columns:1fr}}

/* ---------- Escenas generadas (formas + mini deportistas) ---------- */
.esc-img{display:block;width:100%;height:auto}
.eco-forma{height:auto;min-height:0}
.eco-forma .esc-img{width:auto;max-width:100%;height:200px;object-fit:contain;margin:0 auto;transition:transform .6s var(--golpe)}
.eco-card:hover .eco-forma .esc-img{transform:scale(1.04) rotate(-1.5deg)}
.tool{grid-template-columns:clamp(110px,14vw,150px) minmax(0,1fr)}
.tool .esc-img{height:auto;max-height:120px;object-fit:contain}
.tool:hover .esc-img{transform:scale(1.06)}
.cat-vis,.etapa-vis{display:flex;align-items:flex-end;justify-content:center;height:150px;margin:-6px -6px 14px;padding:6px;background:#fff8ee;border-bottom:2px solid var(--negro)}
.cat-vis .esc-img,.etapa-vis .esc-img{width:auto;max-width:100%;max-height:100%;object-fit:contain;transition:transform .5s var(--golpe)}
.cat:hover .cat-vis .esc-img,.etapa:hover .etapa-vis .esc-img{transform:scale(1.05)}
.cat,.etapa{overflow:hidden}
.etapa-vis{height:170px}
.srv-hero-vis{min-height:0;align-items:center}
.srv-hero-vis .esc-img{max-width:560px}
.ph .vis .esc-img{max-width:520px;margin:0 auto}
.pm-lado-img{width:auto;max-width:180px;max-height:150px;margin-bottom:14px}
.pm-lado.oscuro .pm-lado-img{filter:invert(1) hue-rotate(180deg);mix-blend-mode:normal}
.pz-n{font-family:var(--epic);font-size:40px;line-height:1;color:var(--rojo)}
.val-dot{width:18px;height:18px;border-radius:50%;background:var(--crema);flex:none;align-self:start;margin-top:10px}
@media (max-width:440px){.tool{grid-template-columns:1fr}.tool .esc-img{max-width:200px}}
.oscuro .eco-forma{background:var(--crema);margin:-26px -24px 10px;padding:22px 16px 14px;border-bottom:2px solid rgba(255,231,201,.14)}
.pm-lado.oscuro{background:#fff8ee;color:var(--negro)}
.pm-lado.oscuro .pm-lado-img{filter:none}

.atl-c video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.atl-c.on video.vivo{opacity:1}

/* ---------- Caso GT Challenge ---------- */
.gt-top{display:grid;gap:34px;align-items:center}
.gt-cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:26px}
.gt-cifras b{display:block;font-family:var(--epic);font-size:clamp(30px,3.2vw,44px);line-height:1;color:var(--crema);white-space:nowrap}
.gt-cifras div:nth-child(2) b{color:var(--rojo-vivo)}
.gt-cifras span{font-size:14px;opacity:.75}
.tel{position:relative;justify-self:center;width:min(100%,300px);aspect-ratio:9/16;border-radius:34px;overflow:hidden;border:8px solid #000;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 2px rgba(255,231,201,.2);background:#000;transform:rotate(2deg)}
.tel video{width:100%;height:100%;object-fit:cover;display:block}
.tel figcaption{position:absolute;left:12px;right:12px;bottom:12px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.55);padding:6px 10px;border-radius:999px;text-align:center}
.gt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 28px}
.gt-tabs button{font:inherit;font-family:var(--epic);text-transform:uppercase;font-size:18px;padding:12px 20px 10px;background:transparent;color:var(--crema);border:2px solid rgba(255,231,201,.4);cursor:pointer;transition:background .2s,color .2s}
.gt-tabs button.on{background:var(--rojo);border-color:var(--rojo)}
.gt-concepto{display:grid;gap:26px;align-items:center}
.gt-concepto h3{font-size:clamp(30px,4vw,54px);line-height:1;margin:8px 0 14px}
.paleta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px}
.paleta span{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.paleta i{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,231,201,.5)}
.teaser{position:relative;margin:0;max-width:420px;justify-self:center;background:#fff;padding:10px 10px 0;transform:rotate(-2deg);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.teaser img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.teaser figcaption{color:var(--negro);font-size:14px;padding:12px 4px 14px}
.teaser figcaption b{display:block;font-family:var(--epic);text-transform:uppercase;font-size:16px;color:var(--rojo);margin-bottom:4px}
.gt-piezas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.gt-piezas .pz{margin:0;position:relative;overflow:hidden;border-radius:14px}
.gt-piezas img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.gt-piezas .pz:hover img{transform:scale(1.05)}
.gt-piezas figcaption{position:absolute;left:8px;bottom:8px;background:var(--crema);color:var(--negro);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.gt-fases{margin-top:44px;padding:24px;border:2px solid rgba(255,231,201,.18)}
.fases-list{display:grid;gap:8px;margin-top:14px}
.fase{display:grid;grid-template-columns:34px minmax(0,1.3fr) minmax(0,2fr) 64px;gap:12px;align-items:center;padding:10px 12px;background:transparent;border:0;border-left:4px solid transparent;color:var(--crema);text-align:left;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}
.fase:hover,.fase.on{background:rgba(255,231,201,.07);border-left-color:var(--rojo)}
.fase .fn{font-family:var(--epic);color:var(--rojo-vivo)}
.fase .ft b{display:block;font-weight:600;font-size:15px}.fase .ft small{opacity:.6;font-size:12px}
.fase .fb{height:12px;background:rgba(255,231,201,.1);position:relative}
.fase .fb i{position:absolute;inset:0 auto 0 0;width:0;background:var(--rojo);transition:width 1.1s var(--golpe)}
.gt-panel.visto .fase .fb i{width:var(--w)}
.fase .fv{font-family:var(--epic);text-align:right}
.fase-txt{margin-top:16px;font-size:16px;min-height:3em;border-left:4px solid var(--rojo);padding-left:14px}
@media (max-width:620px){.fase{grid-template-columns:28px minmax(0,1fr) 60px}.fase .fb{grid-column:2/-1;grid-row:2}}
@media (min-width:900px){.gt-top{grid-template-columns:1.25fr .75fr}.gt-concepto{grid-template-columns:1.2fr .8fr}.gt-piezas{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gt-top>*,.gt-concepto>*{min-width:0}

/* ---------- Identidad: casos ---------- */
.id-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.id-tabs button{font:inherit;font-family:var(--epic);text-transform:uppercase;font-size:15px;padding:12px 16px 10px;border:2px solid var(--negro);background:transparent;color:var(--negro);cursor:pointer}
.id-tabs button.on{background:var(--negro);color:var(--crema)}
.id-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.id-bento figure{position:relative;margin:0;overflow:hidden;border:2px solid var(--negro);background:#fff;min-height:200px;display:flex;align-items:center;justify-content:center}
.id-bento img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.id-bento figure:hover img{transform:scale(1.04)}
.id-bento .b-logo,.id-bento .b-casco,.id-bento .b-overol{background:#fff}
.id-bento .b-logo img,.id-bento .b-casco img,.id-bento .b-overol img{object-fit:contain;padding:18px}
.id-bento .b-casco{background:#111}
.id-bento figcaption{position:absolute;left:8px;bottom:8px;background:var(--negro);color:var(--crema);font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;max-width:calc(100% - 16px)}
.id-bento .b-logo{grid-column:1/-1;aspect-ratio:16/9}
.id-bento .b-merch,.id-bento .b-afiche{aspect-ratio:4/5}
.id-bento .b-casco,.id-bento .b-overol{aspect-ratio:1}
.id-bento.jg .b-ancho{grid-column:1/-1;aspect-ratio:16/9;background:#000}
.id-bento.jg .b-ancho img{object-fit:contain}
.id-bento.jg .b-foto{aspect-ratio:4/5}
@media (min-width:900px){
  .id-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px}
  .id-bento figure{aspect-ratio:auto!important}
  .id-bento .b-logo{grid-column:span 2;grid-row:span 2}
  .id-bento .b-casco{grid-column:span 1}.id-bento .b-overol{grid-row:span 2}
  .id-bento .b-merch{grid-row:span 2}.id-bento .b-afiche{grid-row:span 2}
  .id-bento.jg{grid-auto-rows:240px}.id-bento.jg .b-ancho{grid-column:span 2;grid-row:span 2}.id-bento.jg .b-foto{grid-row:span 2}
}
.mini-planes.claro>div{border-color:rgba(28,28,28,.25);background:#fff}
.mini-planes.claro{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:22px}
.pe-entregables{display:grid;gap:12px;margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.pe-entregables figure{margin:0;position:relative;border-radius:14px;overflow:hidden;border:2px solid rgba(255,231,201,.25)}
.pe-entregables img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.pe-entregables figcaption{position:absolute;left:8px;bottom:8px;background:var(--crema);color:var(--negro);font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px}
.gest-wrap{align-items:center}
[hidden]{display:none!important}
/* Identidad v2 */
.id-proceso{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));counter-reset:p}
.id-proceso li{counter-increment:p;padding:16px 16px 14px;border-top:6px solid var(--negro);background:#fff8ee}
.id-proceso li::before{content:"0" counter(p);font-family:var(--epic);color:var(--rojo);font-size:22px;display:block}
.id-proceso b{display:block;font-family:var(--epic);text-transform:uppercase;font-size:17px}
.id-proceso span{font-size:14px}
.id-intro{max-width:760px;margin:0 0 16px;font-size:17px}
.galeria-h{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin}
.gh-item{flex:0 0 min(78%,320px);scroll-snap-align:start;margin:0;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(28,28,28,.18)}
.gh-item img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.gh-item figcaption{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(28,28,28,.82);color:var(--crema);font-size:13px;font-weight:600;padding:8px 12px;border-radius:12px}
.gh-item figcaption span{color:var(--rojo-vivo);font-family:var(--epic);margin-right:8px}
.gh-nav{display:flex;gap:8px;justify-content:flex-end}
.gh-nav button{width:46px;height:46px;border-radius:50%;border:2px solid var(--negro);background:transparent;font-size:24px;cursor:pointer}
.gh-nav button:hover{background:var(--negro);color:var(--crema)}
.id-bento.jg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.id-bento.jg2 figure{aspect-ratio:4/5}
.id-bento.jg2 .ancho{grid-column:1/-1;aspect-ratio:auto;padding:20px;background:#fff}
.id-bento.jg2 .ancho img{object-fit:contain;height:auto}
@media (min-width:900px){.id-bento.jg2{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}.id-bento.jg2 figure{aspect-ratio:4/5}.id-bento.jg2 .ancho{aspect-ratio:auto}}
.id-beneficios{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.id-beneficios li{padding-left:22px;position:relative;font-size:15px}
.id-beneficios li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:var(--rojo)}
/* Pilares del carrusel */
.vc-pilares{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px;margin:22px auto 0;padding:0 16px}
.vc-pilares button{font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,231,201,.35);background:transparent;color:var(--crema);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.vc-pilares button:hover{border-color:var(--crema)}
.vc-pilares button.on{background:var(--rojo);border-color:var(--rojo);color:#fff}
.vc-cap .pl{display:inline-block;background:var(--rojo);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;margin-bottom:6px}
@media (max-width:620px){.vc-pilares{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.vc-pilares button{flex:none}}
.ficha-tel{position:absolute;right:-6%;bottom:-8%;width:38%;border-width:5px;border-radius:22px;z-index:3;transform:rotate(4deg)}
.fh-vis{padding-bottom:6%}
@media (max-width:620px){.ficha-tel{right:-2%;width:40%}}

.gt-cifras{column-gap:28px}
.hero-vis .anillo-txt{display:none}
.gest-wrap .esc-img,#formacion .esc-img{max-height:380px;width:auto;max-width:100%;margin:0 auto}

/* ---------- Caso de identidad (tablero oscuro) ---------- */
.caso-id{background:#141414;color:var(--crema);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(28,28,28,.35)}
.ci-hero{position:relative;margin:0;aspect-ratio:16/8;min-height:300px}
.ci-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ci-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.85) 0%,rgba(10,10,10,.35) 55%,rgba(10,10,10,0) 80%)}
.ci-hero figcaption{position:absolute;left:clamp(18px,4vw,48px);bottom:clamp(18px,4vw,44px);right:30%;z-index:1;display:grid;gap:8px}
.ci-hero b{font-family:var(--epic);text-transform:uppercase;font-size:clamp(30px,5vw,68px);line-height:.95}
.ci-hero em{font-style:normal;font-size:clamp(14px,1.4vw,17px);max-width:460px;opacity:.9}
.ci-bloque{padding:clamp(26px,4vw,52px) clamp(18px,4vw,48px);border-top:1px solid rgba(255,231,201,.1)}
.ci-cab{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;margin-bottom:24px;max-width:820px}
.ci-n{font-family:var(--epic);font-size:clamp(40px,5vw,64px);line-height:.85;color:var(--rojo)}
.ci-cab h3{font-size:clamp(22px,2.6vw,34px);line-height:1.02;margin:6px 0 8px}
.ci-cab p{font-size:15px;opacity:.82}
.ci-logos{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.ci-logos figure{margin:0;background:radial-gradient(circle at 50% 40%,#2a2a2a,#0d0d0d);border:1px solid rgba(255,231,201,.12);border-radius:18px;padding:34px 26px 48px;display:flex;align-items:center;justify-content:center;position:relative;min-height:210px}
.ci-logos img{max-width:100%;max-height:150px;width:auto;height:auto;transition:transform .5s var(--golpe)}
.ci-logos figure:hover img{transform:scale(1.06)}
.ci-logos figcaption,.ci-posters figcaption,.ci-fisicos figcaption{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--rojo);color:#fff;padding:5px 10px;border-radius:999px}
.ci-dos{display:grid;gap:10px;align-items:center}
.ci-dos .ci-cab{margin-bottom:0}
.ci-mock{margin:0;background:radial-gradient(ellipse at 50% 55%,#3a2f2a 0%,#141414 70%);border-radius:18px;padding:10px}
.ci-mock img{width:100%;height:auto;display:block}
.ci-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ci-posters figure{margin:0;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.5);transition:transform .35s var(--rebote)}
.ci-posters figure:nth-child(2){transform:translateY(-14px)}
.ci-posters figure:hover{transform:translateY(-20px) rotate(-1deg)}
.ci-posters img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.ci-fisicos{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ci-fisicos figure{margin:0;position:relative;border-radius:14px;overflow:hidden;min-height:220px;background:#0d0d0d}
.ci-fisicos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.ci-fisicos figure:hover img{transform:scale(1.05)}
.ci-fisicos .traje{grid-column:1/-1;background:radial-gradient(circle at 50% 45%,#e9e2d6,#bdb3a4);min-height:340px}
.ci-fisicos .traje img{object-fit:contain;padding:18px}
@media (max-width:620px){.ci-posters{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.ci-posters figure{scroll-snap-align:start}.ci-posters figure:nth-child(2){transform:none}.ci-hero{aspect-ratio:4/5}.ci-hero figcaption{right:18px}.ci-fisicos figure{min-height:180px}}
@media (min-width:900px){
  .ci-dos{grid-template-columns:.8fr 1.2fr;gap:30px}
  .ci-fisicos{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:280px 280px}
  .ci-fisicos .f-a{grid-row:1/3}.ci-fisicos .f-b{grid-row:1/3}
  .ci-fisicos .traje{grid-column:3/5;grid-row:1;min-height:0}
  .ci-fisicos .f-d{grid-column:3;grid-row:2}.ci-fisicos .f-e{grid-column:4;grid-row:2}
}
.caso-id>*,.ci-dos>*{min-width:0}
.ci-hero{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}
.ci-hero img{position:static;width:100%;height:auto;aspect-ratio:1700/795;object-fit:cover}
.ci-hero::after{display:none}
.ci-hero figcaption{position:static;padding:clamp(20px,3vw,34px) clamp(18px,4vw,48px) 6px;right:auto}
@media (max-width:620px){.ci-hero{aspect-ratio:auto}}

/* ---------- Portada de ficha de deportista ---------- */
.portada{position:relative;background:#0e0e0e;color:var(--crema);overflow:hidden;min-height:min(92vh,880px);display:flex;align-items:flex-end}
.pt-foto{position:absolute;top:0;right:0;bottom:0;width:62%}
.pt-foto img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;animation:ptZoom 18s ease-in-out infinite alternate}
@keyframes ptZoom{to{transform:scale(1.06)}}
.pt-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e0e0e 0%,rgba(14,14,14,.82) 22%,rgba(14,14,14,.25) 60%,rgba(14,14,14,.15) 100%),linear-gradient(0deg,#0e0e0e 0%,rgba(14,14,14,0) 40%)}
.pt-in{position:relative;z-index:1;display:grid;gap:34px;align-items:end;padding-top:clamp(110px,14vh,160px);padding-bottom:clamp(36px,6vh,64px);width:100%}
.pt-txt .migas a{color:var(--crema);opacity:.7}
.pt-txt h1{font-size:clamp(46px,7.4vw,112px);line-height:.88;margin:10px 0 14px}
.pt-txt .lead{max-width:560px;font-size:clamp(16px,1.5vw,20px)}
.pt-datos{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.pt-datos>div{display:flex;flex-direction:column;justify-content:center;padding:12px 16px;border:1px solid rgba(255,231,201,.22);background:rgba(14,14,14,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:210px}
.pt-datos b{font-family:var(--epic);font-size:clamp(22px,2.4vw,30px);line-height:1}
.pt-datos span{font-size:12px;opacity:.75;margin-top:4px}
.pt-datos .pt-score{background:var(--rojo);border-color:var(--rojo)}
.pt-datos .pt-score span{opacity:1;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.pt-video{position:relative;margin:0;justify-self:end;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 2px rgba(255,231,201,.18)}
.pt-video video{width:100%;height:100%;object-fit:cover;display:block}
.pt-video.v{width:min(100%,320px);aspect-ratio:9/16}
.pt-video.h{width:min(100%,640px);aspect-ratio:16/9}
.pt-video figcaption{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.6);font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px}
@media (min-width:900px){.pt-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
@media (max-width:899px){
  .portada{display:block;min-height:0}
  .pt-foto{position:relative;width:100%;height:62vh;max-height:560px}
  .pt-foto::after{background:linear-gradient(0deg,#0e0e0e 0%,rgba(14,14,14,.2) 55%,rgba(14,14,14,.35) 100%)}
  .pt-in{margin-top:-30vh;padding-top:0}
  .pt-video{justify-self:center}
  .pt-video.v{width:min(78%,320px)}
}
@media (prefers-reduced-motion:reduce){.pt-foto img{animation:none}}
.pt-in>*{min-width:0}
.pt-foto{overflow:hidden;width:64%}
.pt-foto::after{background:linear-gradient(90deg,#0e0e0e 0%,rgba(14,14,14,.55) 16%,rgba(14,14,14,0) 42%),linear-gradient(0deg,rgba(14,14,14,.9) 0%,rgba(14,14,14,0) 34%)}
.pt-video.v{width:min(100%,270px)}
.pt-video.h{width:min(100%,560px)}
.pt-txt h1,.pt-txt .lead,.pt-txt .kicker{text-shadow:0 2px 18px rgba(0,0,0,.6)}
@media (max-width:899px){.pt-foto{width:100%}.pt-foto::after{background:linear-gradient(0deg,#0e0e0e 0%,rgba(14,14,14,.15) 55%,rgba(14,14,14,.3) 100%)}}

/* ---------- Carrusel de fichas: piezas gráficas ---------- */
.ficha-reels{padding-top:clamp(60px,8vw,100px)}
.vc-item.arte{background:#0d0d0d}
.arte-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(18px) brightness(.45);transform:scale(1.1)}
.arte-sl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.arte-sl img{position:absolute;width:100%;height:auto;max-height:100%;object-fit:contain;opacity:0;animation:arteFade calc(var(--n) * 3s) infinite;animation-delay:calc(var(--k) * 3s)}
.vc-item.arte[style*="--n:1"] .arte-sl img{opacity:1;animation:none}
@keyframes arteFade{0%{opacity:0;transform:scale(1.02)}6%{opacity:1}30%{opacity:1}36%{opacity:0;transform:scale(1)}100%{opacity:0}}
.vc-cap .vc-ig{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--crema);pointer-events:auto;text-decoration:underline}
.vc-item[data-d="0"] .vc-cap.abajo{pointer-events:auto}
.pt-txt .kicker{display:inline-block;background:rgba(14,14,14,.72);padding:4px 10px;line-height:1.4}
.vc-item.horiz video,.vc-item.horiz img.poster{object-fit:contain;background:transparent}

/* ---------- Home: otras estrategias ---------- */
.estr-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.estr-it{display:flex;flex-direction:column;background:#161616;border:1px solid rgba(255,231,201,.12);border-radius:18px;overflow:hidden;color:var(--crema);text-decoration:none;transition:transform .3s var(--rebote),border-color .3s}
.estr-it:hover{transform:translateY(-6px);border-color:var(--rojo)}
.estr-v{display:block;aspect-ratio:9/13;overflow:hidden;background:#000}
.estr-v video{width:100%;height:100%;object-fit:cover;display:block}
.estr-tx{display:flex;flex-direction:column;gap:6px;padding:16px}
.estr-tx b{font-family:var(--epic);text-transform:uppercase;font-size:19px;line-height:1.05}
.estr-tx>span:not(.kicker){font-size:14px;opacity:.8}
.estr-tx em{font-style:normal;font-size:12px;font-weight:700;color:var(--rojo-vivo);margin-top:auto}
@media (max-width:980px){.estr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.estr-grid{grid-template-columns:repeat(4,78%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.estr-it{scroll-snap-align:start}}
.estr-grid>*{min-width:0}
/* ---------- GT: estrategias de impacto ---------- */
.gt-e-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.gt-e{padding:22px;border:1px solid rgba(255,231,201,.16);background:rgba(255,231,201,.04)}
.gt-e b{display:block;font-family:var(--epic);font-size:clamp(32px,3.6vw,46px);line-height:1;color:var(--crema);margin-top:10px}
.gt-e small{display:block;font-size:13px;opacity:.75;margin-top:4px}
.gt-e p{font-size:14px;margin-top:12px;opacity:.85}
.gt-e:nth-child(1) b,.gt-e:nth-child(5) b{color:var(--rojo-vivo)}
.gt-paises{display:grid;gap:26px;margin-top:22px;padding:26px;background:#141414;border:1px solid rgba(255,231,201,.12)}
.gt-paises h3{font-size:clamp(22px,2.4vw,30px);margin:6px 0 8px}
.gt-paises p{font-size:14px;opacity:.8}
.gt-p-list{display:grid;gap:9px}
.gt-p{display:grid;grid-template-columns:140px minmax(0,1fr) 62px;gap:12px;align-items:center;font-size:14px}
.gt-p i{height:12px;background:linear-gradient(90deg,var(--rojo) var(--w),rgba(255,231,201,.1) var(--w))}
.gt-p b{font-family:var(--epic);text-align:right}
@media (min-width:900px){.gt-paises{grid-template-columns:.9fr 1.1fr;align-items:center}}
@media (max-width:480px){.gt-p{grid-template-columns:110px minmax(0,1fr) 54px}}
.gt-paises>*{min-width:0}
/* Informe y análisis */
.inf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.inf-it{border:1px solid rgba(255,231,201,.18);border-radius:18px;padding:22px}
.inf-it .k{color:var(--rojo);font-weight:700}.inf-it .epic{font-size:22px;margin:6px 0}.inf-it p{opacity:.8;font-size:15px}
.inf-tabla{overflow-x:auto;margin-top:14px}.inf-tabla table{width:100%;border-collapse:collapse;min-width:560px}
.inf-tabla th,.inf-tabla td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(255,231,201,.14);font-size:15px}
.inf-tabla th small{display:block;opacity:.6;font-weight:400}
.niv{display:flex;height:10px;border-radius:6px;overflow:hidden;min-width:120px}.niv i:nth-child(1){background:rgba(255,231,201,.35)}.niv i:nth-child(2){background:#f08a3c}.niv i:nth-child(3){background:var(--rojo)}
.ph .vis .pj.colgado{height:clamp(320px,40vw,540px)}

/* ================= Ajustes de Alejo · ronda 1 (oct 2026) ================= */
@font-face{font-family:"Clash Display";src:url(../fonts/ClashDisplay-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
/* Menú legible: solo el CTA va en mayúsculas */
.nav a{font-family:var(--clash);font-weight:500;text-transform:none;font-size:16px;letter-spacing:0}
/* Botones y enlaces de acción: Clash Display Bold */
.btn,.link,.aud .ir,.cat .ir,.etapa .ir,.ir{font-family:var(--clash);font-weight:700;letter-spacing:.02em}
.btn{font-size:16px}.btn.lg{font-size:clamp(17px,1.8vw,20px)}
/* Antetítulos: regular y con más aire */
.kicker{font-weight:400;letter-spacing:.24em}
/* Franja: misma letra, en regular */
.franja-in{font-family:var(--clash);font-weight:400;letter-spacing:.06em}
/* Portada */
.hero h1 .si{white-space:nowrap}
.chips{flex-wrap:nowrap}
.chip{font-family:var(--clash);font-weight:500;font-size:15px;white-space:nowrap;padding:11px 14px 10px}
@media (max-width:700px){.chips{flex-wrap:wrap}.hero h1 .si{font-size:.84em}}
.hero-vis .empuje{animation:empujeBucle 9s cubic-bezier(.3,.1,.2,1) .5s infinite}
@keyframes empujeBucle{0%{transform:translateX(-16%);opacity:0}6%{opacity:1}30%{transform:translateX(1.5%)}36%,82%{transform:none;opacity:1}90%,100%{transform:none;opacity:0}}
.hero-vis .giro-txt{position:absolute;inset:6%;width:88%;height:88%;animation:gira 16s linear infinite;overflow:visible}
.hero-vis .giro-txt text{font-family:var(--clash);font-weight:600;font-size:15px;letter-spacing:3.2px;text-transform:uppercase;fill:var(--crema)}
@media (prefers-reduced-motion:reduce){.hero-vis .empuje{animation:none;transform:none;opacity:1}.hero-vis .giro-txt{animation:none}}
/* Carrusel de videos: etiqueta arriba, título y vistas abajo, clic abre Instagram */
.vc-cap.arriba{background:none;text-shadow:none}
.vc-cap .tg{display:inline-block;background:var(--rojo);color:#fff;font-family:var(--clash);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px 5px;border-radius:999px;opacity:1}
.vc-cap .tt{font-family:var(--clash);font-weight:600;font-size:clamp(18px,1.7vw,22px);line-height:1.1;margin:0}
.vc-cap .vis{display:flex;align-items:center;gap:8px;margin-top:10px}
.vc-cap .vis svg{width:22px;height:22px;flex:none;color:var(--crema)}
.vc-cap .vis b{font-size:clamp(22px,2vw,28px)}
.vc-cap .ver-ig{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.vc-item[data-d="0"]{cursor:pointer}
.vc-pilares button,.vc-pilares button.on{font-weight:600}
/* Problema */
.h2.t3,.h2.t2{font-size:clamp(32px,4.6vw,62px)}
.problema .h2.t3{font-size:clamp(32px,4.2vw,58px)}
@media (max-width:560px){.h2.t3 br,.h2.t2 br{display:none}}
.solic{margin-top:64px}
.solic-cab h3{font-family:var(--clash);font-weight:600;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);line-height:1.1;color:var(--negro)}
.solic-cab span{display:block;margin-top:6px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo)}
.solic .puntos-grid{grid-template-columns:repeat(7,1fr);max-width:none;gap:clamp(8px,1.8vw,22px);margin-top:70px}
.pt .burbuja{position:absolute;bottom:calc(100% + 12px);left:50%;width:max-content;max-width:190px;transform:translate(-50%,8px) scale(.9);opacity:0;pointer-events:none;background:#5f5b58;color:var(--crema);font-size:13px;line-height:1.3;font-weight:500;padding:9px 13px;border-radius:16px;transition:opacity .2s,transform .25s var(--rebote);z-index:5;text-align:left}
.pt .burbuja::after{content:"";position:absolute;top:100%;left:24px;border:8px solid transparent;border-top:11px solid #5f5b58;transform:skewX(-14deg)}
.pt:hover .burbuja,.pt:focus-visible .burbuja,.pt.on .burbuja{opacity:1;transform:translate(-50%,0) scale(1)}
.pt.tu .burbuja{background:var(--crema);color:var(--negro);max-width:220px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.pt.tu .burbuja::after{border-top-color:var(--crema)}
.pt.tu .burbuja b{display:block;color:var(--rojo);text-transform:uppercase;letter-spacing:.1em;font-size:11px;margin-bottom:3px}
.pt:nth-child(7n+1) .burbuja,.pt:nth-child(7n+2) .burbuja{left:0;transform:translate(0,8px) scale(.9)}
.pt:nth-child(7n+1):hover .burbuja,.pt:nth-child(7n+2):hover .burbuja,.pt:nth-child(7n+1).on .burbuja,.pt:nth-child(7n+2).on .burbuja{transform:none}
.pt:nth-child(7n) .burbuja,.pt:nth-child(7n+6) .burbuja{left:auto;right:0;transform:translate(0,8px) scale(.9)}
.pt:nth-child(7n):hover .burbuja,.pt:nth-child(7n+6):hover .burbuja,.pt:nth-child(7n).on .burbuja,.pt:nth-child(7n+6).on .burbuja{transform:none}
.pt:nth-child(7n) .burbuja::after,.pt:nth-child(7n+6) .burbuja::after{left:auto;right:24px}
.puntos-grid:hover .pt.tu:not(:hover) .burbuja{opacity:.25}
.valor3{grid-template-columns:repeat(3,minmax(0,1fr))}
.valor3 div{display:flex;flex-direction:column;justify-content:flex-start}
.valor3 .epic{font-family:var(--clash);font-weight:700;font-size:clamp(18px,1.8vw,22px);white-space:nowrap}
@media (max-width:700px){.valor3{grid-template-columns:1fr}}
/* Lo de siempre vs. Pro Motion */
.vs-tit{font-size:clamp(26px,4vw,54px);line-height:1;text-transform:uppercase;color:var(--negro);margin-top:8px}
.vs-tit .reg{font-family:var(--clash);font-weight:400;letter-spacing:-.01em}
.vs-tit .epic{font-weight:800}
@media (min-width:900px){.vs-tit{white-space:nowrap}}
.versus-tabla{position:relative}
.vs-fila{border-bottom:1px solid rgba(28,28,28,.12)}
.vs-fila .otro{font-family:var(--clash);font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:#9b948e;font-size:clamp(14px,1.4vw,17px)}
.vs-fila .otro i{display:none}
.vs-fila .pm{font-family:var(--clash);font-weight:700;font-size:clamp(15px,1.6vw,19px);letter-spacing:.01em}
.vs-fila .pm svg{width:22px;height:22px;flex:none;color:var(--rojo)}
.vs-fila .pm i{display:none}
.vs-bola{position:absolute;right:-4px;top:0;width:14px;height:14px;border-radius:50%;background:var(--rojo);animation:vsBaja 6s cubic-bezier(.5,0,.5,1) infinite;z-index:2}
@keyframes vsBaja{0%{top:0;opacity:0}5%{opacity:1}16%{top:8.3%}30%{top:25%}44%{top:41.6%}58%{top:58.3%}72%{top:75%}86%{top:91.6%;opacity:1}96%,100%{top:100%;opacity:0}}
@media (prefers-reduced-motion:reduce){.vs-bola{display:none}}
/* Ecosistema */
.eco-card .sub{color:rgba(255,231,201,.5)}
.eco-card .link{color:var(--rojo-vivo)}
/* Metodología */
.metodo-txt .epic.t{font-family:var(--clash);font-weight:700;letter-spacing:-.01em}
/* Caso GT */
.tel{width:min(100%,350px)}
.tel figcaption{font-family:var(--clash);font-weight:500;text-transform:none;letter-spacing:.01em;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px}
/* Otras estrategias: video a sangre con texto encima */
.estr-it{position:relative;aspect-ratio:9/16;display:block;border-radius:18px;background:#000}
.estr-v{position:absolute;inset:0;aspect-ratio:auto}
.estr-v::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.92) 100%);pointer-events:none;transition:background .3s}
.estr-it.abierto .estr-v::after{background:linear-gradient(180deg,rgba(0,0,0,.1) 10%,rgba(0,0,0,.8) 45%,rgba(0,0,0,.95) 100%)}
.estr-tx{position:absolute;left:0;right:0;bottom:0;padding:16px 16px 18px;gap:4px;pointer-events:none}
.estr-tx em{display:flex;align-items:center;gap:6px;font-style:normal;font-family:var(--epic);font-size:16px;color:var(--crema);margin:0 0 4px}
.estr-tx em svg{width:18px;height:18px}
.estr-tx b{font-family:var(--clash);font-weight:600;font-size:clamp(16px,1.5vw,19px);line-height:1.1;text-transform:uppercase}
.estr-tx .nm{font-family:var(--clash);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--rojo-vivo)}
.estr-d{font-size:13px;line-height:1.4;opacity:.85;margin-top:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.estr-it.abierto .estr-d{-webkit-line-clamp:unset;display:block}
.estr-mas{align-self:flex-start;background:none;border:0;padding:0;color:var(--crema);font-size:12px;font-weight:600;text-decoration:underline;cursor:pointer;pointer-events:auto}
/* Guía */
.guia-p{margin-top:14px;color:var(--crema);font-family:var(--clash);font-weight:400;letter-spacing:.01em;line-height:1.6}
.guia-vis{position:relative;background:var(--negro);aspect-ratio:4/5;width:min(100%,300px);margin:0 auto;overflow:hidden}
.guia-sol{position:absolute;left:50%;bottom:-62%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--rojo);transform:translateX(-50%)}
.guia-vis .pj{position:absolute;left:50%;bottom:30%;width:58%;transform:translateX(-50%);filter:var(--pegado)}
/* Valores */
.cita-g{color:var(--negro);font-size:clamp(24px,3.4vw,44px);line-height:1.04}
.cita-g em{color:var(--crema)}
.val-it .epic{font-family:var(--clash);font-weight:700;letter-spacing:.01em}

.problema .wrap.solo{display:block}
#deportistas .h2.t2{font-size:clamp(32px,4.2vw,56px)}
.gt .h2.t3{font-size:clamp(32px,3.9vw,54px)}
#promatch .h2.t3{font-size:clamp(30px,3vw,42px)}
.cta-zona .btn{white-space:nowrap}
.solic .puntos-grid{max-width:780px}
.guia-vis .pj{width:46%;bottom:0;left:50%}
#promatch .h2.t3{font-size:clamp(30px,2.7vw,38px)}
@media (max-width:700px){.vc-cap .ver-ig{display:none}}

/* ================= Ajustes de Alejo · ronda 2 ================= */
/* Cifras con + */
.cifra b i{font-style:normal;font-size:.62em;vertical-align:.32em;margin-right:.04em;opacity:.9}
/* VS: rata sentada mirando la bolita */
.vs-rata{position:absolute;left:27%;bottom:-6px;height:clamp(110px,11vw,150px);width:auto;pointer-events:none;filter:var(--pegado);z-index:1}
@media (max-width:899px){.vs-rata{display:none}}
/* Ecosistema animado */
.ea{position:relative;width:100%;max-width:300px;height:180px;margin:0 auto;overflow:hidden}
.ea img{position:absolute;height:auto;display:block}
.ea-st .rueda{position:absolute;left:50%;bottom:6px;width:120px;height:120px;margin-left:-60px;border-radius:50%;background:var(--rojo);animation:gira 7s linear infinite}
.ea-st .rueda::before{content:"";position:absolute;inset:14px;border-radius:50%;border:2px dashed rgba(255,231,201,.55)}
.ea-st .rueda::after{content:"";position:absolute;left:50%;top:8px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--crema)}
.ea-st .moto{width:62px;left:50%;margin-left:-31px;bottom:120px;animation:rideo 1.1s ease-in-out infinite}
@keyframes rideo{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-3px) rotate(-3deg)}60%{transform:translateY(0) rotate(2deg)}}
.ea-st .vid{width:52px;left:12%;bottom:4px}
.ea-pm .c1,.ea-pm .c2{position:absolute;bottom:14px;width:118px;height:118px;border-radius:50%;left:50%}
.ea-pm .c1{background:var(--rojo);margin-left:-100px;animation:pmIzq 7s var(--golpe) infinite}
.ea-pm .c2{border:9px solid var(--negro);margin-left:-18px;animation:pmDer 7s var(--golpe) infinite}
.ea-pm .suelo{position:absolute;left:12%;right:12%;bottom:12px;height:2px;background:var(--negro)}


.ea-pm .pa,.ea-pm .pb{height:62px;width:auto;bottom:42px;opacity:0}
.ea-pm .pa{left:calc(50% - 26px);animation:pmA 7s var(--golpe) infinite}
.ea-pm .pb{left:calc(50% - 1px);animation:pmB 7s var(--golpe) infinite}
@keyframes pmA{0%,20%{opacity:0;transform:translateX(-44px) scale(.6)}34%,84%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateX(-44px) scale(.6)}}
@keyframes pmB{0%,22%{opacity:0;transform:translateX(44px) scale(.6)}36%,84%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateX(44px) scale(.6)}}
.ea-ac .medio{position:absolute;left:50%;bottom:0;width:200px;height:100px;margin-left:-100px;border-radius:100px 100px 0 0;background:var(--rojo)}
.ea-ac .lect{position:absolute;left:50%;bottom:86px;width:62px;margin-left:-26px}
.ea-ac .lect img{position:relative;width:100%}
.ea-ac .hoja{position:absolute;left:47%;top:46%;width:24%;height:22%;background:var(--crema);transform-origin:0 50%;animation:hoja 3.2s ease-in-out infinite;border-radius:1px}
@keyframes hoja{0%,40%{transform:perspective(80px) rotateY(0);opacity:0}45%{opacity:1}70%{transform:perspective(80px) rotateY(-180deg);opacity:1}75%,100%{opacity:0;transform:perspective(80px) rotateY(-180deg)}}
.ea-ac .casco{width:24px;left:calc(50% + 36px);bottom:94px;transform-origin:50% 100%;animation:casco 6.4s ease-in-out infinite}
@keyframes casco{0%,55%{transform:none}66%{transform:translate(16px,10px) rotate(40deg)}72%{transform:translate(19px,14px) rotate(52deg)}76%{transform:translate(4px,1px) rotate(8deg)}80%,100%{transform:none}}
.oscuro .eco-forma{display:block}
/* Audiencias: la tarjeta se expande y aparece la escena */
.aud a{isolation:isolate}
.aud .escena{display:none}
.aud .datos{display:none}
@media (min-width:900px){
  .aud{min-height:540px}
  .aud a{transition:flex .7s cubic-bezier(.65,0,.35,1)}
  .aud a .aud-tx{position:relative;z-index:2;width:min(100%,360px);transition:opacity .3s}
  .aud:hover a{flex:.32 1 0%}
  .aud:hover a:hover{flex:4 1 0%}
  .aud:hover a:not(:hover) .aud-tx,.aud:hover a:not(:hover) .pj{opacity:0}
  .aud a .pj.base{transition:opacity .35s,transform .4s var(--rebote)}
  .aud a:hover .pj.base{opacity:0;transform:translateY(20px)}
  .aud .escena{display:block;position:absolute;right:2%;bottom:0;height:94%;width:auto;max-width:62%;object-fit:contain;object-position:bottom right;opacity:0;transform:translateY(30px) scale(.96);transition:opacity .45s .25s,transform .6s .25s var(--golpe);pointer-events:none;z-index:1}
  .aud a:hover .escena{opacity:1;transform:none}
  .aud .datos{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
  .aud .dato{display:flex;flex-direction:column;align-self:flex-start;padding:10px 14px;border-radius:14px;background:rgba(28,28,28,.07);font-size:13px;line-height:1.25;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s var(--rebote)}
  .aud .a2 .dato,.aud .a3 .dato{background:rgba(255,231,201,.12)}
  .aud .dato b{font-family:var(--epic);font-size:26px;line-height:1;color:var(--rojo)}
  .aud .a2 .dato b{color:var(--rojo-vivo)}.aud .a3 .dato b{color:var(--crema)}
  .aud a:hover .dato{opacity:1;transform:none;transition-delay:calc(.55s + var(--k)*.15s)}
}
/* ProMatch: el aro entra rodando y la rata se sienta a mirar el puntaje */
.pm-escena{position:absolute;left:-30%;bottom:-4%;width:42%;aspect-ratio:1/1.4;pointer-events:none}
.pm-aro{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:1;border-radius:50%;border:clamp(16px,2.4vw,26px) solid var(--crema);opacity:.95;transform:translateX(-140%) rotate(-360deg);transition:transform 1.5s cubic-bezier(.2,.8,.2,1)}
.pm-rata{position:absolute;left:24%;bottom:58%;width:48%;height:auto;opacity:0;transform:translateX(-60px);transition:opacity .5s 1.5s,transform .8s 1.5s var(--golpe);filter:var(--pegado)}
.score.visto .pm-aro{transform:none}
.score.visto .pm-rata{opacity:1;transform:none}
@media (max-width:899px){.score{width:min(76%,340px);margin-left:auto;margin-right:6%}.pm-escena{left:-38%}}
@media (prefers-reduced-motion:reduce){.pm-aro,.pm-rata{transition:none}}
/* Herramientas animadas */
.tool{grid-template-columns:150px minmax(0,1fr)}
.ta{position:relative;width:150px;height:112px;overflow:hidden}
.ta img{position:absolute;height:auto;display:block}
.ta-diag .giro{position:absolute;left:30px;top:30px;width:80px;height:80px;transform-style:preserve-3d;animation:silla 7s ease-in-out infinite}
.ta-diag .cara{position:absolute;inset:0;border-radius:50%;background:var(--rojo);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ta-diag .atras{transform:rotateY(180deg);overflow:visible}
.ta-diag .atras img{width:34px;left:22px;top:6px}
@keyframes silla{0%,38%{transform:perspective(300px) rotateY(0)}48%,86%{transform:perspective(300px) rotateY(180deg)}96%,100%{transform:perspective(300px) rotateY(360deg)}}
.ta-diag .obs{width:34px;left:58px;top:2px;transition:opacity .3s;animation:obsv 7s infinite}
@keyframes obsv{0%,36%{opacity:1}42%,90%{opacity:0}96%,100%{opacity:1}}
.ta-pitch .glob{position:absolute;left:6px;top:34px;width:104px;height:62px;border-radius:12px;background:var(--rojo)}
.ta-pitch .glob::after{content:"";position:absolute;right:16px;bottom:-14px;border:9px solid transparent;border-top:14px solid var(--rojo);border-right-color:var(--rojo)}
.ta-pitch .quien{width:30px;right:14px;top:0}
.ta-pitch .ln{position:absolute;left:18px;height:6px;border-radius:3px;background:var(--crema);transform-origin:100% 50%;opacity:0}
.ta-pitch .l1{top:46px;width:70px;animation:linea 6s infinite}
.ta-pitch .l2{top:60px;width:54px;animation:linea 6s .45s infinite}
.ta-pitch .l3{top:74px;width:62px;animation:linea 6s .9s infinite}
@keyframes linea{0%{opacity:0;transform:translate(48px,-40px) scaleX(.15)}6%{opacity:1}14%,70%{opacity:1;transform:none}80%,100%{opacity:0;transform:none}}
.ta-sim .bq{position:absolute;top:52px;width:58px;height:40px;background:var(--rojo)}
.ta-sim .b1{left:6px}.ta-sim .b2{left:84px}
.ta-sim .bq::after{content:"";position:absolute;bottom:-11px;border:7px solid transparent;border-top:11px solid var(--rojo)}
.ta-sim .b1::after{left:8px}.ta-sim .b2::after{right:8px}
.ta-sim .p1{height:40px;left:24px;top:12px}
.ta-sim .p2{height:40px;left:96px;top:12px}
.ta-sim .hab{position:absolute;top:0;display:flex;gap:3px;padding:5px 7px;border-radius:10px;background:var(--negro);opacity:0;transform:scale(.4);transform-origin:50% 100%}
.ta-sim .hab i{width:4px;height:4px;border-radius:50%;background:var(--crema)}
.ta-sim .h1{left:48px;animation:habla 4s infinite}
.ta-sim .h2{left:66px;animation:habla 4s 2s infinite}
@keyframes habla{0%{opacity:0;transform:scale(.4)}8%,40%{opacity:1;transform:none}48%,100%{opacity:0;transform:scale(.4)}}
.ta-plan .bo{position:absolute;border-radius:50%;background:var(--rojo);bottom:8px}
.ta-plan .o1{left:6px;width:16px;height:16px}.ta-plan .o2{left:28px;width:22px;height:22px}.ta-plan .o3{left:56px;width:30px;height:30px}.ta-plan .o4{left:94px;width:42px;height:42px}
.ta-plan .run,.ta-plan .sit,.ta-plan .walk{height:28px;width:auto;left:0;top:0;opacity:0}
.ta-plan .run{animation:salta 9s linear infinite}
.ta-plan .sit{height:30px;left:102px;top:44px;animation:sientaP 9s linear infinite}
.ta-plan .walk{animation:vuelve 9s linear infinite}



@media (max-width:440px){.tool{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ea *,.ta *{animation:none!important}}
/* Guía: cómic en tres viñetas */
.guia-dest .kicker{color:var(--crema);opacity:.85}
.comic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;transform:rotate(1deg)}
.vin{position:relative;margin:0;background:#fff;border:3px solid var(--negro);box-shadow:5px 5px 0 var(--negro);overflow:hidden;opacity:.25;filter:grayscale(.6);transform:scale(.97);transition:opacity .5s,filter .5s,transform .5s var(--rebote)}
.vin img{display:block;width:100%;height:auto}
.vin figcaption{position:absolute;left:8px;right:8px;top:8px;background:var(--crema);color:var(--negro);border:2px solid var(--negro);font-size:12px;line-height:1.2;padding:6px 8px}
.vin figcaption b{display:block;font-family:var(--epic);font-size:13px;text-transform:uppercase;color:var(--rojo)}
.comic.v-1 .v1,.comic.v-2 .v1,.comic.v-2 .v2,.comic.v-3 .vin{opacity:1;filter:none;transform:none}
.comic.v-3 .v3{transform:scale(1.03) rotate(-1deg)}
@media (prefers-reduced-motion:reduce){.vin{opacity:1;filter:none;transform:none}}
@media (min-width:900px){.guia-dest{grid-template-columns:.85fr 1.15fr}}
/* Cierre */
.cierre h2{max-width:1000px;font-size:clamp(32px,4.6vw,62px)}
.cierre h2 em{color:var(--rojo)}
.cta-zona .btn{white-space:normal;text-align:left;line-height:1.05}
.cta-zona{margin-top:160px;padding-bottom:170px}
.cta-btn{max-width:none}
.recostado{position:absolute;left:calc(100% - 14px);top:-128px;height:310px;aspect-ratio:498/900;pointer-events:none;transform-origin:20% 45%;animation:codazo 6s ease-in-out infinite}
.recostado img{position:absolute;inset:0;width:100%;height:100%;filter:var(--pegado)}
.recostado .fb{opacity:0;animation:gafas 6s steps(1) infinite}
@keyframes codazo{0%,8%,14%,22%,100%{transform:none}10%,18%{transform:rotate(-3deg) translateX(-4px)}}
@keyframes gafas{0%,44%{opacity:0}45%,74%{opacity:1}75%,100%{opacity:0}}
.cta-btn .btn{animation:empujado 6s ease-in-out infinite}
@keyframes empujado{0%,8%,14%,22%,100%{transform:none}10%,18%{transform:translateX(-3px) rotate(-.6deg)}}
@media (max-width:700px){.cta-zona{margin-top:120px;padding-bottom:110px}.recostado{height:210px;top:-86px;left:calc(100% - 10px)}.cta-btn{max-width:calc(100% - 110px)}}
@media (prefers-reduced-motion:reduce){.recostado,.recostado .fb,.cta-btn .btn{animation:none}}
/* Bolita que rebota de frase en frase (posición por JS) */
.vs-bola{animation:none;left:0;top:0;right:auto;opacity:0;will-change:transform}
.vs-fila .pm{transition:color .25s}
.vs-fila.tocada .pm{color:var(--rojo)}
/* Guía: cómic más grande, textos bajo cada viñeta */
@media (min-width:900px){.guia-dest{grid-template-columns:.75fr 1.25fr}}
.guia-dest .epic.t{font-size:clamp(28px,3vw,44px)}
.vin figcaption{position:static;border:0;border-top:3px solid var(--negro);font-size:12px;padding:7px 9px 8px}
@media (min-width:900px){.aud a{height:560px;min-height:0}.aud .escena{height:auto;max-height:88%;max-width:60%}}
.eco-nota{font-size:13px;line-height:1.4;color:rgba(255,231,201,.55);font-style:italic}
/* Audiencias: personaje fijo abajo, cifras solo al abrir */
@media (min-width:900px){
  .aud a .pj.base{position:absolute;right:14px;bottom:0;margin:0}
  .aud .datos{display:none}
  .aud a:hover .datos{display:flex}
  .aud a:hover .dato{animation:datoIn .5s var(--rebote) both;animation-delay:calc(.5s + var(--k)*.15s)}
}
@keyframes datoIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Celular */
@media (max-width:899px){.pm-escena{left:-30%;width:34%}.score{width:min(64%,320px);margin-right:4%}}
@media (max-width:600px){.vin figcaption span{display:none}.vin figcaption b{font-size:11px}.comic{gap:6px}}
@media (max-width:700px){.cta-btn{max-width:none;margin-right:96px}.recostado{height:180px;top:-64px;left:calc(100% - 8px)}.cta-zona .btn.lg{font-size:16px}}
.hero-vis .giro-txt text{font-size:12.4px;letter-spacing:0}
/* VS: la rata sentada sigue la bolita (boceto de Alejo) */
.vs-rata{left:23%;bottom:1px;height:clamp(150px,15vw,190px);transform-origin:50% 100%;transition:transform .35s var(--rebote);z-index:3}
.vs-rata.mira{transform:rotate(4deg) translateY(-4px)}
@media (max-width:899px){.vs-rata{display:block;position:relative;left:auto;bottom:auto;height:120px;width:auto;margin:14px 0 0 6px}}
@media (max-width:899px){.vs-rata{order:99}}
/* Siluetas sobre formas: contorno crema para que no se fundan con el negro */
.ea img,.ta img{filter:drop-shadow(1.6px 0 0 var(--crema)) drop-shadow(-1.6px 0 0 var(--crema)) drop-shadow(0 1.6px 0 var(--crema)) drop-shadow(0 -1.6px 0 var(--crema))}
/* ProMatch: figuras de pie sobre la línea, dentro del cruce */
.ea-pm .pa,.ea-pm .pb{height:74px;bottom:12px}
.ea-pm .pa{left:calc(50% - 31px)}
.ea-pm .pb{left:calc(50% - 1px)}
.vs-rata{height:clamp(110px,11vw,150px)}
@media (max-width:899px){.vs-rata{height:100px}}
.ea-ac .hoja{display:none}
/* Plan editorial: aterriza exacto sobre cada bola */
@keyframes salta{0%{opacity:1;transform:translate(-40px,84px)}5%{transform:translate(-12px,84px)}9%{transform:translate(2px,60px)}12%{transform:translate(2px,60px)}16%{transform:translate(14px,34px)}20%{transform:translate(27px,54px)}23%{transform:translate(27px,54px)}28%{transform:translate(43px,24px)}32%{transform:translate(59px,46px)}35%{transform:translate(59px,46px)}40%{transform:translate(81px,10px)}44%{opacity:1;transform:translate(103px,34px)}45%,100%{opacity:0;transform:translate(103px,34px)}}
.ta-plan .sit{left:0;top:0;transform:translate(101px,33px);animation:sientaP 9s linear infinite}
@keyframes sientaP{0%,44%{opacity:0}45%,68%{opacity:1}69%,100%{opacity:0}}
@keyframes vuelve{0%,68%{opacity:0;transform:translate(104px,34px) scaleX(-1)}69%{opacity:1;transform:translate(104px,34px) scaleX(-1)}72%{transform:translate(122px,50px) scaleX(-1)}75%{transform:translate(126px,84px) scaleX(-1)}97%{opacity:1;transform:translate(-40px,84px) scaleX(-1)}100%{opacity:0;transform:translate(-40px,84px) scaleX(-1)}}
/* ProMatch eco: sin pantalla vacía entre ciclos */
@keyframes pmIzq{0%{transform:translateX(-120px)}16%,88%{transform:none}100%{transform:translateX(-120px)}}
@keyframes pmDer{0%{transform:translateX(120px)}16%,88%{transform:none}100%{transform:translateX(120px)}}
/* Academy: el lector piensa en su casco */
.ea-ac .casco{display:none}
.ea-ac .lect{width:78px;margin-left:-39px;bottom:84px}
.ea-ac .piensa{position:absolute;left:calc(50% + 30px);bottom:118px;width:90px;height:62px}
.ea-ac .piensa i{position:absolute;border-radius:50%;background:#fff;border:2px solid var(--negro);opacity:0;transform:scale(.3)}
.ea-ac .p1{left:0;bottom:0;width:8px;height:8px;animation:pienso 6s infinite}
.ea-ac .p2{left:10px;bottom:10px;width:13px;height:13px;animation:pienso 6s .3s infinite}
.ea-ac .nube{position:absolute;left:22px;bottom:18px;width:64px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--negro);display:grid;place-items:center;opacity:0;transform:scale(.3);transform-origin:0 100%;animation:pienso 6s .6s infinite}
.ea-ac .nube img{position:static;width:34px;filter:none}
@keyframes pienso{0%,12%{opacity:0;transform:scale(.3)}20%,78%{opacity:1;transform:none}86%,100%{opacity:0;transform:scale(.3)}}
@media (prefers-reduced-motion:reduce){.ea-ac .piensa i,.ea-ac .nube{opacity:1;transform:none}}
/* ProMatch: vistazo de la calculadora de visibilidad */
.calc-v{display:grid;gap:28px;margin-top:56px;padding:clamp(22px,3vw,38px);background:var(--negro);color:var(--crema);clip-path:polygon(0 1.5%,100% 0,99.5% 100%,.5% 98.5%)}
@media (min-width:900px){.calc-v{grid-template-columns:1fr 1fr;align-items:center}}
.calc-v h3{font-family:var(--clash);font-weight:600;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);line-height:1.1;margin:8px 0 10px}
.calc-v-tx p{font-size:16px;opacity:.82}
.calc-v-l{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;font-weight:600;font-size:15px}
.calc-v-l output{font-family:var(--epic);font-size:30px;color:var(--rojo-vivo)}
.calc-v input[type=range]{width:100%;accent-color:var(--rojo);margin-top:8px}
.calc-v small{opacity:.6;font-size:13px}
.calc-v-res{background:rgba(255,231,201,.06);border:1px solid rgba(255,231,201,.14);padding:22px}
.calc-v-res .lbl{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo-vivo)}
.calc-v-res>b{display:block;font-family:var(--epic);font-size:clamp(30px,3.6vw,46px);line-height:1.05;margin:6px 0 16px}
.calc-v-lock{list-style:none;display:grid;gap:8px;margin-bottom:16px}
.calc-v-lock li{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;padding:8px 0;border-top:1px solid rgba(255,231,201,.12)}
.calc-v-lock li span::before{content:"🔒";margin-right:8px;font-size:12px}
.calc-v-lock i{font-style:normal;font-family:var(--epic);filter:blur(5px);user-select:none}
.calc-v-nota{font-size:13px;opacity:.75;margin-bottom:16px}
.calc-v-nota a{color:var(--crema)}
.calc-v-lock i{white-space:nowrap}

/* ================= Conócenos ================= */
.nos-hero{position:relative;min-height:min(100vh,940px);display:flex;flex-direction:column;justify-content:flex-end;background:#121212;color:var(--crema);overflow:hidden}
.nos-hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;animation:ptZoom 22s ease-in-out infinite alternate}
.nos-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,14,.25) 0%,rgba(14,14,14,0) 35%,rgba(14,14,14,.15) 55%,rgba(14,14,14,.88) 88%,#0e0e0e 100%);pointer-events:none}
.nos-hero-tx{position:relative;z-index:2;padding-bottom:20px;width:100%}
.nos-hero .migas a{color:var(--crema);opacity:.75}
.nos-hero .kicker{color:var(--rojo-vivo);margin-top:10px}
.nos-hero h1{font-size:clamp(34px,4.6vw,72px);max-width:1100px;margin-top:10px;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.nos-hero h1 span{display:block;color:var(--rojo-vivo)}
.nos-pie{position:relative;z-index:2;font-size:13px;opacity:.7;padding-bottom:28px}
@media (max-width:760px){
  .nos-hero{min-height:0;display:block}
  .nos-hero-foto{position:relative;height:auto;aspect-ratio:4/3;object-position:30% 50%;animation:none}
  .nos-hero::after{background:linear-gradient(180deg,rgba(14,14,14,0) 0%,rgba(14,14,14,0) 34%,#0e0e0e 46%)}
  .nos-hero-tx{margin-top:-60px;padding-top:0}
}
.nos-2{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.nos-2{grid-template-columns:1fr 1.05fr}.nos-2.inv{grid-template-columns:.85fr 1.15fr}}
.nos-2 .lead{margin-top:18px}
.nos-destaca{margin-top:22px;padding-left:18px;border-left:4px solid var(--rojo);font-size:18px}
.nos-foto{margin:0;position:relative}
.nos-foto img{width:100%;height:auto;display:block;clip-path:polygon(0 1.5%,100% 0,99.4% 100%,.6% 98.5%)}
.nos-foto figcaption{font-size:13px;line-height:1.45;margin-top:12px;opacity:.85}
.nos-foto figcaption b{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo);margin-bottom:2px}
.oscuro .nos-foto figcaption b{color:var(--rojo-vivo)}
/* Visión: el puente */
.puente{display:grid;gap:30px;margin-top:20px}
@media (min-width:900px){.puente{grid-template-columns:1fr 1.1fr 1fr;align-items:end}}
.puente .lado,.puente .medio{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.puente .lado-pj{height:clamp(220px,22vw,300px);width:auto;max-width:100%}
.puente .medio-pj{height:clamp(240px,24vw,320px);width:auto;position:relative;z-index:2}
.puente .globo{position:absolute;top:-10px;left:6%;font-size:14px}
.puente .globo.der{left:auto;right:6%}
.puente h3{font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:20px;margin-top:16px;color:var(--crema)}
.puente .medio h3{color:var(--rojo-vivo)}
.puente p{font-size:15px;opacity:.82;max-width:320px;margin-top:6px}
.puente .tabla{position:absolute;left:-30%;right:-30%;bottom:calc(100% - clamp(240px,24vw,320px) + 8px);height:16px;display:none}
@media (min-width:900px){.puente .tabla{display:block}.puente .tabla i{position:absolute;inset:0;background:var(--rojo);border-radius:8px;transform:scaleX(0);transform-origin:50% 50%;transition:transform 1.2s .4s var(--golpe)}.puente .medio.in .tabla i{transform:none}}
.nos-frase{text-align:center;font-family:var(--epic);text-transform:uppercase;font-size:clamp(22px,2.6vw,34px);color:var(--crema);margin-top:50px}
/* Duales */
.duales{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.duales{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dual{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;background:#111;color:#fff}
.dual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--golpe)}
.dual:hover img{transform:scale(1.06)}
.dual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.88) 100%)}
.dual figcaption{position:absolute;left:16px;right:16px;bottom:16px;z-index:1;display:flex;flex-direction:column}
.dual-de{font-family:var(--clash);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(13px,1.2vw,16px);opacity:.85}
.dual b{font-family:var(--epic);text-transform:uppercase;font-size:clamp(20px,2vw,28px);line-height:1;color:var(--rojo-vivo);margin-top:2px}
.dual small{font-size:13px;line-height:1.35;margin-top:8px;opacity:.85}
/* Qué hacemos */
.hacemos{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.hacemos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hacemos{grid-template-columns:1fr}}
.hace{position:relative;background:#fff8ee;border:2px solid var(--negro);padding:20px 20px 24px}
.hace-n{font-family:var(--epic);font-size:40px;color:var(--rojo);line-height:1}
.hace-vis{position:relative;height:130px;margin:8px 0 12px}
.hace-vis i{position:absolute;left:50%;bottom:0;width:100px;height:100px;margin-left:-50px;border-radius:50%;background:var(--rojo);transition:transform .5s var(--rebote)}
.hace-vis img{position:absolute;left:50%;bottom:62px;height:62px;width:auto;transform:translateX(-50%);transition:transform .5s var(--rebote)}
.hace:hover .hace-vis i{transform:scale(1.08)}
.hace:hover .hace-vis img{transform:translateX(-50%) translateY(-6px)}
.hace h3{font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:19px;line-height:1.1}
.hace p{font-size:15px;margin-top:8px}
/* Filosofía */
.nos-filo .nos-foto.alta img{max-height:760px;object-fit:cover}
.nos-filo p{margin-top:16px}
.nos-promesa{margin:28px 0 0;padding:22px 24px;background:var(--rojo);color:var(--crema);clip-path:polygon(0 3%,100% 0,99% 100%,1% 96%)}
.nos-promesa p{margin:0;font-size:17px}
.nos-promesa p:first-child{font-family:var(--epic);text-transform:uppercase;font-size:clamp(20px,2vw,26px);margin-bottom:8px}
/* Lo que nos mueve */
.mueve{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.mueve{grid-template-columns:1fr 1.1fr}}
.mueve-tx p{margin-top:16px}
.mueve-fotos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mueve-fotos img{width:100%;height:100%;object-fit:cover;display:block}
.mueve-fotos .m1,.mueve-fotos .m2{aspect-ratio:4/5}
.mueve-fotos .m2{transform:translateY(30px)}
.mueve-fotos .m3{grid-column:1/-1;aspect-ratio:16/8;margin-top:30px}
/* Cierre */
.nos-cierre{padding-bottom:0}
.nos-cierre h2{font-size:clamp(32px,4.4vw,60px)}
.nos-cierre .nos-rata{height:220px;width:auto;margin:30px auto 0;display:block}
/* VS: la rata quieta piensa */
.vs-rata-w{position:absolute;left:27%;bottom:-6px;z-index:3;pointer-events:none}
.vs-rata-w .vs-rata{position:relative;left:auto;bottom:auto;display:block;transform:none!important;transition:none}
.vs-piensa{position:absolute;left:62%;bottom:88%;width:230px;height:96px}
.vs-piensa i{position:absolute;border-radius:50%;background:#fff;border:2px solid var(--negro);opacity:0;animation:vsPiensa 9s infinite}
.vs-piensa .p1{left:0;bottom:0;width:9px;height:9px}
.vs-piensa .p2{left:12px;bottom:12px;width:15px;height:15px;animation-delay:.25s}
.vs-nube{position:absolute;left:26px;bottom:26px;display:grid;padding:12px 18px;background:#fff;border:2px solid var(--negro);border-radius:999px;font-family:var(--clash);font-weight:600;font-size:14px;line-height:1.2;color:var(--negro);white-space:nowrap;opacity:0;transform-origin:0 100%;animation:vsPiensa 9s .5s infinite}
.vs-nube span{grid-area:1/1}
.vs-nube .t1{animation:vsT1 9s .5s infinite}
.vs-nube .t2{opacity:0;animation:vsT2 9s .5s infinite}
@keyframes vsPiensa{0%,4%{opacity:0;transform:scale(.4)}10%,92%{opacity:1;transform:none}98%,100%{opacity:0;transform:scale(.4)}}
@keyframes vsT1{0%,46%{opacity:1}52%,100%{opacity:0}}
@keyframes vsT2{0%,48%{opacity:0}54%,100%{opacity:1}}
@media (max-width:899px){.vs-rata-w{position:relative;left:auto;bottom:auto;order:99;display:block;height:150px;margin-top:70px}.vs-rata-w .vs-rata{height:100px}.vs-piensa{left:80px;bottom:72px}}
@media (prefers-reduced-motion:reduce){.vs-piensa i,.vs-nube{opacity:1;animation:none}.vs-nube .t1{animation:none}.vs-nube .t2{display:none}}
.vs-piensa{left:48%;bottom:92%;width:190px;height:110px}
.vs-nube{white-space:normal;width:168px;border-radius:26px;text-align:center;padding:11px 14px}
@media (max-width:899px){.vs-piensa{left:78px;bottom:70px}.vs-rata-w{margin-top:90px}}
.nos-2 .h2{font-size:clamp(32px,3.6vw,52px)}
@media (min-width:900px){.nos-2.inv{grid-template-columns:1fr 1fr}}
.dual b{font-size:clamp(16px,1.55vw,23px);overflow-wrap:anywhere}
.nos-hero .kicker{color:var(--crema);opacity:.9}
.nos-cierre{padding-bottom:110px}
.dual b{font-size:clamp(15px,1.25vw,19px);overflow-wrap:normal}
@media (max-width:560px){.dual small{display:none}.dual figcaption{left:10px;right:10px;bottom:12px}.dual-de{font-size:11px}}
.hero-conoce{display:inline-block;margin-top:18px;font-size:15px;color:var(--tinta);text-decoration:none;opacity:.85}
.hero-conoce b{border-bottom:2px solid var(--rojo);padding-bottom:1px;transition:color .2s}
.hero-conoce:hover b{color:var(--rojo)}
/* ===== Conócenos: animaciones y burbujas sin choque ===== */
.puente .lado{padding-top:92px}
.puente .globo{top:0;font-size:14px;white-space:nowrap;opacity:0;transform:scale(.4) translateY(10px)}
.puente .globo.b1{left:52%;right:auto;transform-origin:0 100%}
.puente .globo.b1::after{left:14%}
.puente .globo.b2{left:auto;right:52%;transform-origin:100% 100%}
.puente .globo.b2::after{left:auto;right:14%;transform:skewX(18deg)}
.puente .lado.in .globo.b1{animation:globoIn .6s var(--rebote) .5s forwards,globoFlota 4s ease-in-out 1.2s infinite}
.puente .lado.in .globo.b2{animation:globoIn .6s var(--rebote) 1.6s forwards,globoFlota 4s ease-in-out 2.3s infinite}
@keyframes globoIn{to{opacity:1;transform:none}}
@keyframes globoFlota{0%,100%{opacity:1;transform:none}50%{opacity:1;transform:translateY(-6px)}}
.puente .lado-pj,.puente .medio-pj{transform-origin:50% 100%;animation:respira 4.2s ease-in-out infinite}
.puente .lado:last-child .lado-pj{animation-duration:5s;animation-delay:-1.4s}
@keyframes respira{0%,100%{transform:none}50%{transform:scaleY(1.018) translateY(-1px)}}
@media (min-width:900px){
  .puente .medio{padding-top:92px}
  .puente .medio-pj{opacity:0;transform:translateY(24px)}
  .puente .medio.in .medio-pj{animation:rataSube .7s var(--rebote) 1.4s forwards,respira 4.6s ease-in-out 2.2s infinite}
}
@keyframes rataSube{0%{opacity:0;transform:translateY(24px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:none}}
@media (max-width:899px){.puente .globo.b1{left:50%}.puente .globo.b2{right:50%}}
/* Qué hacemos: figuras animadas */
.hace-vis i::before{content:"";position:absolute;inset:12px;border-radius:50%;border:2px dashed rgba(255,231,201,.55);animation:gira 9s linear infinite}
.hace-vis img{animation:fig1 3s ease-in-out infinite}
.hace-1 .hace-vis img{transform-origin:30% 100%;animation-name:figMira}
.hace-2 .hace-vis img{animation-name:figSube;animation-duration:3.4s}
.hace-3 .hace-vis img{animation-name:figGraba;animation-duration:3.8s}
.hace-4 .hace-vis img{animation-name:figTrato;animation-duration:3s}
@keyframes figMira{0%,100%{transform:translateX(-50%) rotate(0)}40%{transform:translateX(-50%) rotate(-5deg)}70%{transform:translateX(-50%) rotate(3deg)}}
@keyframes figSube{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-12px)}}
@keyframes figGraba{0%,100%{transform:translateX(-62%)}50%{transform:translateX(-38%)}}
@keyframes figTrato{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.07)}}
.hace:hover .hace-vis img{animation-play-state:paused}
/* Fotos con acercamiento lento */
.dual img{animation:kenBurns 14s ease-in-out infinite alternate}
.dual:nth-child(2) img{animation-delay:-4s}.dual:nth-child(3) img{animation-delay:-8s}.dual:nth-child(4) img{animation-delay:-11s}
@keyframes kenBurns{from{transform:scale(1)}to{transform:scale(1.08)}}
.mueve-fotos{overflow:hidden}
.mueve-fotos img{animation:kenBurns 16s ease-in-out infinite alternate}
.mueve-fotos .m2{animation:none}
.mueve-fotos .m3{animation-delay:-6s}
.nos-foto img{transition:transform .8s var(--golpe)}
.nos-foto:hover img{transform:scale(1.02)}
@media (prefers-reduced-motion:reduce){.puente .globo{opacity:1;transform:none;animation:none!important}.puente .medio-pj{opacity:1;transform:none;animation:none!important}.puente .lado-pj,.hace-vis img,.hace-vis i::before,.dual img,.mueve-fotos img{animation:none!important}}
@media (min-width:900px){.puente .tabla{bottom:auto;top:calc(92px + clamp(240px,24vw,320px) - 12px)}}
/* Cierre: solo una pose visible a la vez (evita el "tercer brazo") */
.recostado .fa{animation:gafasA 6s steps(1) infinite}
@keyframes gafasA{0%,44%{opacity:1}45%,74%{opacity:0}75%,100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.recostado .fa{animation:none;opacity:1}}

/* ===== Guías: tarjetas ===== */
.g-card .tapa.foto{background:#fff;padding:0}
.g-card .tapa.foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.g-card .tapa .tapa-sol{position:absolute;left:50%;bottom:-55%;width:110%;aspect-ratio:1;border-radius:50%;background:var(--negro);transform:translateX(-50%)}
.g-card .tapa .tapa-sol+.pj{position:relative;z-index:1;height:94%}

/* ===== Artículo (blog) ===== */
.blog-hero{padding:120px 0 40px;overflow:hidden}
.blog-hero-in{display:grid;gap:30px;align-items:center}
@media (min-width:900px){.blog-hero-in{grid-template-columns:1.25fr .75fr}}
.blog-hero h1{font-size:clamp(34px,4.6vw,66px);margin-top:12px}
.blog-hero h1 span{color:var(--rojo)}
.blog-hero .lead{margin-top:18px;max-width:640px}
.blog-autor{margin-top:16px;font-size:14px;opacity:.75}
.blog-hero-vis{position:relative;height:clamp(300px,34vw,440px);display:flex;justify-content:center;align-items:flex-end}
.blog-hero-vis .sol{position:absolute;left:50%;bottom:0;width:min(90%,380px);aspect-ratio:1;border-radius:50%;background:var(--rojo);transform:translateX(-50%)}
.blog-hero-vis .muleta{position:relative;height:100%;width:auto;transform-origin:70% 100%;animation:tambalea 3.2s ease-in-out infinite}
@keyframes tambalea{0%,100%{transform:rotate(0)}45%{transform:rotate(-2.5deg)}60%{transform:rotate(1.2deg)}}
.blog-cuerpo{display:grid;gap:40px;padding-bottom:30px}
@media (min-width:1000px){.blog-cuerpo{grid-template-columns:220px minmax(0,720px);justify-content:center}}
.blog-indice{display:none}
@media (min-width:1000px){.blog-indice{display:flex;flex-direction:column;gap:9px;position:sticky;top:100px;align-self:start;font-size:14px}
  .blog-indice b{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo);margin-bottom:4px}
  .blog-indice a{text-decoration:none;opacity:.65;border-left:2px solid transparent;padding-left:10px;transition:opacity .2s,border-color .2s}
  .blog-indice a.on,.blog-indice a:hover{opacity:1;border-color:var(--rojo)}}
.blog-progreso{height:4px;background:rgba(28,28,28,.1);margin-top:12px}
.blog-progreso i{display:block;height:100%;width:0;background:var(--rojo)}
.blog-tx{font-size:19px;line-height:1.7}
.blog-tx p{margin-top:18px}
.blog-tx h2{font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:clamp(24px,2.4vw,32px);line-height:1.12;margin:56px 0 4px;scroll-margin-top:100px}
.capitular::first-letter{float:left;font-family:var(--epic);font-size:4.2em;line-height:.8;padding:6px 10px 0 0;color:var(--rojo)}
.culpables{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.culpables span{background:var(--negro);color:var(--crema);font-size:15px;padding:8px 14px;border-radius:999px;text-decoration:line-through;text-decoration-color:var(--rojo);text-decoration-thickness:2px}
.blog-cita{margin:30px 0;padding:6px 0 6px 22px;border-left:6px solid var(--rojo);font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);line-height:1.15;color:var(--negro)}
.blog-cita.grande{font-size:clamp(20px,2.1vw,27px);text-transform:none;background:var(--crema);padding:22px 24px;border-left-width:8px}
/* cambio de conversación */
.cambio{margin-top:26px;background:var(--negro);color:var(--crema);padding:22px}
.cambio-tabs{display:flex;gap:6px;flex-wrap:wrap}
.cambio-tabs button{font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,231,201,.35);background:none;color:var(--crema);cursor:pointer}
.cambio-tabs button.on{background:var(--rojo);border-color:var(--rojo)}
.cambio-panel{margin-top:16px;animation:aparece .45s var(--golpe)}
.cambio-panel ul{list-style:none;display:grid;gap:8px}
.cambio-panel li{font-size:17px;padding:10px 14px;background:rgba(255,231,201,.07);border-left:3px solid var(--rojo-vivo)}
.cambio-uno{font-family:var(--clash);font-weight:700;font-size:clamp(20px,2.2vw,26px);margin:0;color:var(--rojo-vivo)}
.cambio-nota{font-size:16px;opacity:.8}
@keyframes aparece{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* qué quiere una marca */
.quiere{margin-top:26px;border:2px solid var(--negro);background:#fff8ee;padding:20px}
.quiere-cab{display:flex;gap:14px;align-items:center}
.quiere-cab .quiere-pj{height:110px;width:auto;flex:none}
.quiere-cab b{display:block;font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:19px}
.quiere-cab span{font-size:14px;opacity:.75}
.quiere-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:14px}
.q-chip{font:inherit;text-align:left;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid rgba(28,28,28,.25);background:#fff;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--rebote)}
.q-chip b{font-size:15px}.q-chip span{font-size:12.5px;line-height:1.35;opacity:.7}
.q-chip[aria-pressed="true"]{background:var(--rojo);border-color:var(--rojo);color:#fff;transform:translateY(-2px)}
.q-chip[aria-pressed="true"] span{opacity:.9}
.quiere-res{font-size:15px;margin-top:12px;font-weight:600}
/* pedir / negociar */
.pn{margin-top:28px;background:var(--crema);padding:22px;clip-path:polygon(0 1.5%,100% 0,99.5% 100%,.5% 98.5%)}
.pn-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:var(--negro);border-radius:999px;padding:4px}
.pn-switch button{position:relative;z-index:1;font:inherit;font-weight:700;font-size:15px;padding:8px 22px;background:none;border:0;color:var(--crema);cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
.pn-switch i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--rojo);transition:transform .35s var(--golpe)}
.pn-switch.neg i{transform:translateX(100%)}
.pn-escena{margin-top:14px}
.pn-lado{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;animation:aparece .45s var(--golpe)}
.pn-lado small{grid-column:2;font-size:13px;opacity:.7;margin-top:-8px}
.pn-pj{height:170px;width:auto;grid-row:span 2}
.pn-frase{margin:0;font-family:var(--clash);font-weight:600;font-size:clamp(18px,1.9vw,22px);line-height:1.35}
.pn-frase b{color:var(--rojo)}
.pn-nota{font-size:15px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(28,28,28,.15)}
@media (max-width:560px){.pn-lado{grid-template-columns:1fr;text-align:center;justify-items:center}.pn-lado small{grid-column:1;margin:0}.pn-pj{grid-row:auto;height:140px}}
/* confianza */
.figura{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-top:24px}
.figura .fig-pj{height:220px;width:auto;animation:lupa 4s ease-in-out infinite;transform-origin:50% 100%}
@keyframes lupa{0%,100%{transform:none}50%{transform:translateX(6px) rotate(1.5deg)}}
.figura p{margin-top:0}
.fig-antes{margin-top:12px!important;font-family:var(--clash);font-weight:600;text-decoration:line-through;opacity:.5}
.fig-ahora{margin-top:4px!important;font-family:var(--clash);font-weight:700;font-size:22px;color:var(--rojo)}
@media (max-width:560px){.figura{grid-template-columns:1fr;justify-items:center}.figura .fig-pj{height:180px}}
/* figura ancha */
.blog-ancha{margin:40px auto;max-width:1100px;padding:0 var(--gutter);text-align:center}
.blog-ancha .mundial-pj{width:100%;height:auto}
.blog-ancha figcaption{font-size:15px;opacity:.75;margin-top:10px}
.blog-ancha .pj{animation:none}
/* qué queda */
.queda{margin-top:20px;background:var(--negro);color:var(--crema);padding:22px}
.queda-int{margin:0!important;font-size:16px}
.queda-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:14px}
.act{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,231,201,.2);cursor:pointer;font-size:15px;transition:background .2s,border-color .2s}
.act input{accent-color:var(--rojo);width:18px;height:18px;flex:none}
.act:has(input:checked){background:rgba(229,35,34,.18);border-color:var(--rojo-vivo)}
.queda-res{margin-top:16px}
.queda-barra{height:12px;background:rgba(255,231,201,.12);border-radius:6px;overflow:hidden}
.queda-barra i{display:block;height:100%;width:0;background:var(--rojo);transition:width .5s var(--golpe)}
.queda-tx{display:flex;gap:14px;align-items:baseline;margin-top:10px;flex-wrap:wrap}
.queda-tx b{font-family:var(--epic);font-size:30px;color:var(--rojo-vivo)}
.queda-tx span{font-size:15px}
/* motor */
.motor{display:grid;gap:12px;margin-top:22px;align-items:stretch}
@media (min-width:640px){.motor{grid-template-columns:1fr auto 1fr}}
.motor-pieza{padding:20px;border:2px solid var(--negro);background:#fff8ee}
.motor-pieza.m1{background:var(--rojo);color:var(--crema);border-color:var(--rojo)}
.motor-n{font-family:var(--epic);font-size:34px;line-height:1;display:block}
.motor-pieza b{font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:20px}
.motor-pieza p{font-size:15px;margin-top:6px!important}
.motor-flecha{display:grid;place-items:center;font-family:var(--epic);font-size:40px;color:var(--rojo)}
.motor-nota{grid-column:1/-1;font-size:16px;margin-top:4px!important}
.necesita{list-style:none;display:grid;gap:8px;margin-top:14px}
.necesita li{padding:12px 16px;background:#fff8ee;border-left:4px solid var(--rojo);font-size:17px}
.final{display:grid;gap:20px;align-items:center;margin-top:26px}
@media (min-width:700px){.final{grid-template-columns:.9fr 1.1fr}}
.final .final-pj{width:100%;height:auto}
.final p{margin-top:0}.final p+p{margin-top:14px}
.remate{margin-top:34px!important;font-size:22px;line-height:1.45;text-align:center;padding:26px 0;border-top:2px solid var(--negro);border-bottom:2px solid var(--negro)}
.remate b{color:var(--rojo)}
@media (prefers-reduced-motion:reduce){.blog-hero-vis .muleta,.figura .fig-pj{animation:none}}
/* Guías: tenista que piensa */
.ten-w{position:relative;z-index:1;width:min(64%,260px);margin:0 auto 14px}
.ten-w .ten{width:100%;height:auto;display:block}
.ten-piensa{position:absolute;right:62%;bottom:92%;width:220px;height:120px}
.ten-piensa i{position:absolute;border-radius:50%;background:#fff;border:2px solid var(--negro);opacity:0;animation:vsPiensa 8s infinite}
.ten-piensa .p1{right:0;bottom:0;width:10px;height:10px}
.ten-piensa .p2{right:14px;bottom:14px;width:16px;height:16px;animation-delay:.25s}
.ten-nube{position:absolute;right:30px;bottom:30px;width:210px;padding:12px 16px;background:#fff;border:2px solid var(--negro);border-radius:28px;font-family:var(--clash);font-weight:600;font-size:14px;line-height:1.25;color:var(--negro);text-align:center;opacity:0;transform-origin:100% 100%;animation:vsPiensa 8s .5s infinite}
@media (max-width:899px){.ten-piensa{right:auto;left:-10%;bottom:96%}.ten-nube{right:auto;left:0;width:190px;font-size:13px}.ten-piensa i{display:none}}
@media (prefers-reduced-motion:reduce){.ten-piensa i,.ten-nube{opacity:1;animation:none}}
@media (max-width:899px){.ten-w{margin-top:110px}.ten-piensa{left:0;bottom:100%}}
/* ===== Artículo en fondo oscuro plano (legibilidad) ===== */
.blog{background:#161616;color:#EDE3D6}
.blog-hero{padding-bottom:60px;border-bottom:1px solid rgba(255,231,201,.1)}
.blog-hero h1{color:var(--crema)}
.blog-hero h1 span{color:var(--rojo-vivo)}
.blog .migas,.blog .migas a{color:rgba(255,231,201,.7)}
.blog-hero .lead{color:#EDE3D6}
.blog-autor{opacity:.7}
.blog-cuerpo{padding-top:50px}
.blog-tx{font-size:19px;line-height:1.75;font-weight:400;color:#E6DCCF;letter-spacing:0}
.blog-tx b{color:#fff;font-weight:600}
.blog-tx h2{color:var(--crema)}
.blog-indice a{color:var(--crema);opacity:.6}
.blog-indice a.on,.blog-indice a:hover{opacity:1}
.blog-indice b{color:var(--rojo-vivo)}
.blog-progreso{background:rgba(255,231,201,.12)}
.capitular::first-letter{color:var(--rojo-vivo)}
.culpables span{background:rgba(255,231,201,.08);color:#EDE3D6;border:1px solid rgba(255,231,201,.18);text-decoration-color:var(--rojo-vivo)}
.blog-cita{color:var(--crema);border-left-color:var(--rojo-vivo)}
.blog-cita.grande{background:rgba(255,231,201,.07);color:var(--crema)}
.cambio,.queda{background:#222;border:1px solid rgba(255,231,201,.12)}
.quiere{background:#222;border:1px solid rgba(255,231,201,.14);color:#EDE3D6}
.quiere-cab b{color:var(--crema)}
.q-chip{background:#1a1a1a;color:#EDE3D6;border-color:rgba(255,231,201,.2)}
.q-chip b{color:var(--crema)}
.pn{background:var(--crema);color:var(--negro)}
.pn .pn-frase,.pn b{color:inherit}.pn .pn-frase b{color:var(--rojo)}
.fig-ahora{color:var(--rojo-vivo)}
.blog-ancha figcaption{color:#EDE3D6}
.motor-pieza{background:#222;border-color:rgba(255,231,201,.2);color:#EDE3D6}
.motor-pieza b{color:var(--crema)}
.motor-pieza.m1{background:var(--rojo);border-color:var(--rojo);color:#fff}
.motor-flecha{color:var(--rojo-vivo)}
.necesita li{background:rgba(255,231,201,.06);border-left-color:var(--rojo-vivo);color:#EDE3D6}
.remate{border-color:rgba(255,231,201,.25);color:var(--crema)}
.remate b{color:var(--rojo-vivo)}
.blog .pj{filter:none}
.blog-tx a{color:var(--crema)}
/* Menú: con "Conócenos" ya no cabe por debajo de 1120 px */
@media (max-width:1120px){.nav,.top .cta-top{display:none}.burger{display:block}}
/* Artículo: portada sin superposición en celular y tablet */
@media (max-width:899px){
  .blog-hero{padding-top:100px}
  .blog-hero-vis{height:auto;margin-top:10px}
  .blog-hero-vis .sol{width:min(80%,340px)}
  .blog-hero-vis .muleta{height:auto;width:min(62%,280px);max-height:none}
}
/* Pie: columnas sin choque en tablet */
.pie .wrap>*{min-width:0}
.pie nav a{overflow-wrap:anywhere}
@media (min-width:700px) and (max-width:1100px){.pie .wrap{grid-template-columns:1fr 1fr}.pie .wrap>small{grid-column:1/-1}}
/* Menú móvil: Espid asoma desde la base */
.menu-movil{padding-bottom:0}
.mm-espid{position:relative;margin-top:auto;align-self:flex-end;width:150px;height:200px;flex:none;overflow:hidden;margin-right:-4px}
.mm-espid img{position:absolute;left:0;bottom:-80px;width:150px;height:auto;filter:var(--pegado);transform:translateY(120%);transition:transform .7s var(--rebote) .35s}
.menu-abierto .mm-espid img{transform:none}
.mm-globo{position:absolute;right:130px;top:6px;z-index:2;width:max-content;max-width:190px;background:var(--crema);color:var(--negro);font-size:14px;line-height:1.25;padding:10px 14px;border-radius:18px;opacity:0;transform:scale(.6);transform-origin:100% 100%;transition:opacity .3s 1s,transform .4s var(--rebote) 1s}
.mm-globo b{color:var(--rojo)}
.mm-globo::after{content:"";position:absolute;right:-8px;bottom:12px;border:7px solid transparent;border-left:12px solid var(--crema)}
.menu-abierto .mm-globo{opacity:1;transform:none}
.mm-espid{overflow:visible;width:auto;padding-left:200px}
.mm-espid img{left:auto;right:0}
@media (max-height:700px){.mm-espid{display:none}}
/* Menú móvil: Espid abajo a la izquierda, globo sobre su mano */
.mm-espid{align-self:flex-start;padding-left:0;margin-right:0;margin-left:-6px;width:150px}
.mm-espid img{right:auto;left:0}
.mm-globo{right:auto;left:118px;top:auto;bottom:138px;transform-origin:0 100%}
.mm-globo::after{right:auto;left:14px;bottom:-12px;border:7px solid transparent;border-top:12px solid var(--crema);border-left-color:transparent}

/* ================= Ajustes de Alejo · ronda 3 ================= */
/* Antetítulos: un poco más grandes y espaciados (global) */
.kicker{font-size:14px;letter-spacing:.26em;font-weight:400}
/* Caja irregular crema para frases destacadas */
.caja-irr{margin-top:22px;background:var(--crema);color:var(--negro);padding:14px 18px;font-size:16px;line-height:1.5;font-weight:400;clip-path:polygon(0 4%,100% 0,98.5% 100%,1% 94%)}
.oscuro .caja-irr{color:var(--negro)}
.caja-irr b{color:var(--rojo);font-weight:600}
/* Tarjeta de foto: rectangular, texto dentro con degradado sutil y "leer más" hacia arriba */
.foto-card{position:relative;margin:0;overflow:hidden;border-radius:6px;background:#111}
.foto-card img{display:block;width:100%;height:100%;object-fit:cover}
.foto-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 18px 16px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.72) 60%);color:#fff;font-size:14px;line-height:1.4;display:flex;flex-direction:column;gap:4px;transition:padding .4s var(--golpe),background .4s}
.foto-card figcaption b{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff;font-weight:600}
.foto-card .fc-mas{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s var(--golpe),opacity .3s}
.foto-card.abierto .fc-mas{max-height:160px;opacity:1}
.foto-card.abierto figcaption{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.85) 40%)}
.fc-btn{align-self:flex-start;background:none;border:0;padding:0;color:#fff;font:inherit;font-size:12px;font-weight:600;text-decoration:underline;cursor:pointer}
.foto-card.grande{min-height:420px}
@media (min-width:900px){.nos-somos .nos-2{grid-template-columns:1fr 1.15fr;align-items:stretch}.foto-card.grande{min-height:100%}}
.foto-card.alta{aspect-ratio:4/5}
/* Portada: título en 3 líneas y burbuja tipo comentario sobre la foto */
.nos-hero h1{font-size:clamp(32px,4.2vw,64px);max-width:1180px}
.nos-burbuja{position:absolute;z-index:2;left:var(--bx,4%);top:var(--by,26%);transform-origin:var(--cola,30px) 100%;translate:0 calc(-100% - 16px);background:var(--crema);color:var(--negro);padding:12px 18px;border-radius:22px;font-size:13px;line-height:1.3;transform:rotate(-4deg);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.nos-burbuja b{display:block;font-family:var(--epic);text-transform:uppercase;font-size:17px;color:var(--rojo)}
.nos-burbuja::after{content:"";position:absolute;left:calc(var(--cola,30px) - 8px);bottom:-12px;border:8px solid transparent;border-top:14px solid var(--crema);transform:skewX(-20deg)}
@media (max-width:760px){.nos-burbuja{font-size:9.5px;padding:6px 10px;border-radius:13px;translate:0 calc(-100% - 12px)}.nos-burbuja b{font-size:11.5px}.nos-burbuja::after{bottom:-10px;border-width:6px;border-top-width:11px}}
/* Puente */
.nos-vision .h2.t2{font-size:clamp(30px,3.8vw,54px)}
.puente h3{font-weight:600;font-size:18px}
.puente .medio h3{font-weight:700;font-size:22px}
.puente p{max-width:360px;line-height:1.55}
@media (min-width:900px){.puente{column-gap:40px}.puente p{margin-top:12px}}
.puente .tabla i{background:#E52322!important;height:8px;top:4px;transition:transform .5s var(--golpe),left .5s var(--golpe),right .5s var(--golpe)}
@media (min-width:900px){
  .puente .tabla{height:16px}
  .puente .tabla i{left:0;right:0}
  .puente.h-izq .tabla i{left:-6%;right:58%}
  .puente.h-med .tabla i{left:28%;right:28%}
  .puente.h-der .tabla i{left:58%;right:-6%}
}
.puente .medio-pj{transition:transform .4s var(--rebote)}
.puente.h-izq .medio-pj{transform:scaleX(-1)!important}
.puente .lado-dep .lado-pj{transform-origin:85% 40%}
.puente.h-izq .lado-dep .lado-pj{animation:medalla 1.2s ease-in-out infinite}
@keyframes medalla{0%,100%{transform:rotate(0)}30%{transform:rotate(-2.5deg) translateY(-3px)}60%{transform:rotate(1.5deg)}}
.puente .lado-emp{position:relative}
.puente .lado-emp .alt{position:absolute;left:50%;top:92px;transform:translateX(-50%);opacity:0;transition:opacity .35s}
.puente .lado-emp .base{transition:opacity .35s}
.puente.h-der .lado-emp .alt{opacity:1}
.puente.h-der .lado-emp .base{opacity:0}
/* Duales: tarjetas más altas */
.dual{aspect-ratio:4/5.8}
/* Filosofía */
.nos-filo .h2.t2{font-size:clamp(28px,3.4vw,48px)}
@media (min-width:900px){.nos-filo .nos-2.inv{grid-template-columns:.85fr 1.15fr}}
.nos-promesa p:first-child{font-family:var(--clash);font-weight:600;text-transform:uppercase}
.nos-promesa p+p{font-size:16px;font-style:italic}
/* Lo que nos mueve: bento */
.nos-mueve .h2.t2{font-size:clamp(28px,3.6vw,52px)}
.bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:10px}
.bento img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px;animation:kenBurns 16s ease-in-out infinite alternate}
.bento .b1{grid-row:1/3}
.bento .b3{animation-delay:-6s}
@media (min-width:900px){.bento{grid-template-rows:230px 230px}}
.mueve-tx p{line-height:1.6}
.nos-hero h1{font-size:clamp(30px,3.5vw,54px)}
.nos-vision .cab{max-width:none}
.nos-vision .h2.t2{font-size:clamp(26px,3vw,44px)}
@media (max-width:899px){.foto-card.grande{min-height:0;aspect-ratio:4/3.4}.foto-card.grande img{position:absolute;inset:0}}
.puente .lado-emp .alt{height:clamp(220px,22vw,300px);width:auto;max-width:none}
.nos-frase{display:table;margin:50px auto 0;background:var(--crema);color:var(--negro);font-family:var(--clash);font-weight:400;text-transform:none;font-size:clamp(18px,1.8vw,24px);padding:14px 26px;clip-path:polygon(0 6%,100% 0,98.5% 100%,1% 92%)}
/* ===== Servicios · ronda 3 ===== */
.ph .nw{white-space:nowrap}
@media (max-width:560px){.ph .nw{white-space:normal}}
.srv-hero-vis .esc-img{max-width:620px;width:100%}
@media (min-width:1100px){.cat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cat .epic{font-size:19px}.cat p{font-size:14px}}
.kpi-vis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:end;height:130px;padding:10px 4px}
.kpi-vis span{display:flex;flex-direction:column;align-items:center;text-align:center}
.kpi-vis b{font-family:var(--epic);font-size:30px;line-height:1;color:var(--rojo)}
.kpi-vis small{font-size:11px;line-height:1.2;margin-top:4px}
/* Perfil: protagonista ancho y tarjetas intercambiables */
@media (min-width:980px){#perfil .srv{grid-template-columns:1fr 1fr}}
.pe-main{aspect-ratio:auto;height:clamp(320px,34vw,460px);max-height:none;width:100%}
.pe-mini a{cursor:pointer;transition:transform .25s var(--rebote)}
.pe-mini a:hover{transform:translateY(-3px)}
.perfil-ej.cambia .pe-main img{animation:aparece .45s var(--golpe)}
/* Formatos de asesoría: crema y hover como las herramientas */
.fmt{background:var(--crema);transition:transform .2s var(--rebote),box-shadow .2s}
.fmt:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--negro)}
.fmt b{font-family:var(--clash);font-weight:700}
/* Eventos */
#eventos .h2.t3{font-size:clamp(30px,3.8vw,54px)}
#eventos .momentos{margin-top:40px}
.momento .fig{transform-origin:50% 100%}
.momento:nth-child(1) .fig{animation:anuncia 1.6s ease-in-out infinite}
.momento:nth-child(2) .fig{animation:agita 1s ease-in-out infinite;transform-origin:30% 100%}
.momento:nth-child(3) .fig{animation:vuela 3s ease-in-out infinite}
.momento:nth-child(4) .fig{animation:foto 3.2s ease-in-out infinite}
@keyframes anuncia{0%,100%{transform:none}50%{transform:rotate(-3deg) scale(1.03)}}
@keyframes agita{0%,100%{transform:rotate(0)}50%{transform:rotate(-6deg)}}
@keyframes vuela{0%,100%{transform:translate(0,0)}25%{transform:translate(6px,-8px)}50%{transform:translate(-4px,-4px)}75%{transform:translate(4px,-10px)}}
@keyframes foto{0%,20%,100%{transform:none}25%{transform:translateY(2px)}30%{transform:none}60%{transform:rotate(4deg) translateY(4px)}80%{transform:none}}
.momento:nth-child(1)::after{content:"♪ ¡!";position:absolute;right:-4px;top:-70px;font-family:var(--epic);color:var(--rojo);font-size:16px;animation:simbolos 1.6s ease-out infinite;pointer-events:none}
@keyframes simbolos{0%{opacity:0;transform:translate(-14px,10px) scale(.6)}40%{opacity:1}100%{opacity:0;transform:translate(10px,-14px) scale(1.1)}}
.momento:nth-child(4)::after{content:"";position:absolute;right:20px;top:-58px;width:40px;height:40px;border-radius:50%;background:radial-gradient(#fff,rgba(255,255,255,0) 70%);opacity:0;animation:flash 3.2s infinite;pointer-events:none}
@keyframes flash{0%,23%,30%,100%{opacity:0}25%{opacity:1}}
/* Gestión */
.mini-planes b{font-family:var(--clash);font-weight:700;text-transform:uppercase}
.rango span{font-weight:400}
.rango b{font-family:var(--clash);font-weight:600;font-size:21px;letter-spacing:0}
.gest-esc{width:100%;max-width:620px;height:auto}
/* Identidad */
#identidad .lead{max-width:900px}
.caso-id{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.caso-id>*{flex:0 0 min(92%,980px);scroll-snap-align:start}
.caso-id+.gh-nav{margin-top:10px}
/* Elige */
#elige .h2.t2{font-size:clamp(32px,4vw,56px)}
#elige .lead{max-width:none}
.chk input{appearance:none;-webkit-appearance:none;border-radius:50%;border:2px solid currentColor;background:transparent;display:grid;place-items:center}
.chk input:checked{border-color:var(--rojo);background:radial-gradient(var(--rojo) 0 45%,transparent 50%)}
/* Ejemplos en carrusel: tarjetas grandes */
.ej-carr-w{position:relative;min-width:0}
.ej-carr .ej{flex:0 0 min(78%,300px);aspect-ratio:4/5.6;scroll-snap-align:start;border-radius:6px}
.ej figcaption b{font-family:var(--clash);font-weight:700;font-size:16px}
.ej .ej-a{font-size:12px;opacity:.8}
.ej-fila{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}
.ej-fila em{display:flex;align-items:center;gap:6px;font-family:var(--epic);font-size:18px;color:var(--crema)}
.ej-fila svg{width:18px;height:18px;flex:none}
.ej-fila a{margin:0!important;text-decoration:none!important;font-size:11px!important;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.ej figcaption small{display:none}
.gh-nav{display:flex;gap:8px;margin-top:10px}
.gh-nav button{width:40px;height:40px;border-radius:50%;border:2px solid currentColor;background:none;color:inherit;font-size:22px;cursor:pointer}
@media (min-width:980px){#simple .srv,#completa .srv{grid-template-columns:1fr 1fr}}
.equipo-ico{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.eq-t{font-size:12px;letter-spacing:.2em;text-transform:uppercase;width:100%;opacity:.7}
.eq{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid currentColor;border-radius:999px;font-size:13px}
.eq svg{width:18px;height:18px;flex:none}
/* Eventual: una fila por pieza */
.piezas.filas{grid-template-columns:1fr!important;gap:10px}
.piezas.filas .pieza{grid-template-columns:auto 1fr}
.piezas.filas .pieza>div{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:center}
.piezas.filas .pieza .rango{margin:0;grid-row:1/3;grid-column:2}
@media (max-width:640px){.piezas.filas .pieza>div{grid-template-columns:1fr}.piezas.filas .pieza .rango{grid-row:auto;grid-column:1}}
.pieza .epic{font-family:var(--clash);font-weight:700;font-size:19px}
/* Presentación: la línea roja sigue al cursor */
#presentacion .lead{max-width:900px}
#presentacion .h2.t2{font-size:clamp(30px,3.8vw,54px)}
.estructura .est{transition:border-color .25s}
.estructura:hover .est{border-top-color:var(--negro)}
.estructura .est:hover{border-top-color:var(--rojo)}
.kicker .kb{font-weight:600}
/* Formación */
.lista-p.vert li span b{display:block}
.nota-rangos{max-width:none}
/* Valores */
.val-it{align-items:start}
.val-it .epic{font-weight:600}
.val-dot{margin-top:6px}
#eventos .momentos{margin-top:110px}
/* ===== Deportistas · ronda 3 ===== */
.ph .vis .pj.colgado{transform-origin:45% 4%;animation:mece 3.4s ease-in-out infinite}
@keyframes mece{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media (prefers-reduced-motion:reduce){.ph .vis .pj.colgado{animation:none}}
#fichas .h2.t3,#planes .h2.t3,.sec .h2.t3{font-size:clamp(30px,3.8vw,54px)}
.plan .btn{white-space:nowrap;font-size:14px}
.plan .rango,.rango{max-width:100%}
.listas2 .rango{min-width:min(100%,320px)}
.nota-rangos{width:100%}
.esc-inf{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.esc-anim{position:relative;height:190px;width:150px;overflow:hidden}
.esc-esc{position:absolute;left:58px;top:0;bottom:0;width:34px;background:repeating-linear-gradient(180deg,transparent 0 18px,var(--rojo) 18px 22px);border-left:4px solid var(--rojo);border-right:4px solid var(--rojo);animation:escalaFondo 1.4s linear infinite}
@keyframes escalaFondo{from{background-position:0 0}to{background-position:0 22px}}
.esc-sube{position:absolute;left:30px;top:40px}
.esc-sube .fig{animation:paso .7s ease-in-out infinite alternate}
@keyframes paso{from{transform:translateY(0)}to{transform:translateY(-6px)}}
/* ===== Ilustraciones animadas (minimalistas) ===== */
.an{position:relative;display:block;width:100%;height:150px;overflow:hidden;color:var(--negro)}
.an i{display:block}
.an-p{position:absolute;transform:translateX(-50%);display:flex;align-items:flex-end;line-height:0}
.an-p .fig{display:block}
.an-bola{position:absolute;aspect-ratio:1;border-radius:50%;background:var(--rojo)}
/* perfil: documento que se despliega */
.an-doc{position:absolute;left:28%;top:12px;width:70px;height:100px;background:var(--negro);transform-origin:50% 0;animation:despliega 4s var(--golpe) infinite}
.an-doc::before{content:"";position:absolute;left:50%;top:14px;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:var(--rojo)}
.an-doc i{position:absolute;left:10px;right:10px;height:5px;background:var(--rojo)}
.an-doc i:nth-child(1){top:60px}.an-doc i:nth-child(2){top:72px}.an-doc i:nth-child(3){top:84px;right:26px}
@keyframes despliega{0%{transform:scaleY(.12) scaleX(.6)}25%{transform:scaleY(.5) scaleX(.6)}45%,85%{transform:none}100%{transform:scaleY(.12) scaleX(.6)}}
.an-sway{animation:sway 3s ease-in-out infinite;transform-origin:50% 100%}
@keyframes sway{0%,100%{transform:translateX(-50%) rotate(0)}50%{transform:translateX(-50%) rotate(-3deg)}}
/* estrategia: corre hasta la bola */
.an-corre{animation:corre 3.6s ease-in infinite}
@keyframes corre{0%{left:-10%;opacity:0}8%{opacity:1}75%{left:66%;opacity:1}85%,100%{left:66%;opacity:0}}
/* eventos: circuito con bola que gira */
.an-circuito{position:absolute;left:12%;bottom:12px;width:66%;height:70px;border:16px solid var(--negro);border-radius:50%}
.an-orbita{position:absolute;inset:-16px;animation:gira 3s linear infinite}
.an-orbita i{position:absolute;left:50%;top:-2px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--rojo)}
.an-agita .fig{transform-origin:40% 100%;animation:agita .9s ease-in-out infinite}
/* gestión: teléfono con deportista que saluda */
.an-tel{position:absolute;left:60%;bottom:6px;width:72px;height:128px;margin-left:-36px;background:var(--rojo);border-radius:14px}
.an-saluda .fig{transform-origin:50% 100%;animation:saluda 1.8s ease-in-out infinite}
@keyframes saluda{0%,100%{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}
.an-dirige .fig{animation:dirige 2.2s ease-in-out infinite}
@keyframes dirige{0%,100%{transform:none}50%{transform:translateX(4px) rotate(2deg)}}
/* identidad: pinta el casco */
.an-casco{position:absolute;right:6%;bottom:8px;width:120px;height:100px;background:var(--rojo);border-radius:60px 60px 18px 60px;overflow:hidden}
.an-casco i{position:absolute;right:0;top:34px;width:62px;height:30px;background:var(--negro);border-radius:14px 0 0 14px;transform-origin:100% 50%;animation:pintaVisor 3s ease-in-out infinite}
@keyframes pintaVisor{0%{transform:scaleX(0)}55%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.an-pinta .fig{transform-origin:40% 100%;animation:rodillo 1.1s ease-in-out infinite}
@keyframes rodillo{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg) translateY(-3px)}}
/* cobertura: medio círculo negro que gira con rampa, dron */
.an-media{position:absolute;left:50%;bottom:-60px;width:120px;height:120px;margin-left:-60px;border-radius:50%;background:var(--negro);animation:gira 8s linear infinite}
.an-rampa{position:absolute;left:50%;top:-12px;width:0;height:0;border-left:16px solid transparent;border-bottom:14px solid var(--negro);margin-left:-8px}
.an-salta .fig{animation:saltaMoto 2s ease-in-out infinite}
@keyframes saltaMoto{0%,60%,100%{transform:none}75%{transform:translateY(-14px) rotate(-10deg)}}
.an-dron .fig{animation:vuela 3.4s ease-in-out infinite}
/* eventual: rueda roja que gira por el pedaleo */
.an-rueda{position:absolute;left:45%;bottom:6px;width:120px;height:120px;margin-left:-60px;border-radius:50%;background:var(--rojo);animation:gira 5s linear infinite}
.an-rueda::after{content:"";position:absolute;inset:12px;border-radius:50%;border:2px dashed rgba(255,231,201,.7)}
.an-pedalea .fig{animation:pedal .5s ease-in-out infinite alternate}
@keyframes pedal{from{transform:translateY(0)}to{transform:translateY(-3px)}}
/* presentación: la luz parpadea y se enciende */
.an-luz{position:absolute;left:50%;top:0;width:170px;height:150px;margin-left:-85px;background:var(--rojo);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);animation:enciende 4s steps(1) infinite}
@keyframes enciende{0%{opacity:.15}8%{opacity:.8}12%{opacity:.15}18%{opacity:.8}22%{opacity:.15}30%,95%{opacity:1}100%{opacity:.15}}
/* formación: sube la escalera hacia el círculo */
.an-escala{animation:escala 3.2s ease-in-out infinite}
@keyframes escala{0%{transform:translateX(-50%) translateY(10px)}60%,80%{transform:translateX(-50%) translateY(-24px)}100%{transform:translateX(-50%) translateY(10px)}}
/* portada de servicios */
.an-hero{height:auto;aspect-ratio:2.3/1;container-type:size;overflow:visible}
.an-base{position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--negro)}
.an-gatea .fig{animation:gatea 1.2s ease-in-out infinite}
@keyframes gatea{0%,100%{transform:none}50%{transform:translate(3px,-2px)}}
.an-camina .fig{animation:camina .9s ease-in-out infinite;transform-origin:50% 100%}
@keyframes camina{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-2px)}}
.an-trota .fig{animation:trota .55s ease-in-out infinite alternate}
@keyframes trota{from{transform:none}to{transform:translateY(-6px)}}
.an-trato{display:flex;gap:0}
.an-trato .fig:first-child{animation:trato 1.6s ease-in-out infinite}
.an-trato .fig:last-child{animation:trato 1.6s ease-in-out infinite reverse}
@keyframes trato{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
.srv-hero-vis .an-hero{max-width:640px;margin:0 auto}
/* etapas de deportistas */
.an-etapa-1 .an-amarra .fig{animation:mira 4s ease-in-out infinite;transform-origin:30% 100%}
@keyframes mira{0%,45%,100%{transform:none}55%,85%{transform:rotate(-12deg) translateY(-6px)}}
.an-cams{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around}
.an-cams i{width:22px;height:14px;background:var(--negro);border-radius:3px;position:relative;opacity:0;animation:cams 3s ease-in-out infinite}
.an-cams i::after{content:"";position:absolute;left:6px;top:3px;width:8px;height:8px;border-radius:50%;background:#fff}
.an-cams i:nth-child(2){animation-delay:.3s}.an-cams i:nth-child(3){animation-delay:.6s}
@keyframes cams{0%,10%{opacity:0;transform:translateY(16px)}25%,80%{opacity:1;transform:none}90%,100%{opacity:0}}
.an-monte{position:absolute;left:0;bottom:0;width:72%;height:62%;background:var(--negro);clip-path:polygon(0 100%,50% 0,100% 100%)}
.an-pin{position:absolute;right:10%;bottom:10px;width:26px;height:26px;background:var(--rojo);border-radius:50% 50% 50% 0;transform:rotate(-45deg);animation:pin 1.8s ease-in-out infinite}
@keyframes pin{0%,100%{transform:rotate(-45deg) translate(0,0)}50%{transform:rotate(-45deg) translate(6px,-6px)}}
/* mesa redonda vista desde arriba */
.an-mesa-in{position:absolute;left:50%;top:50%;width:min(92%,190px);aspect-ratio:1;transform:translate(-50%,-50%);animation:mesa 6s ease-in-out infinite}
.an-mesa-in .fig{height:100%!important;width:100%}
@keyframes mesa{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-50%) rotate(2deg)}}
.an-formacion-g{height:min(70vw,360px)}
@media (prefers-reduced-motion:reduce){.an *{animation:none!important}}
.an{container-type:inline-size}
.an-mesa-w,.an-formacion-g .an{height:100%}

.an-mesa-bola,.an-mesa .an-bola{width:auto}
.an-mesa~.an-bola,.an-formacion-g .an-bola{width:min(56cqw,215px)!important}
.srv-hero-vis{width:100%}
.srv-hero-vis .an-hero{max-width:none;width:100%}
.an-formacion-g{height:min(92vw,360px)!important}
.an-mesa-in{width:min(72cqw,290px);height:min(72cqw,290px)}
.an-mesa-in .fig{width:100%!important;height:100%!important}
.etapa .an{height:190px}
/* Catálogo · Informe: mini gráfico de barras */
.kpi-vis{display:flex!important;flex-direction:column;justify-content:center;gap:9px;height:150px;padding:10px 14px;grid-template-columns:none}
.kpi-t{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--negro);opacity:.7;align-items:flex-start!important}
.kpi-f{display:grid!important;grid-template-columns:52px 1fr 36px;align-items:center!important;gap:6px;text-align:left!important}
.kpi-f em{font-style:normal;font-size:12px;font-weight:600}
.kpi-b{height:12px;background:rgba(28,28,28,.1);display:block!important;overflow:hidden}
.kpi-b i{display:block;height:100%;width:var(--w);background:var(--rojo);transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s var(--golpe)}
.kpi-vis.ve .kpi-b i{transform:none}
.kpi-f:nth-child(3) .kpi-b i{transition-delay:.15s}.kpi-f:nth-child(4) .kpi-b i{transition-delay:.3s}
.kpi-f b{font-family:var(--epic);font-size:16px!important;color:var(--negro)!important;text-align:right}
.kpi-f b::after{content:"%"}
.kpi-vis{align-items:stretch!important}.kpi-f{width:100%}
.pe-main img{object-position:50% 25%}
.pe-slide{flex:0 0 min(86%,560px)!important;border-radius:8px}.pe-slide img{aspect-ratio:16/9!important}.pe-slides{margin-top:14px}
.pe-slide{background:transparent;box-shadow:none}.pe-slide img{border-radius:8px}.pe-slide figcaption{position:static;background:none;padding:10px 2px 0;color:var(--crema)}
.an-hero{aspect-ratio:1.55/1;margin-bottom:34px}
.an-et{position:absolute;top:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;font-family:var(--clash);font-weight:600;font-size:clamp(11px,1.1vw,14px);text-transform:uppercase;letter-spacing:.06em;color:var(--negro)}
.an-et:last-child{color:var(--rojo)}
@media (max-width:560px){.an-et{font-size:9.5px;letter-spacing:.02em}}
.an-dron .fig{animation:none}
.an-dron{animation:vuelaDron 3.4s ease-in-out infinite}
@keyframes vuelaDron{0%,100%{transform:translateX(-50%)}50%{transform:translateX(-50%) translateY(-3px)}}
.cob-nota{max-width:420px;margin-top:8px}
/* Por qué Pro Motion: con foto */
.porque{display:grid;gap:40px;align-items:center}
@media (min-width:980px){.porque{grid-template-columns:1.35fr .65fr}}
.porque>div{min-width:0}
.porque .valores{grid-template-columns:1fr 1fr}
@media (max-width:700px){.porque .valores{grid-template-columns:1fr}}
.porque-foto{margin:0;border-radius:6px;overflow:hidden;max-height:640px}
.porque-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;animation:kenBurns 18s ease-in-out infinite alternate}
@media (max-width:979px){.porque-foto{max-height:460px;aspect-ratio:4/5;max-width:420px}}
.porque-foto img{filter:brightness(1.35) contrast(1.05)}
/* Estrategia: calendario de contenido */
.an-cal{position:absolute;left:38%;right:8%;top:26px;bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border:3px solid var(--negro);border-top-width:12px}
.an-cal i{background:rgba(28,28,28,.12);border-radius:2px;animation:celda 6s infinite}
.an-cal i:nth-child(2){animation-delay:.4s}.an-cal i:nth-child(5){animation-delay:.9s}.an-cal i:nth-child(7){animation-delay:1.4s}.an-cal i:nth-child(10){animation-delay:1.9s}.an-cal i:nth-child(12){animation-delay:2.4s}
.an-cal i:nth-child(1),.an-cal i:nth-child(3),.an-cal i:nth-child(4),.an-cal i:nth-child(6),.an-cal i:nth-child(8),.an-cal i:nth-child(9),.an-cal i:nth-child(11){animation:none}
@keyframes celda{0%,8%{background:rgba(28,28,28,.12)}12%,85%{background:var(--rojo)}95%,100%{background:rgba(28,28,28,.12)}}
.an-msg{position:absolute;left:30%;top:6px;width:30px;height:24px;border-radius:12px;background:var(--negro);color:var(--crema);font-size:13px;display:grid;place-items:center;animation:msg 3s ease-in-out infinite}
.an-msg::after{content:"";position:absolute;left:6px;bottom:-6px;border:5px solid transparent;border-top:7px solid var(--negro)}
@keyframes msg{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* Por qué Pro Motion: foto integrada al fondo */
.porque-sec{position:relative;overflow:hidden}
.porque-sec .wrap{position:relative;z-index:1}
.porque{grid-template-columns:1fr!important}
.porque>div{max-width:760px}
.porque-bg{position:absolute;top:0;right:0;bottom:0;width:48%;margin:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%),linear-gradient(0deg,transparent 0%,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 38%),linear-gradient(0deg,transparent 0%,#000 22%);mask-composite:intersect}
.porque-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:brightness(1.45) contrast(1.05);animation:kenBurns 20s ease-in-out infinite alternate}
@media (max-width:979px){
  .porque-bg{position:relative;width:100%;height:340px;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 40%);mask-image:linear-gradient(0deg,transparent 0%,#000 40%)}
  .porque-sec{padding-top:0}
  .porque-sec .wrap{margin-top:-90px}
}
@media (min-width:980px) and (max-width:1200px){.porque>div{max-width:58%}}
/* Por qué Pro Motion: degradado compatible (sin mask) */
.porque-bg{-webkit-mask-image:none!important;mask-image:none!important}
.porque-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1c1c1c 0%,rgba(28,28,28,.85) 18%,rgba(28,28,28,0) 55%),linear-gradient(0deg,#1c1c1c 0%,rgba(28,28,28,0) 30%),linear-gradient(180deg,#1c1c1c 0%,rgba(28,28,28,0) 14%)}
@media (max-width:979px){.porque-bg::after{background:linear-gradient(0deg,#1c1c1c 0%,rgba(28,28,28,0) 55%)}}
/* Portada de Servicios: SVG con medidas exactas */
.an-hero{aspect-ratio:auto!important;height:auto!important;margin-bottom:0!important;overflow:visible!important}
.an-hero-svg{display:block;width:100%;height:auto;overflow:visible}
.an-hero-svg text{font-family:var(--clash);font-weight:600;font-size:24px;letter-spacing:1px;text-transform:uppercase;fill:var(--negro)}
.an-hero-svg text.h-fin{fill:var(--rojo)}
.an-hero-svg g{transform-box:fill-box;transform-origin:50% 100%}
.h-gatea{animation:hGatea 1.4s ease-in-out infinite}
.h-camina{animation:hCamina 1s ease-in-out infinite}
.h-trota{animation:hTrota .6s ease-in-out infinite alternate}
.h-trato{animation:hTrato 2.4s ease-in-out infinite}
@keyframes hGatea{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes hCamina{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes hTrota{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes hTrato{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@media (prefers-reduced-motion:reduce){.an-hero-svg g{animation:none}}
/* Portada de Servicios: SVG con medidas exactas */
.an-hero{aspect-ratio:auto!important;height:auto!important;margin-bottom:0!important;overflow:visible!important}
.an-hero-svg{display:block;width:100%;height:auto;overflow:visible}
.an-hero-svg text{font-family:var(--clash);font-weight:600;font-size:24px;letter-spacing:1px;text-transform:uppercase;fill:var(--negro)}
.an-hero-svg text.h-fin{fill:var(--rojo)}
.an-hero-svg g{transform-box:fill-box;transform-origin:50% 100%}
.h-gatea{animation:hGatea 1.4s ease-in-out infinite}
.h-camina{animation:hCamina 1s ease-in-out infinite}
.h-trota{animation:hTrota .6s ease-in-out infinite alternate}
.h-trato{animation:hTrato 2.4s ease-in-out infinite}
@keyframes hGatea{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes hCamina{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes hTrota{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes hTrato{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@media (prefers-reduced-motion:reduce){.an-hero-svg g{animation:none}}
@media (min-width:980px){.porque-bg{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 30%)!important}
.porque-bg::after{background:linear-gradient(0deg,#1c1c1c 0%,rgba(28,28,28,0) 30%),linear-gradient(180deg,#1c1c1c 0%,rgba(28,28,28,0) 14%)}}
/* ProMatch: registro */
.pm-reg .kicker{display:block;margin-bottom:18px}
.pm-campos{border:0;padding:0;margin:0;min-width:0}
.pm-campos .fila2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:560px){.pm-campos .fila2{grid-template-columns:1fr}}
.pm-reg select{width:100%}
.pm-quien{margin-bottom:16px}
/* Informe: tres bloques y calculadora por plan */
.inf-bloques{display:grid;gap:16px;margin-top:10px}
@media (min-width:900px){.inf-bloques{grid-template-columns:repeat(3,1fr)}}
.inf-bloque{border:1px solid rgba(255,231,201,.16);border-radius:14px;padding:22px}
.ib-k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo-vivo)}
.inf-bloque h3{font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:21px;margin:6px 0 14px;color:var(--crema)}
.inf-bloque ul{list-style:none;display:grid;gap:12px}
.inf-bloque li{display:grid;gap:2px;padding-left:16px;position:relative}
.inf-bloque li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--rojo)}
.inf-bloque li b{font-weight:600;font-size:15px;color:var(--crema)}
.inf-bloque li span{font-size:14px;opacity:.75;line-height:1.45}
.inf-calc{display:grid;gap:24px;margin-top:46px;padding:clamp(20px,3vw,34px);background:var(--crema);color:var(--negro);border-radius:6px}
@media (min-width:900px){.inf-calc{grid-template-columns:1fr 1fr;align-items:center}}
.inf-calc h3{font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:clamp(22px,2.2vw,28px);margin:6px 0 8px}
.inf-calc p{font-size:15px}
.ic-l{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;font-weight:600;font-size:15px}
.ic-l output{font-family:var(--epic);font-size:24px;color:var(--rojo)}
.inf-calc input[type=range]{width:100%;accent-color:var(--rojo)}
.ic-res{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ic-res>div{background:#fff;border:2px solid var(--negro);padding:14px}
.ic-res b{display:block;font-family:var(--epic);font-size:clamp(24px,2.6vw,34px);color:var(--rojo);line-height:1.05}
.ic-res span{font-size:13px}
.ic-res .nota-p{grid-column:1/-1;opacity:.75;margin:0;font-size:12.5px}
/* Academy: cursos */
.cursos{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.cursos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cursos{grid-template-columns:1fr}}
.curso{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--crema);border:2px solid var(--negro);padding:20px;transition:transform .2s var(--rebote),box-shadow .2s}
.curso:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--negro)}
.curso-n{font-family:var(--epic);font-size:30px;color:var(--rojo);line-height:1}
.curso-vis{position:relative;height:110px;display:flex;justify-content:center;align-items:flex-end}
.curso-vis::before{content:"";position:absolute;left:50%;bottom:0;width:90px;height:90px;margin-left:-45px;border-radius:50%;background:var(--rojo)}
.curso-vis .fig{position:relative;margin-bottom:46px}
.curso h3{font-family:var(--clash);font-weight:700;text-transform:uppercase;font-size:18px;line-height:1.15}
.curso p{font-size:14.5px}
.curso ul{list-style:none;display:grid;gap:4px;font-size:13.5px;margin:2px 0 8px}
.curso li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rojo);margin-right:8px;vertical-align:middle}
.curso .link{margin-top:auto;align-self:flex-start}
/* Carrusel: botón de play cuando el teléfono bloquea el autoplay */
.vc-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(229,35,34,.92);box-shadow:0 8px 24px rgba(0,0,0,.4);display:none;z-index:3;pointer-events:none}
.vc-play::after{content:"";position:absolute;left:27px;top:21px;border-left:20px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent}
.vc-item.bloq[data-d="0"] .vc-play{display:block;animation:latido 1.6s ease-out infinite}
/* Audiencia interactiva (fichas de deportistas) */
.aud-viz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:18px;margin-top:8px}
.aud-card{background:#fff8ef;border:1px solid rgba(28,28,28,.08);border-radius:18px;padding:22px;min-width:0}
.aud-pais,.aud-ciu{grid-column:1/-1}
.aud-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.aud-cnt,.aud-mini,.aud-fuente{font-size:13px;color:var(--gris)}
.aud-fuente{margin-top:14px}
.dona-w{position:relative;width:min(220px,100%);margin:10px auto 6px}
.dona{width:100%;display:block}
.dona circle{fill:none;stroke-width:20}
.dona .d-bg{stroke:rgba(28,28,28,.08)}
.d-seg{transition:stroke-width .3s,opacity .3s;cursor:pointer}
.d-m{stroke:var(--negro)}.d-f{stroke:var(--rojo)}
.aud-gen[data-sel="m"] .d-f,.aud-gen[data-sel="f"] .d-m{opacity:.25}
.aud-gen[data-sel="m"] .d-m,.aud-gen[data-sel="f"] .d-f{stroke-width:24}
.dona-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.dona-c b{font-family:var(--epic);font-size:40px;line-height:1;color:var(--negro)}
.dona-c span{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-top:4px}
.aud-ley{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}
.aud-ley button,.aud-ley span{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:14px;color:var(--negro);background:none;border:1px solid rgba(28,28,28,.15);border-radius:99px;padding:6px 12px;cursor:pointer}
.aud-ley span{border:0;padding:0 6px;font-size:12px;color:var(--gris);cursor:default}
.aud-ley button.on{background:var(--negro);color:var(--crema);border-color:var(--negro)}
.sw{width:10px;height:10px;border-radius:50%;display:inline-block}
.sw.m{background:var(--negro)}.sw.f{background:var(--rojo)}.sw.u{background:#d9c7ae}
.aud-ley button.on .sw.m{background:var(--crema)}
.aud-tg{display:inline-flex;background:rgba(28,28,28,.06);border-radius:99px;padding:3px}
.aud-tg button{font:inherit;font-size:13px;border:0;background:none;padding:6px 12px;border-radius:99px;cursor:pointer;color:var(--negro)}
.aud-tg button.on{background:var(--rojo);color:#fff}
.cols{display:flex;align-items:flex-end;gap:8px;height:230px;margin-top:14px}
.col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--negro)}
.col-v{font-size:13px;font-weight:600;text-align:center;margin-bottom:6px;transition:opacity .3s}
.col-b{flex:0 1 auto;height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:flex-end;border-radius:8px 8px 0 0;overflow:hidden}
.col-b i{display:block;width:100%;height:0;transition:height .9s var(--golpe)}
.col-b .s-m{background:var(--negro)}.col-b .s-f{background:var(--rojo)}.col-b .s-u{background:#d9c7ae}
.col-e{font-size:12px;text-align:center;margin-top:8px;color:var(--gris);white-space:nowrap}
.col.top .col-v{color:var(--rojo)}
.col:hover .col-b,.col:focus-visible .col-b{outline:2px solid var(--rojo);outline-offset:2px}
.aud-ley.chica{justify-content:flex-start;margin-top:12px}
.mapa-w{position:relative;margin:6px -6px 4px}
.mapa{width:100%;display:block}
.mapa .pz{stroke:#fff8ef;stroke-width:.6;cursor:pointer;transition:fill .25s,opacity .25s}
.pz.n1{fill:#f4a58f}.pz.n2{fill:#ee7d66}.pz.n3{fill:#e9573f}.pz.n4{fill:#e2392a}.pz.n5{fill:var(--rojo)}
.mapa.foco .pz{opacity:.35}.mapa.foco .pz.sel{opacity:1;fill:var(--negro)}
.mapa-info{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:8px;background:var(--negro);color:var(--crema);border-radius:99px;padding:7px 14px;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.mapa-info em{font-style:normal;color:var(--rojo-vivo);font-weight:600}
.aud-top{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.aud-top li button,.aud-top li.otros{position:relative;width:100%;display:flex;align-items:center;gap:8px;font:inherit;font-size:14px;color:var(--negro);background:rgba(28,28,28,.04);border:1px solid transparent;border-radius:12px;padding:10px 12px;overflow:hidden;cursor:pointer;text-align:left}
.aud-top li.otros{cursor:default;color:var(--gris)}
.aud-top .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.aud-top b,.aud-top .fl{position:relative}
.aud-top li button i{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:rgba(229,35,34,.12)}
.aud-top li button.on,.aud-top li button:hover{border-color:var(--rojo)}
.ciu-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:center}
.ec{width:100%;max-height:340px;display:block}
.ec .ec-vec{fill:#efe0cb;stroke:#fff8ef;stroke-width:.03}
.ec .ec-pais{fill:#e8d6be;stroke:#fff8ef;stroke-width:.04}
.ec .pin{cursor:pointer}
.ec .pin circle{fill:var(--rojo);transition:opacity .3s}
.ec .pin .halo{opacity:.18}
.ec .pin.on circle{fill:var(--negro)}
.ec .pin.on .halo{opacity:.25;animation:latido 1.6s ease-out infinite;transform-box:fill-box;transform-origin:center}
.ciu-in .aud-top{grid-template-columns:1fr;margin:0}
@media (max-width:760px){
  .aud-viz{grid-template-columns:minmax(0,1fr)}
  .aud-card{padding:18px 16px}
  .cols{height:200px;gap:5px}.col-v{font-size:11px}.col-e{font-size:10.5px}
  .ciu-in{grid-template-columns:minmax(0,1fr)}
  .ec{max-height:300px}
  .aud-top{grid-template-columns:1fr}
  .mapa-w{margin:6px -10px 4px}
  .mapa-info{position:static;display:inline-flex;margin:8px 0 0 10px;font-size:13px;padding:6px 12px}
  .aud-cnt{width:100%}
}
/* Test: ¿qué tipo de deportista eres? (Academy) */
.tdt-elenco{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;margin:10px 0 0;position:relative;padding-bottom:14px}
.tdt-elenco::after{content:"";position:absolute;left:0;right:0;bottom:44px;height:3px;background:var(--negro)}
.tdt-pj{margin:0;display:flex;flex-direction:column;align-items:center;gap:22px;transition:transform .4s var(--golpe),opacity .4s}
.tdt-pj img{height:clamp(150px,17vw,230px);width:auto;max-width:100%;object-fit:contain;object-position:bottom;transform-origin:50% 100%;transition:transform .4s var(--golpe)}
.tdt-pj:hover img{transform:translateY(-6px) rotate(-2deg)}
.tdt-pj figcaption{font-family:var(--epic);text-transform:uppercase;font-size:13px;letter-spacing:.02em;text-align:center}
.tdt-elenco.res .tdt-pj{opacity:.25}
.tdt-elenco.res .tdt-pj.hoy,.tdt-elenco.res .tdt-pj.meta{opacity:1}
.tdt-elenco.res .tdt-pj.meta img{transform:scale(1.08)}
.tdt-elenco.res .tdt-pj.hoy figcaption::after{content:" · hoy";color:var(--rojo)}
.tdt-elenco.res .tdt-pj.meta figcaption::after{content:" · meta";color:var(--rojo)}
.tdt-elenco.res .tdt-pj.hoy.meta figcaption::after{content:" · tú"}
.tdt-caja{max-width:860px;margin:26px auto 0}
.tdt-inicio{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.tdt-inicio p{margin:0;max-width:440px}
.tdt-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.tdt-num{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.tdt-barra{flex:1;height:6px;background:rgba(28,28,28,.12);max-width:300px}
.tdt-barra i{display:block;height:100%;background:var(--rojo);transition:width .5s var(--golpe)}
.tdt-q{font-family:var(--epic);text-transform:uppercase;font-size:clamp(24px,3vw,36px);line-height:.95;margin:0 0 20px}
.tdt-ops{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tdt-op{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;font-size:16px;line-height:1.3;color:var(--negro);background:#fff;border:2px solid var(--negro);padding:14px 16px;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.tdt-op b{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--negro);color:var(--crema);font-size:13px}
.tdt-op:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--negro)}
.tdt-op.sel{background:var(--rojo);color:#fff;border-color:var(--rojo)}
.tdt-op.sel b{background:#fff;color:var(--rojo)}
.tdt-atras{background:none;border:0;font:inherit;font-size:14px;color:var(--gris);cursor:pointer;padding:0;margin-top:16px;text-decoration:underline}
.tdt-paso{animation:tdtEntra .45s var(--golpe)}
@keyframes tdtEntra{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.tdt-res{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}
.tdt-fig{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:320px}
.tdt-fig::before{content:"";position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:var(--rojo);left:7%;bottom:6%}
.tdt-fig img{position:relative;height:340px;max-width:100%;object-fit:contain;animation:tdtSalta .7s var(--golpe)}
@keyframes tdtSalta{from{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:none}}
.tdt-res h3{font-family:var(--epic);text-transform:uppercase;font-size:clamp(34px,4.4vw,56px);line-height:.9;margin:4px 0 6px}
.tdt-res .tdt-alias{font-size:18px;color:var(--rojo);margin:0 0 12px}
.tdt-res dl{display:grid;gap:10px;margin:16px 0}
.tdt-res dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.tdt-res dd{margin:2px 0 0}
.tdt-meta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:10px;background:var(--negro);color:var(--crema);padding:18px 0 0 20px;margin:110px 0 18px;overflow:visible}
.tdt-meta-tx{padding-bottom:18px}
.tdt-meta-pj{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center}
.tdt-meta-pj img{position:relative;height:230px;max-width:none;margin-top:-80px;display:block;animation:tdtAsoma .8s .2s var(--golpe) both}
@keyframes tdtAsoma{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.tdt-globo{position:absolute;z-index:2;right:150px;top:-104px;width:230px;background:var(--crema);color:var(--negro);font-size:13.5px;line-height:1.3;padding:10px 13px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.18);transform:rotate(-3deg);quotes:none;animation:tdtAsoma .6s .7s var(--golpe) both}
.tdt-globo::after{content:"";position:absolute;right:18px;bottom:-11px;border:7px solid transparent;border-top:12px solid var(--crema);transform:skewX(25deg)}
.tdt-meta span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;display:block}
.tdt-meta b{font-family:var(--epic);text-transform:uppercase;font-size:22px;color:var(--rojo-vivo)}
.tdt-meta p{margin:4px 0 0;font-size:14px;opacity:.85}
.tdt-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.tdt-form .campo{margin:0}
.tdt-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.tdt-nota{font-size:13px;color:var(--gris);text-align:center;margin-top:14px}
@media (max-width:760px){
  .tdt-elenco{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 14px;scrollbar-width:none}
  .tdt-elenco::-webkit-scrollbar{display:none}
  .tdt-elenco::after{left:0;right:auto;width:200%}
  .tdt-pj{flex:0 0 34%;scroll-snap-align:center}
  .tdt-pj img{height:170px}
  .tdt-ops{grid-template-columns:1fr}
  .tdt-op{font-size:15px;padding:12px 14px}
  .tdt-res{grid-template-columns:1fr;gap:6px}
  .tdt-fig{min-height:250px}.tdt-fig img{height:260px}
  .tdt-fig::before{width:72%;left:14%}
  .tdt-form{grid-template-columns:1fr}
  .tdt-meta{grid-template-columns:minmax(0,1fr) 120px;padding:16px 0 0 16px;margin-top:120px}
  .tdt-meta-pj img{height:190px;margin-top:-90px}
  .tdt-globo{right:64px;top:-104px;width:min(230px,66vw);font-size:12.5px}
  .tdt-globo::after{right:14px}
}