/* v4 · Experiencia dinámica: intro, revelados, selector y microinteracciones. Sin recursos remotos. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.76,0,.24,1)}
.no-js .replay-intro{display:none!important}

/* ---------- Intro ---------- */
.intro{display:none}
.intro-ring{display:none}
.intro-on body{overflow:hidden}
.intro-on .intro{display:grid}
.intro{position:fixed;inset:0;z-index:200;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 50% 40%,#0a4fc0 0%,#053796 38%,#002488 70%,#001657 100%);-webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%),transparent var(--r,0px),#000 calc(var(--r,0px) + 1px));mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%),transparent var(--r,0px),#000 calc(var(--r,0px) + 1px))}
.intro-bg,.intro-bg>span{position:absolute;pointer-events:none}
.intro-bg{inset:0}
.intro-grid{inset:-2px;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 0%,transparent 70%);mask-image:radial-gradient(circle at 50% 45%,#000 0%,transparent 70%);animation:gridMove 14s linear infinite}
@keyframes gridMove{to{background-position:64px 64px,64px 64px}}
.intro-glow{width:60vmax;height:60vmax;left:-15vmax;top:-25vmax;border-radius:50%;background:radial-gradient(circle,#00a7c655 0%,transparent 65%);animation:glow 9s ease-in-out infinite alternate}
.intro-glow.g2{left:auto;right:-20vmax;top:auto;bottom:-30vmax;background:radial-gradient(circle,#5b9bff40 0%,transparent 65%);animation-duration:11s}
@keyframes glow{to{transform:translate(8vmax,6vmax) scale(1.1)}}
.reg{font:200 34px/1 ui-monospace,monospace;color:#ffffff70;opacity:0;animation:fadeIn .8s .9s forwards}
.reg.r1{left:6vw;top:9vh}.reg.r2{right:6vw;top:9vh}.reg.r3{left:6vw;bottom:9vh}.reg.r4{right:6vw;bottom:9vh}
.intro-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;width:min(860px,100%)}
.intro-kicker{display:flex;align-items:center;gap:10px;color:#dfeaff;font-size:11px;margin:0 0 34px;opacity:0;animation:upIn .8s .15s var(--ease-out) forwards}
.intro-dot{width:7px;height:7px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 0 #c7ff6799;animation:pulse 2s 1s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px #c7ff6700}100%{box-shadow:0 0 0 0 #c7ff6700}}
.intro-logo{margin:0;width:min(560px,80vw);letter-spacing:0}
.intro-logo img{width:100%;height:auto;clip-path:inset(0 100% 0 0);filter:blur(10px);transform:scale(1.04);animation:logoIn 1.3s .35s var(--ease-out) forwards}
@keyframes logoIn{to{clip-path:inset(0 0 0 0);filter:blur(0);transform:none}}
.intro-line{display:block;width:120px;height:2px;background:var(--acento);margin:30px 0 26px;transform:scaleX(0);animation:lineIn .9s 1.2s var(--ease-out) forwards}
@keyframes lineIn{to{transform:scaleX(1)}}
.intro-tag{font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.03em;font-weight:600;margin:0 0 12px;opacity:0;animation:upIn .9s 1.35s var(--ease-out) forwards}
.intro-tag em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.intro-areas{font-size:11px;color:#cfdcf5;margin:0 0 36px;opacity:0;animation:upIn .9s 1.5s var(--ease-out) forwards}
.intro-cta{position:relative;width:200px;height:200px;display:grid;place-items:center;opacity:0;animation:popIn 1s 1.65s var(--ease-out) forwards}
.intro-orbit{position:absolute;inset:0;width:100%;height:100%;animation:spin 18s linear infinite;fill:#dfeaff;font:600 11.5px ui-monospace,monospace;letter-spacing:3.2px}
@keyframes spin{to{transform:rotate(360deg)}}
.intro-enter{position:relative;width:128px;height:128px;border-radius:50%;border:0;background:#fff;color:var(--tinta);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:17px;font-weight:700;letter-spacing:-.01em;box-shadow:0 18px 50px #00103f80,0 0 0 0 #ffffff55;transition:background .3s,transform .3s var(--ease-out),box-shadow .3s;animation:breathe 2.6s 2.6s ease-in-out infinite}
.intro-enter-arrow{font-size:22px;line-height:1;transition:transform .3s var(--ease-out)}
.intro-enter:hover,.intro-enter:focus-visible{background:var(--acento)}
.intro-enter:hover .intro-enter-arrow{transform:translateX(6px)}
.intro-enter:focus-visible{outline:3px solid #fff;outline-offset:6px;box-shadow:0 0 0 3px var(--tinta)}
@keyframes breathe{50%{box-shadow:0 18px 50px #00103f80,0 0 0 14px #ffffff10}}
.intro-hint{margin:26px 0 0;font-size:10px;color:#b9cbef;opacity:0;animation:fadeIn 1s 2.3s forwards}
.intro-skip{position:absolute;right:clamp(18px,4vw,48px);top:clamp(18px,4vh,40px);z-index:3;background:#ffffff12;border:1px solid #ffffff55;color:#fff;padding:10px 16px;min-height:44px;font-size:12px;font-weight:600;letter-spacing:.02em;border-radius:999px;transition:background .2s;opacity:0;animation:fadeIn .6s .6s forwards}
.intro-skip:hover{background:#ffffff26}
.intro-skip:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
.intro-proto{position:absolute;left:clamp(18px,4vw,48px);bottom:clamp(16px,4vh,36px);margin:0;font-size:9px;color:#b9cbef;z-index:3}
@keyframes upIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@keyframes fadeIn{to{opacity:1}}
/* Salida: el contenido se recoge y se abre un círculo desde el botón. */
.intro.is-leaving .intro-inner>*,.intro.is-leaving .intro-skip,.intro.is-leaving .intro-proto,.intro.is-leaving .reg{transition:opacity .45s,transform .6s var(--ease-io)!important;opacity:0!important;transform:translateY(-14px) scale(.96)!important;animation:none}
.intro.is-leaving .intro-cta{opacity:1!important;transform:scale(.6)!important;animation:none}
.intro.is-leaving .intro-orbit{opacity:0;transition:opacity .3s}
.intro-on .intro-ring,.intro-ring.is-active{display:block}
.intro-ring{position:fixed;z-index:201;left:var(--x,50%);top:var(--y,50%);width:calc(var(--r,0px)*2);height:calc(var(--r,0px)*2);transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--acento);box-shadow:0 0 40px #c7ff6750,inset 0 0 40px #c7ff6730;pointer-events:none;opacity:0}
.intro-ring.is-active{opacity:1}
.intro.is-fading{transition:opacity .45s ease;opacity:0}
/* Revelado del sitio bajo la intro */
.js .home-hero .hero-media img{transition:transform 1.6s var(--ease-out)}
.intro-on .home-hero .hero-media img{transform:scale(1.18)}

/* ---------- Titular palabra a palabra ---------- */
.hero-title{outline:none}
.js .hero-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .09em .12em 0;margin:0 -.09em -.12em 0}
.js .hero-title .w>span{display:inline-block;transform:translateY(115%) rotate(4deg);transform-origin:0 100%}
.js.hero-play .hero-title .w>span{transform:none;transition:transform 1s var(--ease-out) calc(var(--i)*120ms + 80ms)}
.js .hero-in{opacity:0;transform:translateY(22px)}
.js.hero-play .hero-in{opacity:1;transform:none;transition:opacity .8s ease calc(var(--d)*110ms + 150ms),transform .9s var(--ease-out) calc(var(--d)*110ms + 150ms)}

/* ---------- Hero ---------- */
.home-hero .hero-media{position:absolute;inset:-6% 0 -6% 0;will-change:transform}
.home-hero .hero-visual img{position:absolute;inset:0}
.hero-badge{position:absolute;z-index:4;left:calc(var(--gutter) + 478px);bottom:44px;width:112px;height:112px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#ffffff10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff40;transition:background .3s,transform .3s}
.hero-badge:hover{background:var(--acento);color:var(--tinta);text-decoration:none}
.hero-badge svg{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);animation:spin 16s linear infinite;fill:currentColor;font:600 9.5px ui-monospace,monospace;letter-spacing:2.1px}
.hero-badge>span{font-size:22px;animation:bob 1.8s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(5px)}}
.hero-badge:focus-visible{outline-color:var(--acento);box-shadow:0 0 0 3px var(--tinta);border-radius:50%}

/* ---------- Cabecera ---------- */
.site-header{transition:padding .35s var(--ease-out),box-shadow .35s}
.site-header.is-scrolled{padding-top:12px;padding-bottom:12px;box-shadow:0 10px 30px #00248814}
.scroll-progress{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:linear-gradient(90deg,var(--elec),var(--acento));transform-origin:0 50%;transform:scaleX(var(--p,0));pointer-events:none}

/* ---------- Marquee ---------- */
.marquee{background:var(--tinta);color:#fff;overflow:hidden;padding:26px 0;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;position:relative}
.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.marquee-group li{font-size:clamp(28px,3.6vw,52px);font-weight:650;letter-spacing:-.04em;line-height:1.1;white-space:nowrap;display:flex;align-items:center}
.marquee-group li::after{content:"+";font:200 .8em/1 ui-monospace,monospace;color:var(--acento);margin:0 .6em;-webkit-text-stroke:0}
.marquee-group li.o{color:transparent;-webkit-text-stroke:1.2px #ffffffcc}
.marquee-group li.o::after{color:var(--acento)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- Revelados por scroll ---------- */
.js [data-reveal]:not([data-reveal=stagger]){opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform 1s var(--ease-out)}
.js [data-reveal=stagger]>*{opacity:0;transform:translateY(34px);transition:opacity .8s ease calc(var(--s,0)*110ms),transform 1s var(--ease-out) calc(var(--s,0)*110ms)}
.js [data-reveal].is-in:not([data-reveal=stagger]),.js [data-reveal=stagger].is-in>*{opacity:1;transform:none}

/* ---------- Tarjetas v4 ---------- */
.services{background:var(--papel)}
.v4-cards{perspective:1000px;align-items:start}
.v4-cards .card{transform-style:preserve-3d;transition:transform .5s var(--ease-out),background .35s,border-color .35s,box-shadow .35s,opacity .8s ease calc(var(--s,0)*110ms);overflow:hidden;padding-bottom:22px;min-height:290px;display:flex;flex-direction:column}
.js [data-reveal=stagger].is-in>.card.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px))}
.v4-cards .card::before{margin-bottom:22px}
.card-icon{width:46px;height:46px;fill:none;stroke:var(--azul);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px;transition:stroke .3s,transform .5s var(--ease-out)}
.v4-cards .card h3,.v4-cards .card p{transition:color .3s}
.v4-cards .card>p{flex:0 0 auto}
.card-glare{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(400px circle at var(--gx,50%) var(--gy,50%),#ffffff2e,transparent 45%);transition:opacity .3s}
.v4-cards .card:hover,.v4-cards .card.is-open{background:var(--azul);border-color:var(--azul);box-shadow:0 30px 60px -25px #00248880;--ty:-6px}
.v4-cards .card:hover .card-glare{opacity:1}
.v4-cards .card:hover h3,.v4-cards .card:hover p,.v4-cards .card.is-open h3,.v4-cards .card.is-open p{color:#fff}
.v4-cards .card:hover::before,.v4-cards .card.is-open::before{color:var(--acento)}
.v4-cards .card:hover::after,.v4-cards .card.is-open::after{color:#fff}
.v4-cards .card:hover .card-icon,.v4-cards .card.is-open .card-icon{stroke:var(--acento);transform:translateZ(30px) scale(1.06)}
.card-more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0 4px;min-height:44px;color:var(--azul);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:color .3s}
.card-more span{font:300 20px/1 ui-monospace,monospace;transition:transform .35s var(--ease-out)}
.card-more[aria-expanded=true] span{transform:rotate(45deg)}
.v4-cards .card:hover .card-more,.v4-cards .card.is-open .card-more{color:#fff}
.card-more:focus-visible{outline-color:var(--acento)}
.no-js .card-more{display:none}
.card-detail{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--ease-out)}
.card-detail>div{overflow:hidden}
.js .card-detail{grid-template-rows:0fr}
.js .card.is-open .card-detail{grid-template-rows:1fr}
.card-detail p{padding-top:14px;font-size:14px}
.chips{list-style:none;padding:0;margin:4px 0 6px;display:flex;flex-wrap:wrap;gap:6px}
.chips li{font:600 10px/1 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border:1px solid currentColor;border-radius:999px}
.v4-cards .chips{color:#fff}
.v4-cards .card::after{display:none}

/* ---------- Selector ---------- */
.selector{background:#fff;position:relative;overflow:hidden}
.selector::before{content:"";position:absolute;right:-12%;top:-30%;width:60%;height:120%;background:radial-gradient(closest-side,#5b9bff1c,transparent);pointer-events:none}
.selector-head{margin-bottom:40px}
.selector-head h2{margin-bottom:0}
.selector-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:48px;align-items:stretch;position:relative}
.selector-tabs{display:flex;flex-direction:column;border-top:1px solid var(--linea)}
.selector-tabs [role=tab]{position:relative;display:grid;grid-template-columns:44px 1fr 30px;align-items:center;gap:12px;text-align:left;background:none;border:0;border-bottom:1px solid var(--linea);padding:24px 6px;color:var(--grafito);font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.03em;line-height:1.15;overflow:hidden;min-height:64px}
.selector-tabs [role=tab]::before{content:"";position:absolute;inset:0;background:var(--azul);transform:scaleX(0);transform-origin:0 50%;transition:transform .55s var(--ease-out);z-index:0}
.selector-tabs [role=tab]>*{position:relative;z-index:1;transition:color .3s,transform .4s var(--ease-out)}
.selector-tabs [role=tab] em{font-family:Georgia,serif;font-weight:400;color:var(--azul)}
.st-num{color:#7787a0;font-size:11px}
.st-arrow{font-size:22px;color:var(--azul);opacity:0;transform:translateX(-10px)}
.selector-tabs [role=tab]:hover .st-txt{transform:translateX(8px)}
.selector-tabs [role=tab]:hover .st-arrow{opacity:1;transform:none}
.selector-tabs [role=tab][aria-selected=true]::before{transform:scaleX(1)}
.selector-tabs [role=tab][aria-selected=true]>*,.selector-tabs [role=tab][aria-selected=true] em{color:#fff}
.selector-tabs [role=tab][aria-selected=true] .st-num{color:var(--acento)}
.selector-tabs [role=tab][aria-selected=true] .st-arrow{opacity:1;transform:none;color:var(--acento)}
.selector-tabs [role=tab]:focus-visible{outline-offset:-3px}
.selector-stage{position:relative;min-height:480px}
.selector-panel{display:grid;grid-template-columns:1.05fr 1fr;height:100%;background:var(--tinta);color:#fff;outline:none}
.selector-panel:focus-visible{outline:3px solid var(--elec);outline-offset:4px}
.sp-img{position:relative;overflow:hidden;min-height:300px}
.sp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-img img.pos-left{object-position:18% 70%}
.sp-img figcaption{position:absolute;left:12px;bottom:12px;right:12px;font-size:10px;line-height:1.4;color:#fff;background:#002488c8;padding:4px 8px;width:fit-content}
.sp-body{padding:44px 38px;display:flex;flex-direction:column;justify-content:center}
.sp-body .mono{color:var(--acento)}
.sp-body h3{color:#fff;font-size:clamp(26px,2.5vw,36px);letter-spacing:-.035em;margin:16px 0 14px}
.sp-body p{color:#dce7fb;font-size:15px}
.sp-body .chips{color:#cfe0ff;margin-bottom:26px}
.sp-body .btn{background:#fff;border-color:#fff;color:var(--tinta)!important;align-self:flex-start}
.sp-body .btn:hover{background:var(--acento);border-color:var(--acento)}
.sp-body .btn:focus-visible{outline-color:var(--acento)}
.selector-panel.is-entering .sp-img img{animation:imgWipe .9s var(--ease-out) both}
.selector-panel.is-entering .sp-body>*{animation:upIn .7s var(--ease-out) both}
.selector-panel.is-entering .sp-body>*:nth-child(2){animation-delay:.06s}
.selector-panel.is-entering .sp-body>*:nth-child(3){animation-delay:.12s}
.selector-panel.is-entering .sp-body>*:nth-child(4){animation-delay:.18s}
.selector-panel.is-entering .sp-body>*:nth-child(5){animation-delay:.24s}
@keyframes imgWipe{from{clip-path:inset(0 0 0 100%);transform:scale(1.12)}to{clip-path:inset(0 0 0 0);transform:none}}

/* ---------- Bridge, CTA ---------- */
.bridge-img{overflow:hidden}
.bridge-img img.parallax{height:120%;top:-10%;will-change:transform}
.cta-band{position:relative;overflow:hidden}
.cta-band::before{content:"+";position:absolute;right:-2vw;top:-6vw;font:100 32vw/1 ui-monospace,monospace;color:#ffffff0a;pointer-events:none}

/* ---------- Cursor y magnéticos (solo puntero fino) ---------- */
.cursor-ring{display:none}
.has-cursor .cursor-ring{display:block;position:fixed;left:0;top:0;z-index:150;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:1.5px solid #fff;mix-blend-mode:difference;pointer-events:none;transform:translate3d(var(--cx,-100px),var(--cy,-100px),0) scale(var(--cs,1));transition:transform .18s var(--ease-out),opacity .3s,background .3s;opacity:0}
.has-cursor .cursor-ring.is-visible{opacity:1}
.has-cursor .cursor-ring.is-hover{--cs:1.7;border-width:1px}
.intro-on .cursor-ring{opacity:0!important}
.magnetic{will-change:transform}

/* ---------- Responsive ---------- */
@media(max-width:1100px){.hero-badge{left:auto;right:var(--gutter);bottom:40px}.selector-grid{grid-template-columns:1fr;gap:28px}.selector-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:0;gap:8px}.selector-tabs [role=tab]{grid-template-columns:1fr;border:1px solid var(--linea);padding:16px 14px;font-size:17px;gap:6px;align-content:start}.st-arrow{display:none}.selector-tabs [role=tab]:hover .st-txt{transform:none}}
@media(max-width:900px){.v4-cards .card{min-height:0}.selector-panel{grid-template-columns:1fr}.sp-img{min-height:280px}.selector-stage{min-height:0}}
@media(max-width:640px){
.intro-logo{width:min(330px,82vw)}.intro-kicker{font-size:9px;margin-bottom:26px}.intro-tag{font-size:24px}.intro-areas{font-size:9px;max-width:290px;line-height:1.7;margin-bottom:26px}.intro-cta{width:170px;height:170px}.intro-enter{width:112px;height:112px;font-size:16px}.intro-orbit{font-size:13px;letter-spacing:2.6px}.intro-hint{display:none}.intro-skip{font-size:11px;padding:8px 14px}.reg{font-size:24px}.reg.r1,.reg.r2{top:12vh}
.hero-badge{display:none}
.home-hero .hero-media{inset:0}
.marquee{padding:18px 0}.marquee-group li{font-size:28px}
.selector-tabs{grid-template-columns:1fr 1fr}.selector-tabs [role=tab]{font-size:16px;padding:14px 12px;min-height:84px}
.sp-img{min-height:220px}.sp-body{padding:28px 22px}
.v4-cards .card:hover{--ty:0px}
.cta-band::before{display:none}
}
@media(hover:none){.v4-cards .card:hover:not(.is-open){background:#fff;border-color:var(--linea);box-shadow:none;--ty:0px}.v4-cards .card:hover:not(.is-open) h3{color:var(--negro)}.v4-cards .card:hover:not(.is-open) p{color:var(--grafito)}.v4-cards .card:hover:not(.is-open) .card-icon{stroke:var(--azul);transform:none}.v4-cards .card:hover:not(.is-open) .card-more{color:var(--azul)}.v4-cards .card:hover:not(.is-open)::before{color:var(--azul)}}
.v4-cards .card:not(:hover):not(.is-open) .chips{color:var(--azul)}

/* ---------- Movimiento reducido ---------- */
@media(prefers-reduced-motion:reduce){
.intro-logo img,.intro-kicker,.intro-line,.intro-tag,.intro-areas,.intro-cta,.intro-hint,.intro-skip,.reg{animation:none!important;opacity:1!important;clip-path:none!important;filter:none!important;transform:none!important}
.intro-orbit,.intro-grid,.intro-glow,.hero-badge svg,.hero-badge>span,.intro-dot,.intro-enter{animation:none!important}
.intro-on .home-hero .hero-media img{transform:none}
.intro.is-fading{transition:opacity .3s linear!important}
.js .hero-title .w>span,.js .hero-in,.js [data-reveal]:not([data-reveal=stagger]),.js [data-reveal=stagger]>*{transform:none!important;opacity:1!important}
.marquee-track{animation:none;flex-wrap:wrap;width:auto}.marquee-group[aria-hidden]{display:none}.marquee-group{flex-wrap:wrap;justify-content:center;padding:0 var(--gutter);row-gap:6px}.marquee-group li{font-size:24px}
.js [data-reveal=stagger].is-in>.card.tilt,.js [data-reveal=stagger]>.card.tilt{transform:none!important}
.home-hero .hero-media,.bridge-img img.parallax{transform:none!important}
}

/* Ajustes tras revisión visual */
.intro .intro-enter,.intro .intro-enter:focus-visible{border-radius:50%}
.intro-enter:focus-visible{outline:2px solid #fff;outline-offset:8px;box-shadow:0 18px 50px #00103f80}
.hero-title:focus,.hero-title:focus-visible{outline:none;box-shadow:none}
.site-header{background:#fff}
.home-hero .hero-bottom .cross{visibility:hidden}
@media(max-width:1100px){.home-hero .hero-bottom .cross{visibility:visible}}

/* v8e · collage «4 empresas» (pestaña 02): en una columna (≤900 px) el hueco era muy apaisado (hasta 2,9:1) y cortaba caras;
   se fija a 16:10, la proporción de la versión apaisada del collage, para que no se recorten caras ni logos. */
.sp-img.sp-ropa picture{position:absolute;inset:0}
/* en una columna el pie va debajo de la foto: sobre el collage tapaba el logo de «norte crudo» o el escudo del club */
@media(max-width:900px){
  .sp-img.sp-ropa{min-height:0;display:flex;flex-direction:column}
  .sp-img.sp-ropa picture{position:relative;display:block;aspect-ratio:16/10}
  .sp-img.sp-ropa figcaption{position:static;width:auto;max-width:none;margin:0;padding:7px 12px}
}