@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--gold:#ffcc57;--gold2:#d88c22;--night:#030a11;--silver:#f4f6fa}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020507;color:#fff;font-family:Montserrat,Arial,sans-serif}button{font:inherit;cursor:pointer}#viewport{width:100vw;height:calc(100dvh - 67px);position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#122230,#03070d 66%)}#designStage{width:1536px;height:864px;position:absolute;top:50%;left:50%;transform-origin:center center;overflow:hidden;background:#061019;box-shadow:0 0 65px #000}.page{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .9s ease,visibility .9s ease;background:#06101b}.page.active{opacity:1;visibility:visible;pointer-events:auto}.page:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #0009;z-index:12}.intro-page{background:#000;display:flex;align-items:center;justify-content:center}.intro-back{position:absolute;inset:-140px;background:radial-gradient(ellipse,#453319 0,transparent 55%),#000;filter:blur(70px)}.intro-page video{height:864px;width:100%;object-fit:contain;position:relative;z-index:1}.intro-controls{position:absolute;bottom:20px;left:40px;right:40px;z-index:2;display:flex;gap:15px;align-items:center;background:#050a1099;border:1px solid #d9a84b4a;padding:14px 22px;border-radius:16px;backdrop-filter:blur(12px)}.intro-controls span{margin-left:auto;font-size:13px;color:#b3bdc4}.gold-button{border:1px solid #ffe59a;background:linear-gradient(110deg,#fff1aa,#d8942e);color:#1b1309;font-weight:800;padding:13px 21px;border-radius:30px;box-shadow:0 0 25px #c88e4944}.ghost-button{border:1px solid #e1c58170;background:#071018b0;color:#fff;padding:13px 21px;border-radius:30px}.control-bar{height:67px;background:#04090f;border-top:1px solid #aa7b3878;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:20px}.brand-label{font-weight:900;letter-spacing:2px;font-size:12px}.brand-label small{font-size:10px;color:#b9c2cc;margin-left:12px}.mini-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#efbc57;box-shadow:0 0 18px #ffc969;margin-right:8px}.buttons{display:flex;gap:20px;align-items:center}.buttons button,.full-button{border:1px solid #997a4e;background:#121c28;color:#fff;padding:10px 18px;border-radius:25px;font-size:12px}.buttons button:hover,.full-button:hover{background:#44321e}#chapterInfo{min-width:200px;text-align:center;font-size:11px;letter-spacing:1.2px;color:#ffd16b}.full-button{font-size:20px;padding:6px 15px}
/* Identidad de la portada: conservada en etapa de cotejo, no declarada aprobada. */
.portada-page{background:radial-gradient(ellipse at 24% 50%,#263447 0,#0a141f 55%,#03070b)}.ambient-1,.ambient-2{position:absolute;border-radius:50%;filter:blur(65px);opacity:.42}.ambient-1{left:-150px;top:120px;width:650px;height:700px;background:#8b5219}.ambient-2{right:20px;top:0;width:620px;height:300px;background:#243b58}.cover-visual{position:absolute;top:35px;left:55px;width:565px;height:785px;overflow:hidden;border:2px solid #d9ad63;border-radius:42px;box-shadow:0 0 28px #d19c5270,inset 0 0 25px #c69d6770}.cover-visual img{width:100%;height:100%;object-fit:cover}.portada-copy{position:absolute;left:706px;top:166px;right:85px}.eyebrow{letter-spacing:6px;font-size:19px;font-weight:800;color:#f4c66d}.small-line{height:4px;width:165px;background:linear-gradient(90deg,#ffe0a2,transparent);margin:26px 0}.portada-copy h1{font-size:71px;line-height:1.13;letter-spacing:-2px;margin:0;font-weight:900;text-shadow:0 5px 9px #000}.portada-copy h1 span{color:#ffd36f;text-shadow:0 0 23px #efa7437a}.cover-sub{font-size:24px;color:#e4e8ec;line-height:1.4;margin:27px 0}.cover-rule{width:90%;height:4px;background:linear-gradient(90deg,#ffc45e,#efb93b,transparent);box-shadow:0 0 14px #ffb84d}.cover-chips{margin-top:45px;display:flex;flex-wrap:wrap;gap:12px;max-width:650px}.cover-chips span{padding:10px 16px;border:1px solid #a88149;border-radius:30px;color:#e8e9eb;font-size:13px;letter-spacing:1px;background:#0c1924}.cover-note{position:absolute;top:550px;font-size:11px;color:#9b8c70;letter-spacing:1.5px}.orbit-brand{position:absolute;right:120px;top:23px;width:150px;height:150px}.orbit-brand img{width:140px;height:140px;object-fit:contain;position:absolute;inset:5px;mix-blend-mode:screen;animation:logo3d 15s ease-in-out infinite}.ring{position:absolute;border:1px solid #fac55fa6;border-radius:50%;inset:-5px;box-shadow:0 0 13px #ffb53a99}.ring-one{animation:ringRoll 11s linear infinite}.ring-two{inset:-14px;border-style:dashed;animation:ringRoll 17s linear infinite reverse}.moving-beam{width:850px;height:2px;background:linear-gradient(90deg,transparent,#fff3ad,transparent);position:absolute;transform:rotate(-27deg);box-shadow:0 0 17px #f7b75a}.beam1{top:112px;left:-215px;animation:sweepBeam 12s linear infinite}.beam2{top:680px;left:680px;animation:sweepBeam 17s linear infinite reverse}
/* Página 2 reconstruida en componentes independientes; nada del lado derecho es imagen raster. */
.monitoring-page{background:radial-gradient(ellipse at 68% 45%,#0d1826 0%,#040a12 62%,#030609 100%)}.bg-grid{position:absolute;inset:0;background:repeating-linear-gradient(145deg,transparent 0 130px,#18304430 131px 132px,transparent 133px 240px);opacity:.14}.corner-beam{position:absolute;width:730px;height:3px;box-shadow:0 0 14px #ffbc48,0 0 38px #f6a338;background:linear-gradient(90deg,transparent,#ffc14d,#fff8c9,transparent)}.tl{left:-250px;top:100px;transform:rotate(-46deg)}.br{right:-250px;bottom:115px;transform:rotate(-39deg)}.monitor-image-shell{position:absolute;left:32px;top:9px;width:679px;height:847px;border-radius:31px;overflow:hidden;filter:drop-shadow(0 0 21px #eab25244);animation:imageBreath 12s ease-in-out infinite}.monitor-original{width:100%;height:100%;object-fit:contain}.photo-glow{position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(105deg,transparent 41%,#ffecb218 49%,transparent 58%);transform:translateX(-110%);animation:photoSheen 12s ease-in-out infinite}.monitor-copy{position:absolute;left:777px;top:105px;width:680px}.section-kicker{font-weight:750;color:#e4b95f;letter-spacing:5px;font-size:16px}.section-kicker span{margin:0 15px;color:#c99038}.kicker-rule{height:2px;width:420px;background:linear-gradient(90deg,#ffc85f,#c58a26,transparent);margin-top:19px;box-shadow:0 0 8px #d89f40}.monitor-heading{font-size:80px;line-height:.96;letter-spacing:-4px;margin:22px 0 0;font-weight:900}.monitor-heading span{display:block;color:#e9eaf0;text-shadow:0 4px 1px #aeb0b3,0 12px 16px #0008,0 -3px 12px #ffffff44}.monitor-heading strong{display:block;font-size:92px;letter-spacing:-4px;margin-top:0;color:#f3bd49;background:linear-gradient(180deg,#fff8c5 0%,#ffe896 21%,#d99a24 58%,#fff0b6 82%,#9b681b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 7px 6px #060606)}.heading-light{position:relative;left:9px;height:3px;width:420px;background:linear-gradient(90deg,transparent,#ffbd59,transparent);box-shadow:0 0 21px #e7a247;margin-top:-2px;animation:lightLength 6s ease-in-out infinite}.monitor-lead{font-size:20px;font-weight:400;line-height:1.44;color:#f1f1f1;width:669px;margin-top:20px;margin-bottom:20px}.monitor-features{display:grid;grid-template-columns:330px 330px;column-gap:29px;row-gap:19px}.feature{display:grid;grid-template-columns:86px 1fr;gap:14px;min-height:110px;align-items:start}.feature-icon{height:83px;width:83px;border-radius:50%;border:2px solid #f8d576;display:grid;place-items:center;background:radial-gradient(circle,#3425195e,#060a0fc4);box-shadow:0 0 10px #ffd678aa,0 0 26px #f2ab3e33,inset 0 0 15px #f8cf5752;animation:iconPulse 5s ease-in-out infinite}.feature-icon svg{width:48px;height:48px;fill:none;stroke:#f8bd4a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature h3{font-size:19px;font-weight:800;margin:4px 0 9px;line-height:1.1;color:#f8f8f8;text-shadow:0 0 7px #fff2}.feature p{font-size:14.5px;font-weight:400;color:#cdd2d7;line-height:1.33;margin:0}.footer-line{position:absolute;top:674px;left:0;width:674px;height:31px;display:flex;align-items:center;gap:22px;border-top:1px solid #dcb2639c;padding-top:25px}.footer-line p{white-space:nowrap;letter-spacing:4.0px;font-size:13.5px;color:#ddd;margin:0}.footer-line p b{color:#e9ad39;padding:0 7px}.left-dash,.right-dash{width:33px;height:2px;background:#c99b50}.skr-orbit{position:absolute;right:26px;top:12px;width:275px;height:220px;perspective:760px;pointer-events:none}.orbit-disc{position:absolute;left:26px;right:25px;top:5px;bottom:13px;border-radius:50%;background:radial-gradient(ellipse,#1b1c1b 1%,#0b0b0b 60%,transparent 70%);filter:blur(11px)}.skr-emblem{position:absolute;top:25px;left:48px;width:175px;height:177px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 15px #e7b44a64);backface-visibility:visible;animation:logo3d 12s ease-in-out infinite}.skr-ring{position:absolute;inset:12px 15px;border-radius:50%;border:2px solid #e6ab4e6e;box-shadow:0 0 13px #d59b49aa;transform:rotate(-10deg);animation:ringRoll 8s linear infinite}.skr-ring1{border-top-color:#fff0b5;border-bottom-color:transparent;border-left-color:transparent}.skr-ring2{inset:0 0;border-right-color:transparent;border-bottom-color:#fff3baaa;animation-duration:13s;animation-direction:reverse}.twinkle{position:absolute;width:24px;height:24px;filter:drop-shadow(0 0 13px #ffd79a);background:radial-gradient(circle,#fff 0 9%,#ffd177 20%,transparent 45%);animation:twinkle 3.8s infinite}.twinkle:after,.twinkle:before{content:'';position:absolute;left:10px;top:-15px;width:3px;height:55px;background:linear-gradient(transparent,#ffdf9d,transparent)}.twinkle:after{transform:rotate(90deg)}.tw1{top:49px;left:10px}.tw2{top:182px;left:250px;animation-delay:1.4s}.tw3{top:9px;left:166px;animation-delay:2.5s}
.page.active .reveal{animation:riseUp .8s both;animation-delay:var(--lag,.18s)}.page.active .feature.reveal:nth-child(2){animation-delay:.35s}.page.active .feature.reveal:nth-child(3){animation-delay:.52s}.page.active .feature.reveal:nth-child(4){animation-delay:.69s}#stage-shine{position:absolute;inset:0;pointer-events:none;z-index:30;opacity:0;background:linear-gradient(96deg,transparent 31%,#edbb5952 50%,transparent 63%);transform:translateX(-110%)}#stage-shine.transitioning{animation:stageSwipe .9s both}
@keyframes logo3d{0%,100%{transform:perspective(700px) rotateY(-17deg) rotateX(4deg)}30%{transform:perspective(700px) rotateY(18deg) rotateX(-5deg)}55%{transform:perspective(700px) rotateY(-8deg) rotateX(7deg)}75%{transform:perspective(700px) rotateY(9deg) rotateX(-2deg)}}@keyframes ringRoll{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.65)}35%{opacity:1;transform:scale(1.35)}70%{opacity:.6;transform:scale(1)}}@keyframes riseUp{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes imageBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes photoSheen{0%,30%{transform:translateX(-110%)}50%,100%{transform:translateX(110%)}}@keyframes iconPulse{0%,100%{box-shadow:0 0 10px #ffd678aa,0 0 26px #f2ab3e33,inset 0 0 15px #f8cf5752}50%{box-shadow:0 0 15px #ffe7a8,0 0 38px #f2ab3e66,inset 0 0 21px #f8cf5799}}@keyframes lightLength{50%{filter:brightness(1.6);width:540px}}@keyframes stageSwipe{0%{transform:translateX(-110%);opacity:0}40%{opacity:1}100%{transform:translateX(110%);opacity:0}}@keyframes sweepBeam{0%{opacity:.1;translate:-100px 0}55%{opacity:.9}100%{opacity:.1;translate:130px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* ══════ GRUPO SKR · Capas animables, referencias 2026 ══════ */
.unit-page{background:radial-gradient(ellipse at 49% 48%,#0d1a28 0%,#04101a 57%,#02080f 100%);isolation:isolate}
.unit-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(137deg,transparent 42%,#172c3a30 57%,transparent 80%)}
.unit-page .universal-orbit{z-index:11;right:13px;top:0px;transform:scale(.75);transform-origin:top right}
.unit-kicker{color:#ebba54;letter-spacing:2.2px;font-weight:850;font-size:19px;margin-bottom:15px}
.unit-line{width:min(100%,660px);height:3px;background:linear-gradient(90deg,#f6bd4b,#ffdd8a,transparent);box-shadow:0 0 13px #c78720;margin:13px 0 27px;position:relative}
.unit-line:after{content:"";position:absolute;height:4px;width:85px;background:#fff4c1;box-shadow:0 0 18px #ffc558;animation:unitLight 9s ease-in-out infinite}
@keyframes unitLight{0%,100%{left:0;opacity:0}35%{opacity:1}65%{left:85%;opacity:.45}}
.unit-title{font-weight:900;font-size:64px;letter-spacing:-2.7px;line-height:1.11;margin:0 0 21px;text-shadow:0 3px 11px #0008;color:#f4f6fa}
.unit-title em{font-style:normal;color:#efb849;background:linear-gradient(160deg,#fff4c6 0%,#f3c758 38%,#d99224 75%,#ffe0a1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #d18f2830)}
.silver-metal{background:linear-gradient(#fff,#cdd2d9 70%,#969da5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.unit-desc{font-size:21px;color:#c1c8d0;line-height:1.48;margin:0;max-width:670px}
.glass-photo{overflow:hidden;border:2px solid #d8ad59;border-radius:22px;box-shadow:0 0 20px #e2b3563a,inset 0 0 14px #b7934b30;background:#02080c;position:absolute}
.glass-photo:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 20px #080b1166;border-radius:inherit}
.glass-photo img{width:100%;height:100%;object-fit:contain;display:block}
.right-unit-copy{position:absolute;left:720px;top:80px;width:714px}
.right-unit-copy .unit-line{width:660px}
.right-unit-copy .unit-desc{font-size:21px;line-height:1.5;max-width:670px}
.unit-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 19px;margin-top:29px}
.mini-card{min-width:0;min-height:114px;border:1.7px solid #d7ab54;border-radius:17px;padding:16px 17px 14px;display:flex;gap:13px;align-items:flex-start;background:linear-gradient(135deg,#14243390,#09141fd6);position:relative}
.mini-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 22%,#ffe59e0e 55%,transparent 78%);animation:miniShine 9s linear infinite}
@keyframes miniShine{30%,60%{opacity:.7}50%{background-position:200px 0}}
.mini-card h3{font-size:19px;line-height:1.12;margin:2px 0 9px;font-weight:850;color:#f6f6f8}
.mini-card p{font-size:14.5px;color:#acb6c2;line-height:1.37;margin:0}
.mini-icon{width:39px;height:39px;flex:none;display:grid;place-items:center;border:1px solid #fac560;border-radius:50%;color:#edb14f;box-shadow:0 0 12px #c78d3766}
.mini-icon svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.unit-footer{font-size:18px;letter-spacing:1.1px;color:#aeb8c2;font-weight:800;margin-top:27px}
/* Respuesta Motorizada, cinematic blocks */
.moto-photo{left:16px;top:22px;width:780px;height:634px;border:0;border-radius:0 75px 25px 0;clip-path:polygon(0 0,100% 0,92% 93%,0 100%);box-shadow:none}
.moto-photo img{object-fit:cover;object-position:center top;filter:saturate(1.05)}
.moto-copy{position:absolute;left:816px;top:109px;width:612px}
.moto-copy .unit-title{font-size:52px;letter-spacing:-2.1px;margin:14px 0 12px;line-height:1.05}
.moto-copy .unit-line{width:310px}
.moto-copy .unit-desc{font-size:16px;max-width:528px;line-height:1.32;margin-top:15px}
.moto-points{display:grid;grid-template-columns:1fr;gap:9px;margin-top:15px;width:580px}
.moto-points .mini-card{min-height:71px;padding:10px 13px;align-items:center}
.moto-points .mini-icon{height:34px;width:34px}
.moto-points .mini-card h3{font-size:16px;margin:0 0 5px}
.moto-points .mini-card p{font-size:13px}
.moto-actions{position:absolute;left:25px;bottom:24px;width:690px;height:154px;display:flex;justify-content:space-around;gap:13px;padding:20px 10px 8px;align-items:center;background:linear-gradient(180deg,#04070dde,#0a0c10e8);border:2px solid #d5a644;border-radius:35px}
.action-badge{display:grid;justify-items:center;align-items:center;text-align:center;gap:8px;width:147px;font-size:13px;line-height:1.12}
.action-badge svg{width:58px;height:58px;padding:12px;border:2px solid #ffb838;border-radius:50%;box-shadow:0 0 16px #e8a33d;stroke:#ffca51;stroke-width:1.8;fill:none}
.action-badge strong{color:#fff}
.moto-small-gallery{position:absolute;left:769px;bottom:26px;display:flex;gap:15px}
.moto-small{position:relative;width:344px;height:192px;border-radius:20px 27px 18px 19px;transform:skewX(-6deg)}
.moto-small img{object-fit:cover;transform:skewX(6deg) scale(1.08);filter:brightness(.87)}
.moto-small span{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#090c13ed;color:white;font-size:13px;letter-spacing:1px;padding:9px 4px;font-weight:800}
/* Supervision */
.supervision-page .left-hero-photo{left:50px;top:82px;width:600px;height:688px}
.supervision-page .left-hero-photo img{object-fit:cover;object-position:center}
.supervision-page .right-unit-copy{top:130px}
.supervision-page .unit-title{font-size:67px}
.supervision-page .unit-quad{margin-top:35px}
/* Seguridad fisica (a separately supplied reference with overlapping original numbering) */
.fisica-photo{top:26px;left:25px;width:720px;height:575px;clip-path:polygon(0 0,100% 0,96% 100%,0 100%);border-radius:0;border-width:0}
.fisica-photo img{object-fit:cover;object-position:45% center}
.fisica-copy{left:816px;top:102px;position:absolute;width:614px}
.fisica-copy .unit-title{font-size:68px;line-height:.98;text-transform:uppercase;font-style:italic}
.fisica-copy .unit-line{width:340px}
.fisica-copy .unit-desc{font-size:18px;color:#eee}
.fisica-lines{margin-top:20px;display:grid;gap:6px}
.fisica-line{display:flex;gap:16px;align-items:center;min-height:59px;border-bottom:1px solid #bf9d4b88}
.fisica-line svg{width:37px;height:37px;border:1px solid #ffbf55;border-radius:50%;padding:7px;color:#f8c358;stroke:currentColor;stroke-width:1.7;fill:none;box-shadow:0 0 9px #deab5070}
.fisica-line span{display:grid;gap:4px}
.fisica-line strong{font-size:16px;color:#efbd59}
.fisica-line small{font-size:13px;color:#e3e4e5}
.fisica-strip{position:absolute;left:15px;right:15px;bottom:15px;display:flex;gap:14px;height:223px;align-items:flex-end}
.strip-shot{position:relative;width:24%;height:100%;clip-path:polygon(9% 0,100% 0,90% 100%,0 100%);border-bottom:3px solid #e8b85c;overflow:hidden;background:#090e19}
.strip-shot img{width:100%;height:100%;object-fit:cover;filter:brightness(.9)}
.strip-shot b{position:absolute;bottom:0;left:0;right:0;padding:12px;text-align:center;background:#040912e6;letter-spacing:.3px;font-size:12.5px}
/* Left photographic art + live right-hand layout */
.portrait-art{left:48px;top:48px;width:606px;height:760px;display:grid;place-items:center}
.portrait-art img{object-fit:contain;max-width:100%;max-height:100%;filter:drop-shadow(0 0 13px #c28f4e60)}
.porteria-page .right-unit-copy{top:91px}
.porteria-page .unit-quad{margin-top:46px}
.porteria-page .mini-card{min-height:124px}
.porteria-page .unit-footer{margin-top:38px;font-size:15px}
.ti-photo{left:42px;top:44px;width:640px;height:772px}
.ti-photo img{object-fit:cover;object-position:50% center}
.ti-page .right-unit-copy{top:115px}
.ti-page .unit-title{font-size:58px}
.ti-page .right-unit-copy .unit-desc{font-size:19px}
.headline-accent{font-size:23px;font-weight:800;color:#efbd52;margin-top:25px;line-height:1.23}
.headline-accent span{color:#f8f9fa}
.tech-cards{display:flex;gap:12px;margin-top:20px}
.tech-card{width:33%;height:177px;border:2px solid #d6ad58;border-radius:15px;background:#081322d6;display:grid;place-content:center;justify-items:center;gap:11px;box-shadow:inset 0 0 20px #c3911522}
.tech-card svg{width:90px;height:90px;padding:19px;border:2px solid #fad173;border-radius:50%;stroke:#f8ba3c;stroke-width:1.6;fill:none;box-shadow:0 0 22px #d9943270}
.tech-card h3{font-size:17px;letter-spacing:.3px;margin:0}
/* Gallery = actual changing DOM image, separate thumbnail buttons */
.carousel-panel{left:47px;top:42px;width:645px;height:783px;display:flex;flex-direction:column;padding:12px 13px 11px}
.carousel-main{height:626px;flex:0 0 626px;display:grid;place-items:center;position:relative;overflow:hidden}
.carousel-main:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:2px;box-shadow:0 0 12px #e9b650;background:#d8ae53}
.gallery-current{max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain;animation:galleryReveal .72s both}
.gallery-current.switching{animation:galleryReveal .72s both}
@keyframes galleryReveal{from{opacity:.1;transform:scale(1.055);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
.gallery-thumbs{display:flex;justify-content:center;gap:9px;height:100px;align-items:center;margin-top:9px}
.thumb{height:79px;min-width:0;flex:1;padding:4px;border:1px solid #917d58;border-radius:9px;background:#050b14;transition:border-color .2s,box-shadow .2s,transform .2s}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.selected,.thumb:hover{border:2px solid #f6c25f;box-shadow:0 0 14px #faad486d;transform:translateY(-2px)}
.gallery-dots{height:16px;display:flex;align-items:center;justify-content:center;gap:9px}
.gallery-dots i{width:9px;height:9px;border-radius:50%;background:#4a4740}
.gallery-dots i.on{background:#ffd169;box-shadow:0 0 10px #dfa74e}
.soporte-page .right-unit-copy,.hik-page .right-unit-copy{top:98px}
.soporte-page .unit-title,.hik-page .unit-title{font-size:60px}
.soporte-page .unit-desc,.hik-page .unit-desc{font-size:18px}
.soporte-page .unit-quad,.hik-page .unit-quad{margin-top:22px;gap:14px}
.soporte-page .mini-card,.hik-page .mini-card{min-height:104px;padding:12px 13px}
.soporte-page .mini-card h3,.hik-page .mini-card h3{font-size:16px}
.soporte-page .mini-card p,.hik-page .mini-card p{font-size:13.5px}
.soporte-page .unit-footer,.hik-page .unit-footer{font-size:15px;margin-top:16px}
.hik-gallery .carousel-main{height:610px;flex-basis:610px}
.hik-gallery .gallery-thumbs{height:104px}
.hik-gallery .thumb{flex:none;width:160px}
/* SOF-IA: real image, chat cues and live typesetting */
.sofia-photo{left:30px;top:45px;width:760px;height:757px}
.sofia-photo img{object-fit:cover;object-position:46% center;filter:brightness(.72)}
.sofia-photo:before{position:absolute;content:"";z-index:1;inset:0;background:linear-gradient(90deg,transparent 35%,#001a2496)}
.sofia-bubbles{position:absolute;top:125px;left:485px;width:310px;display:grid;gap:19px}
.sofia-bubbles span{font-size:14px;border:1px solid #4cdaff;background:#0a2130d9;padding:15px;border-radius:16px;box-shadow:0 0 18px #1e9cfb49;animation:bubbleFloat 5s ease-in-out infinite}
.sofia-bubbles span:nth-child(2){margin-left:30px;border-color:#21dccc;animation-delay:1s}.sofia-bubbles span:nth-child(3){margin-right:30px;border-color:#d0a257;animation-delay:2s}
@keyframes bubbleFloat{50%{transform:translateY(-6px)}}
.sofia-copy{position:absolute;top:113px;left:824px;width:587px}
.sofia-copy .unit-line{width:400px}
.sofia-copy .unit-title{font-size:90px;letter-spacing:-3px;margin:0}
.sofia-copy .unit-desc{font-size:19px}
.sofia-list{margin-top:24px;display:grid;gap:7px}
.sofia-row{display:flex;align-items:center;gap:17px;min-height:83px;border-bottom:1px solid #b58c426f}
.sofia-row svg{height:55px;width:55px;flex:none;padding:12px;border:2px solid #cfa04a;border-radius:50%;stroke:#f6c45c;stroke-width:1.6;fill:none;box-shadow:0 0 16px #cda13f55}
.sofia-row h3{font-size:17px;font-weight:850;margin:0 0 5px}
.sofia-row p{font-size:14px;color:#d3d7dc;margin:0;line-height:1.25}
/* Interactive WhatsApp mockup */
.sim-left{left:37px;top:35px;width:680px;height:785px;display:flex;align-items:center;justify-content:center;padding:12px}
.sim-tabs{display:grid;gap:12px;position:absolute;left:14px;top:145px;width:149px;z-index:2}
.flow-tab{display:flex;align-items:center;gap:10px;min-height:68px;background:#0b1220;color:white;border:1px solid #bb9350;border-radius:14px;padding:9px 8px;font-size:15px;font-weight:650}
.flow-tab svg{width:32px;height:32px;padding:7px;border:1px solid #d2a85c;border-radius:50%;stroke:#f2be59;stroke-width:1.75;fill:none}
.flow-tab.selected{background:#30230f;border-color:#ffdc73;box-shadow:0 0 17px #fac05386}
.smartphone{position:absolute;left:181px;top:22px;width:443px;height:635px;border:6px solid #bb9659;border-radius:48px;overflow:hidden;background:#05101b;box-shadow:0 0 15px #f2bc6355,inset 0 0 9px #000;display:flex;flex-direction:column}
.phone-notch{position:absolute;left:125px;top:3px;width:180px;height:18px;background:#02070c;border-radius:0 0 17px 17px;z-index:3}
.phone-header{height:82px;flex:0 0 82px;background:#10231f;display:flex;align-items:center;gap:12px;padding:14px 18px 5px;margin-top:12px;border-bottom:1px solid #24443d}
.wa-emblem{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff3b6,#e3ae4e);color:#030b10;font-size:28px;font-weight:900}
.phone-header div{display:grid;gap:2px}.phone-header strong{font-size:17px}.phone-header strong b{color:#42d08c}.phone-header small{font-size:12px;color:#a8b4b5}.head-icons{margin-left:auto;font-size:26px;color:#d3e0da}
.chat-screen{height:480px;overflow:auto;padding:15px 14px;background:linear-gradient(145deg,#091d24,#0b1a22 50%,#0a0f18);display:flex;flex-direction:column;gap:11px;scrollbar-width:thin;scrollbar-color:#536d63 transparent}
.chat-bubble{max-width:88%;padding:11px 15px;border-radius:14px;font-size:15.5px;line-height:1.3;box-shadow:0 2px 6px #0004;animation:bubbleEnter .45s both}
.chat-bubble.bot{background:#1d3041;align-self:flex-start;border-top-left-radius:2px}
.chat-bubble.user{background:#056b4b;align-self:flex-end;border-top-right-radius:2px}
.chat-bubble small{display:block;text-align:right;font-size:10px;color:#c4d4d7;margin-top:5px}
.chat-bubble.typing{width:70px;letter-spacing:4px}
@keyframes bubbleEnter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.phone-messagebox{height:55px;padding:15px;background:#102329;font-size:13px;color:#bdcacc;display:flex;justify-content:space-between;align-items:center}
.phone-messagebox span{font-size:21px}
.sim-controls{position:absolute;bottom:16px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #b89560;padding-top:12px}
.sim-controls button{background:#0d1721;border:1px solid #aa894f;border-radius:25px;padding:11px 20px;color:#fff;font-size:15px;min-width:150px}
.sim-controls button:last-child{color:#101319;background:linear-gradient(100deg,#fff2aa,#f2ae3e);font-weight:800}
.sim-controls button:disabled{opacity:.38;cursor:not-allowed}
.sim-counter{text-align:center;color:#f4c465;font-weight:850;font-size:15px}.sim-counter #simDots{display:flex;gap:9px;justify-content:center;margin-top:10px}
#simDots i{height:10px;width:10px;border-radius:50%;background:#384453}#simDots i.on{background:#ffd267;box-shadow:0 0 12px #dfb250}
.sim-copy{position:absolute;top:106px;left:740px;width:705px}
.sim-copy .unit-title{font-size:55px}
.sim-copy .unit-desc{font-size:19px}
.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:36px}
.sim-grid .mini-card{min-height:148px;padding:19px}
.sim-copy .unit-footer{font-size:16px;letter-spacing:1px;margin-top:32px}
/* Lindora pages */
.full-content{position:absolute;inset:43px 52px}
.full-content .unit-line{position:absolute;top:259px;left:0;width:1392px}
.full-content .unit-title{font-size:55px;margin-top:17px;margin-bottom:13px}
.full-content .unit-desc{font-size:20px;max-width:1210px;line-height:1.42}
.full-content .unit-kicker{font-size:20px}
.data-subtitle{margin-top:18px;color:#ebbb56;font-size:17px;font-weight:800;letter-spacing:1.3px}
.metricas-page .full-content .unit-line{top:295px}
.data-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:48px}
.data-metric{height:139px;border:1.7px solid #d8af5a;border-radius:17px;background:#0c1c2bd6;padding:24px 20px;display:flex;flex-direction:column;gap:10px}
.data-metric strong{font-size:43px;color:#edba55;letter-spacing:1.8px;line-height:1}
.data-metric span{font-size:15.5px;color:#e1e4eb}
.data-notes{display:grid;grid-template-columns:2.1fr 1fr;gap:24px;margin-top:30px}
.data-notes>div{min-height:128px;padding:19px 22px;border:1.5px solid #cfa553;border-radius:16px;background:#051420b0}
.data-notes>div:first-child{border-color:#e6e5df}
.data-notes strong{font-size:19px;color:#f2c15e}.data-notes>div:last-child strong{color:#fff}
.data-notes p{color:#bac2cb;font-size:16px;line-height:1.4;margin:10px 0 0}
.data-notes>div:last-child p{font-size:13.2px}
.mapa-page .full-content .unit-line{display:none}
.map-stats{display:flex;gap:18px;margin-top:22px;width:995px}
.map-stat{width:235px;height:93px;display:flex;align-items:center;gap:17px;border:1.8px solid #dcb051;border-radius:15px;padding:13px}
.map-stat strong{font-size:43px;color:#f5c45e}.map-stat span{font-size:14px;line-height:1.2;color:#e3e5ec}
.map-photo{left:0;top:397px;width:995px;height:345px;display:grid;place-items:center}
.map-photo img{height:100%;width:auto;max-width:100%;object-fit:contain}
.map-operational{position:absolute;top:205px;right:0;width:374px;height:538px;border:1.5px solid #e5e8ec;border-radius:24px;padding:22px 23px;background:#061622f0}
.map-operational h3{font-size:22px;color:#f0b64e;margin:0 0 20px}
.map-op{display:flex;gap:15px;align-items:flex-start;margin:0 0 28px}
.map-op svg{width:23px;height:23px;flex:none;padding:3px;border:2px solid #f4bb50;border-radius:50%;stroke:#f2c466;stroke-width:1.7;fill:none}
.map-op b{font-size:18px}.map-op p{margin:8px 0 0;font-size:15px;color:#9caebc;line-height:1.35}
.map-bottom{position:absolute;bottom:15px;left:23px;color:#bec6cd;font-weight:850;font-size:18px}
.camaras-page .full-content .unit-line{top:235px}
.cam-grid{position:absolute;left:0;top:289px;width:999px;height:458px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:17px}
.cam-card{border:1.7px solid #d6aa54;border-radius:17px;padding:8px 12px 10px;min-height:0;overflow:hidden;background:#060e17e3}
.cam-visual{height:154px;display:grid;place-items:center}
.cam-visual img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 5px #fff1)}
.cam-card h3{font-size:18px;margin:6px 0 4px}.cam-card p{font-size:13.2px;line-height:1.2;color:#aab6c0;margin:0}
.cam-ops{position:absolute;top:289px;right:0;width:372px;height:458px;border:1.7px solid #e1e1dd;border-radius:20px;background:#061521ed;padding:24px}
.cam-ops h3{color:#eec05b;font-size:19px;margin:0 0 22px}
.cam-op{display:flex;gap:15px;margin-bottom:25px}
.cam-op svg{width:21px;height:21px;flex:none;border:2px solid #f4c461;border-radius:50%;padding:3px;stroke:#ffd06f;fill:none;stroke-width:2}
.cam-op b{font-size:18px}.cam-op p{margin:8px 0 0;font-size:13.2px;line-height:1.35;color:#99aab7}
.cam-ops-bottom{position:absolute;bottom:8px;left:24px;font-size:17px;color:#a6b1bd;font-weight:850}
.mejora-page .full-content .unit-line{top:234px}
.management-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.management-card{height:211px;position:relative;border:1.7px solid #dcb053;border-radius:18px;background:#0b1d2bdb;padding:20px}
.management-title{display:flex;align-items:center;gap:17px}
.management-title svg{height:40px;width:40px;stroke:#edba54;border:1.6px solid #dca951;stroke-width:1.7;fill:none;padding:7px;border-radius:50%;flex:none}
.management-title h3{font-size:20px;margin:0}.management-card p{font-size:16px;color:#aab6c2;line-height:1.4;margin-top:12px}
.management-line{position:absolute;bottom:16px;left:20px;right:20px;height:23px;background:#f3be51;border-radius:20px;box-shadow:0 0 15px #e8ac4444}
.flow-heading{font-size:20px;color:#e9b951;margin:32px 0 17px}
.management-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.flow-card{border:1.4px solid #e7e7df;border-radius:16px;min-height:148px;padding:22px 16px;display:flex;gap:19px;background:#07151de3}
.flow-card>span{width:45px;height:45px;flex:none;border-radius:50%;background:#f3bd4e;display:grid;place-items:center;font-weight:900;font-size:22px;color:#101820}
.flow-card h3{font-size:18px;margin:0 0 13px}.flow-card p{font-size:15px;color:#a8b4bd;margin:0;line-height:1.4}
.management-footer{font-size:20px;letter-spacing:1.2px;color:#b3b9c3;margin-top:42px;font-weight:900}
/* Cierre: preserves exact collage image. Effects are layered above it, not baked into it. */
.closing-page{background:#010304}
.closing-collage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(.98)}
.closing-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,#090b0bbb,#000000f0 76%);opacity:0}
.closing-gold-line{position:absolute;width:164%;height:3px;left:-30%;background:linear-gradient(90deg,transparent,#e69a27,#fff2b7,#f2b346,transparent);box-shadow:0 0 19px #ffc45d,0 0 47px #f1a138;opacity:0;transform:rotate(-22deg)}
.closing-gold-line.line-a{top:34%}.closing-gold-line.line-b{top:73%;transform:rotate(17deg)}
.closing-focus{position:absolute;inset:-20%;opacity:0;background:radial-gradient(circle at center,#fff7d7d0 0%,#f5bc628a 2%,transparent 32%)}
.closing-brand{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%) scale(.42);width:430px;height:390px;opacity:0;display:grid;place-items:center;perspective:900px}
.closing-brand img{width:300px;height:300px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 27px #d8ad58)}
.closing-ring{position:absolute;inset:-20px;border:3px solid #c99b43;border-radius:50%;box-shadow:0 0 34px #dfa948;border-top-color:#fff6c3;border-bottom-color:transparent;animation:ringRoll 9s linear infinite}
.closing-copy{position:absolute;left:0;right:0;bottom:145px;text-align:center;opacity:0}
.closing-copy h2{font-size:62px;color:#f6f6f7;margin:0;text-shadow:0 4px 16px #050505;letter-spacing:2px}.closing-copy h2 em{font-style:normal;color:#f3bd5c;text-shadow:0 0 25px #f4b24b}
.closing-copy p{margin:25px 0;font-size:17px;letter-spacing:6px;color:#c2c7cb}
.closing-star{position:absolute;left:50%;top:36%;height:8px;width:8px;background:#fff;border-radius:50%;box-shadow:0 0 65px 45px #ffbb4d9c;opacity:0}
.closing-page.active .closing-gold-line.line-a{animation:closingBeam 5s .3s both}
.closing-page.active .closing-gold-line.line-b{animation:closingBeam 5s 1.4s both}
.closing-page.active .closing-shade{animation:closingDarken 5.2s 2.6s both}
.closing-page.active .closing-focus{animation:closingLight 2.8s 5.5s both}
.closing-page.active .closing-star{animation:closingSpark 2.7s 5.5s both}
.closing-page.active .closing-brand{animation:closingLogo 3s 7s both}
.closing-page.active .closing-brand img{animation:logo3d 11s 9.5s infinite}
.closing-page.active .closing-copy{animation:closingText 1.5s 9.1s both}
@keyframes closingBeam{0%{opacity:0;translate:-30% 0}40%{opacity:1}70%{opacity:.7}100%{opacity:0;translate:30% 0}}
@keyframes closingDarken{0%{opacity:0}100%{opacity:1}}
@keyframes closingLight{0%,100%{opacity:0}46%{opacity:1}}
@keyframes closingSpark{0%,100%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(2)}}
@keyframes closingLogo{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotateY(88deg);filter:blur(20px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0deg)}}
@keyframes closingText{0%{opacity:0;transform:translateY(35px);filter:blur(5px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
/* Presenter controls */
.chapter-drawer{position:fixed;bottom:67px;left:0;right:0;max-height:min(60vh,530px);overflow:auto;background:#040b12f5;border:1px solid #ba9152;padding:16px;z-index:100;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px;box-shadow:0 -18px 70px #0008}
.chapter-drawer[hidden]{display:none}
.chapter-drawer button{border:1px solid #856a42;background:#081a2b;color:#eef1f3;text-align:left;padding:11px 14px;font-size:12px;border-radius:9px;min-height:49px}
.chapter-drawer button[aria-current="true"]{background:#49351a;color:#ffd67b;border-color:#d8ab51}
.global-progress{position:fixed;left:0;bottom:67px;height:2px;right:0;z-index:105;background:#272018}
.global-progress>div{width:0;height:100%;background:linear-gradient(90deg,#db9c37,#ffe6aa);transition:width .5s}
.page.active .glass-photo{animation:imageBreath 14s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.page.active .closing-shade{opacity:1!important}.page.active .closing-brand,.page.active .closing-copy{opacity:1!important}}
/* Final layout correction: physical-security photo strip never overlaps text. */
.fisica-strip{right:auto;width:756px;height:198px;bottom:12px}
.fisica-copy{z-index:2}
.fisica-page .unit-title{line-height:1.05}
.metricas-page .data-notes{margin-top:17px}
.mejora-page .management-footer{margin-top:26px}

.closing-frame{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#050506}

/* SKR · Hotfix 2026-10-15: presentation-first viewing area & unobtrusive controls */
#viewport{height:100dvh!important;height:100vh;}
.control-bar{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);height:42px;max-width:calc(100vw - 20px);width:auto;min-width:min(760px,calc(100vw - 20px));z-index:120;padding:0 12px;gap:8px;justify-content:center;border:1px solid rgba(238,183,85,.4);border-radius:30px;background:rgba(1,8,16,.57);backdrop-filter:blur(16px);box-shadow:0 3px 16px #0006;transition:opacity .32s ease,transform .32s ease,bottom .32s ease;}
.control-bar .brand-label{font-size:10px;letter-spacing:1px;white-space:nowrap;opacity:.75}
.control-bar .brand-label small{display:none}
.control-bar .buttons{gap:5px}
.control-bar .buttons button,.control-bar .full-button{padding:6px 10px;border-radius:17px;background:rgba(18,30,41,.54);border:1px solid rgba(200,156,84,.35);font-size:10px;white-space:nowrap}
.control-bar #chapterInfo{min-width:145px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;letter-spacing:.4px}
.control-bar .full-button{font-size:18px;padding:4px 12px}
.global-progress{bottom:0;height:2px;opacity:.72;z-index:122}
.chapter-drawer{bottom:58px;border-radius:16px;left:8px;right:8px}
body.presentation-full .control-bar{bottom:6px;background:rgba(1,8,16,.42)}
body.presentation-full.chrome-hidden .control-bar{opacity:0;pointer-events:none;transform:translate(-50%,80px)}
body.presentation-full.chrome-hidden .global-progress{opacity:.08}
body.presentation-full.chrome-visible .control-bar{opacity:1;pointer-events:auto}
.intro-page video{object-fit:contain}
.intro-controls{width:max-content;max-width:calc(100% - 40px);left:auto;bottom:34px;right:28px;padding:8px 10px;gap:8px;border-radius:30px;background:rgba(6,13,20,.6);box-shadow:0 4px 25px #0007;}
.intro-controls .gold-button,.intro-controls .ghost-button{padding:8px 13px;font-size:12px;border-radius:20px;box-shadow:none}
.intro-controls span{font-size:11px;max-width:210px;line-height:1.3}
.sofia-page .sofia-photo{left:34px;top:55px;width:755px;height:743px}
.sofia-page .sofia-photo img{object-fit:contain;object-position:center;filter:none}
.sofia-page .sofia-photo:before{display:none}
.sofia-bubbles-suppressed{display:none!important}
.porteria-page .portrait-art img{object-fit:contain!important;object-position:center;filter:drop-shadow(0 0 15px rgba(211,155,71,.35));}
.moto-auto-gallery{width:703px;height:204px;left:770px;bottom:18px;border-radius:20px;display:block;overflow:hidden;transform:none!important;background:radial-gradient(ellipse at center,#1c2830,#050b12 72%);}
.moto-auto-gallery .moto-slide-stage{position:absolute;inset:0 0 0 0;display:grid;place-items:center;overflow:hidden}
.moto-auto-gallery .gallery-current{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;filter:none;}
.moto-auto-gallery .moto-slide-caption{position:absolute;left:0;bottom:5px;right:0;text-align:center;z-index:3;font-size:12px;font-weight:900;color:#f9ecbd;letter-spacing:1.5px;text-shadow:0 2px 8px #000;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent);padding:15px 4px 8px;}
.moto-auto-gallery .moto-gallery-controls{position:absolute;top:8px;right:9px;display:flex;gap:4px;z-index:5;opacity:.32;transition:opacity .2s}
.moto-auto-gallery:hover .moto-gallery-controls{opacity:1}
.moto-auto-gallery .thumb{width:47px;height:36px;flex:initial;padding:1px;border-radius:6px;}
.moto-auto-gallery .gallery-dots{position:absolute;left:15px;bottom:10px;z-index:5;gap:5px}
.moto-auto-gallery .gallery-dots i{width:7px;height:7px}
/* Do not upscale already tiny support thumbnails further; native pixel assets are needed. */
.soporte-page .gallery-current{image-rendering:auto;object-fit:contain;}
.hik-page .gallery-current{object-fit:contain;}
@media(max-width:850px){.control-bar{min-width:0;width:calc(100vw - 14px)}.control-bar .brand-label{display:none}.control-bar #chapterInfo{max-width:135px;min-width:65px}.intro-controls span{display:none}}

/* Gallery sizing: prevent natural photo height overflowing the slideshow frame. */
.moto-auto-gallery{height:204px!important;}
.moto-auto-gallery .moto-slide-stage{height:100%!important;width:100%!important;position:absolute!important;inset:0!important;overflow:hidden!important;}
.moto-auto-gallery .moto-slide-stage img.gallery-current{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:cover!important;object-position:center 72%!important;}

/* Final visual focus: keep motorbike riders visible in panoramic automatic gallery. */
.moto-auto-gallery .moto-slide-stage img.gallery-current{object-position:center 45%!important}
/* Edge treatment for the authorized SOF-IA reference: hide the right-side reference callouts that are re-typeset in HTML. */
.sofia-page .sofia-photo:after{content:'';position:absolute;right:0;top:42%;bottom:7%;width:82px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(4,12,21,.93) 91%,#040c15)}


/* =====================================================================
  GRUPO SKR · REVISION APROBADA · 15 OCT 2026
  Imagenes autorizadas, soporte fijo, mapa grande y cierre SIN iframe.
  No altera los textos, logos ni estructuras de las demas paginas.
===================================================================== */

/* Supervisión: el nuevo encuadre prioriza a los motociclistas */
.moto-auto-gallery .moto-slide-stage img.gallery-current {
  width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  object-fit:cover!important;
  object-position:center 57%!important;
  image-rendering:auto!important;
}
.moto-auto-gallery .moto-slide-stage {background:#060c11!important}
.moto-auto-gallery .moto-slide-caption {font-size:13px;letter-spacing:1px}
.moto-auto-gallery .moto-gallery-controls{opacity:.45;transition:opacity .25s}
.moto-auto-gallery:hover .moto-gallery-controls{opacity:1}

/* Soporte: UN SOLO cartel, no se amplían las antiguas miniaturas 80px */
.soporte-page .skrx-support-visual{
  position:absolute;
  left:47px;top:42px;width:645px;height:783px;
  border:2px solid #d9ae5c;border-radius:22px;
  background:radial-gradient(ellipse at center,#263139 0%,#070d15 65%);
  overflow:hidden;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 18px #ffb83c30,inset 0 0 30px #050d18;
}
.soporte-page .skrx-support-visual img{
  display:block;max-width:100%;max-height:100%;
  width:100%;height:100%;object-fit:contain;
  image-rendering:auto;
}
.soporte-page .skrx-support-visual:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 24px #f7c86b33;
}

/* Mapa grande: pagina separada JUSTO despues del mapa existente */
.page.skrx-map-big{
  background:linear-gradient(115deg,#030a13 0%,#07101c 50%,#02070d 100%)!important;
  overflow:hidden;
}
.skrx-map-big .skrx-map-big-art{
  display:block;position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;object-position:center;
  max-width:none;max-height:none;image-rendering:auto;
}

/* CIERRE INTEGRADO: no usa iframe ni recursos externos.
   El collage y el logo 3D oficiales están en assets al lado de index.html. */
.page.closing-page.skrx-native-closing{
  position:absolute;inset:0;overflow:hidden;background:#000!important;
  isolation:isolate;
}
.skrx-native-closing :is(.skrx-close-bg,.skrx-close-vignette,.skrx-close-goldflash,.skrx-close-blackout,.skrx-close-halo,.skrx-close-rays){
  position:absolute;inset:0;pointer-events:none;
}
.skrx-close-bg{background:radial-gradient(circle at 50% 40%,#322011,#030404 68%)}
.skrx-native-closing .skrx-close-collage{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;opacity:0;z-index:1;
}
.skrx-close-vignette{
  z-index:2;
  background:linear-gradient(90deg,#000a,transparent 10%,transparent 90%,#0009),
             linear-gradient(0deg,#0009,transparent 12%,transparent 90%,#0008);
}
.skrx-native-closing .skrx-close-traces{
  position:absolute;inset:0;width:100%;height:100%;z-index:3;
  pointer-events:none;opacity:0;overflow:visible;
  filter:drop-shadow(0 0 6px #ffc35c) drop-shadow(0 0 12px #eda846);
}
.skrx-close-traces path{
  stroke:#ffe7a3;stroke-width:3.8;fill:none;
  stroke-dasharray:2600;stroke-dashoffset:2600;
}
.skrx-close-goldflash{
  z-index:4;opacity:0;
  background:radial-gradient(ellipse at 50% 47%,#fff3cd 0%,#ebbe6c8c 9%,#ffc86029 23%,transparent 43%);
}
.skrx-close-blackout{
  z-index:5;opacity:0;
  background:radial-gradient(ellipse at 50% 39%,#090909ed,#000000 78%);
}
.skrx-close-halo{
  z-index:6;opacity:0;
  background:radial-gradient(ellipse at 50% 41%,#fff5d8aa 0%,#ecb95b55 12%,transparent 32%);
  filter:blur(10px);
}
.skrx-close-rays{
  z-index:7;opacity:0;
  background:
    linear-gradient(90deg,transparent 0%,#ffd47b00 30%,#f9dfb866 50%,#ffd47b00 70%,transparent 100%);
  transform:scaleX(0);
}
.skrx-native-closing .skrx-close-brand{
  position:absolute;z-index:10;left:50%;top:42%;
  width:clamp(0px,31%,480px);
  aspect-ratio:1;opacity:0;
  transform:translate(-50%,-50%) perspective(1000px) rotateY(-65deg) scale(.68);
  display:grid;place-items:center;
}
.skrx-close-brand img{
  display:block;width:100%;height:100%;object-fit:contain;
  position:relative;z-index:2;
  filter:drop-shadow(0 6px 19px #d9a04e4d);
}
.skrx-close-rings{
  position:absolute;inset:-11%;border:2px solid #e8b55a55;border-radius:50%;
  box-shadow:0 0 24px #ffc45c78,inset 0 0 28px #fab95e4e;z-index:1;
}
.skrx-close-rings:before{
  content:"";position:absolute;inset:7%;border:1px solid #f2ce7c44;border-radius:50%;
  box-shadow:0 0 17px #e4ad3c56;
}
.skrx-native-closing .skrx-close-words{
  position:absolute;z-index:12;left:50%;top:75%;
  width:100%;text-align:center;opacity:0;
  transform:translate(-50%,20px);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:clamp(26px,4.6vw,70px);font-weight:900;letter-spacing:.09em;
  color:#faf7ed;text-shadow:0 0 9px #e6b55a40,0 7px 15px #000;
  white-space:nowrap;
}
.skrx-close-words span{
  background:linear-gradient(180deg,#fff2bc 6%,#f8c763 38%,#ac701f 86%);
  color:transparent;background-clip:text;-webkit-background-clip:text;
}
.skrx-close-words i{
  display:block;margin:16px auto 0;width:41%;height:3px;
  border-radius:6px;background:linear-gradient(90deg,transparent,#b8812b,#ffe2a1,#c18528,transparent);
  box-shadow:0 0 16px #eeb34e9c;
}
.skrx-close-spark{
  position:absolute;width:8px;height:8px;border-radius:50%;z-index:14;opacity:0;
  background:#fff6d4;box-shadow:0 0 10px 5px #f2cf7d;
  pointer-events:none;
}
.skrx-close-spark-a{top:24%;left:66%}
.skrx-close-spark-b{top:63%;left:34%}

/* Animación SOLO mientras cierre es la página activa; al volver se reinicia */
.skrx-native-closing.active .skrx-close-collage{animation:skrxCollage 13s linear both}
.skrx-native-closing.active .skrx-close-traces{animation:skrxTraces 13s linear both}
.skrx-native-closing.active .skrx-close-traces path{animation:skrxDraw 13s linear both}
.skrx-native-closing.active .skrx-close-goldflash{animation:skrxFlash 13s linear both}
.skrx-native-closing.active .skrx-close-blackout{animation:skrxDark 13s linear both}
.skrx-native-closing.active .skrx-close-halo{animation:skrxHalo 13s linear both}
.skrx-native-closing.active .skrx-close-rays{animation:skrxRays 13s linear both}
.skrx-native-closing.active .skrx-close-brand{animation:skrxBrand 13s cubic-bezier(.18,.68,.4,1) both}
.skrx-native-closing.active .skrx-close-rings{animation:skrxRing 13s ease-in-out both}
.skrx-native-closing.active .skrx-close-words{animation:skrxWords 13s ease-out both}
.skrx-native-closing.active .skrx-close-spark-a{animation:skrxSpark 13s ease-in-out both}
.skrx-native-closing.active .skrx-close-spark-b{animation:skrxSpark 13s ease-in-out .17s both}
@keyframes skrxCollage{
  0%{opacity:0;transform:scale(1.025)}
  8%,42%{opacity:1;transform:scale(1)}
  57%,100%{opacity:.1;transform:scale(1.02)}
}
@keyframes skrxTraces{0%,7%{opacity:0}15%,39%{opacity:1}55%,100%{opacity:0}}
@keyframes skrxDraw{0%,8%{stroke-dashoffset:2600}34%,100%{stroke-dashoffset:0}}
@keyframes skrxFlash{0%,28%{opacity:0}37%{opacity:.16}48%{opacity:.65}60%,100%{opacity:0}}
@keyframes skrxDark{0%,38%{opacity:0}57%,100%{opacity:.98}}
@keyframes skrxHalo{0%,45%{opacity:0;transform:scale(.4)}59%{opacity:.9;transform:scale(1)}80%,100%{opacity:.14;transform:scale(1.3)}}
@keyframes skrxRays{0%,45%{opacity:0;transform:scaleX(0)}56%{opacity:1;transform:scaleX(1)}68%,100%{opacity:0;transform:scaleX(1.2)}}
@keyframes skrxBrand{
  0%,47%{opacity:0;transform:translate(-50%,-50%) perspective(1000px) rotateY(-70deg) scale(.64)}
  58%{opacity:1;transform:translate(-50%,-50%) perspective(1000px) rotateY(22deg) scale(1.08)}
  70%,100%{opacity:1;transform:translate(-50%,-50%) perspective(1000px) rotateY(0) scale(1)}
}
@keyframes skrxRing{0%,49%{opacity:0}68%,100%{opacity:1;transform:rotate(65deg)}}
@keyframes skrxWords{
  0%,68%{opacity:0;transform:translate(-50%,20px)}
  81%,100%{opacity:1;transform:translate(-50%,0)}
}
@keyframes skrxSpark{0%,51%{opacity:0;transform:scale(.15)}59%,64%{opacity:1;transform:scale(1.4)}75%,100%{opacity:0;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){
  .skrx-native-closing.active .skrx-close-collage{animation:none;opacity:.1}
  .skrx-native-closing.active .skrx-close-blackout{animation:none;opacity:.98}
  .skrx-native-closing.active .skrx-close-brand,
  .skrx-native-closing.active .skrx-close-words{animation:none;opacity:1}
  .skrx-native-closing.active .skrx-close-brand{transform:translate(-50%,-50%) rotateY(0)}
  .skrx-native-closing.active .skrx-close-words{transform:translate(-50%,0)}
}