/* Separate editorial destinations; retain the homepage's approved visual system. */
.detail-page .skip-link{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-160%);padding:12px 18px;background:#c5e43e;color:#062a31}
.detail-page .skip-link:focus{transform:none}
.page-path{padding:28px 0;border-bottom:1px solid #ffffff20;background:#062a31;color:#f8f7f2}
.page-path .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;font:700 14px var(--mono)}
.page-path a{color:#c5e43e;display:inline-flex;gap:12px}.page-path span{opacity:.65}
.detail-page main{animation:page-arrive .5s cubic-bezier(.22,1,.36,1) both}
.detail-page #agentes,.detail-page #seguridad,.detail-page #empresa{padding-top:80px}
.detail-page .detail-contact{padding:50px 0;background:#c5e43e;color:#062a31}
.detail-contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.detail-contact h2{font:700 clamp(27px,3vw,40px)/1.1 var(--mono)}
.detail-contact .btn{background:#062a31;color:#f8f7f2}
#agentes.home-summary{padding-bottom:95px}
#seguridad.home-summary{padding-bottom:95px}
.demo-launch{position:relative;isolation:isolate;overflow:hidden;padding:100px 0;background:#18112c;color:#f8f7f2;border-block:1px solid #b5a2dc40}
.demo-launch::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 45%,#8016e150,transparent 60%),linear-gradient(115deg,#071f2866,transparent)}
.demo-launch-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}
.demo-launch .demo-tag{display:flex;align-items:center;gap:12px;font:700 13px var(--mono);letter-spacing:.12em;color:#c5e43e;margin-bottom:28px}
.demo-tag::before{content:'';width:8px;height:8px;border-radius:50%;background:#c5e43e;box-shadow:0 0 20px #c5e43e70}
.demo-launch h2{font:700 clamp(40px,5.2vw,74px)/1.02 var(--mono);letter-spacing:-.045em;max-width:14ch}
.demo-launch h2 span{color:#c5e43e}
.demo-launch p{font:400 17px/1.8 var(--body);color:#d1cadd;max-width:43ch;margin:25px 0 30px}
.demo-launch .btn{background:#c5e43e;color:#062a31;min-width:230px;justify-content:space-between}
.demo-gate{position:relative;aspect-ratio:1;display:grid;place-items:center;max-width:390px;width:100%;justify-self:center;text-decoration:none;border-radius:50%;outline-offset:8px}
.demo-gate::before,.demo-gate::after{content:'';position:absolute;inset:6%;border:1px solid #b69bd84d;border-radius:50%;transition:transform .8s}
.demo-gate::after{inset:0;border-style:dashed;transform:rotate(12deg)}
.demo-gate:hover::before{transform:scale(1.08)}.demo-gate:hover::after{transform:rotate(32deg)}
.demo-gate-core{position:relative;width:68%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:36px;background:linear-gradient(140deg,#36224d,#171529);border:1px solid #d5c1f03d;box-shadow:0 30px 60px #0005,inset 0 1px 0 #ffffff25;transform:rotate(-7deg);transition:transform .6s,box-shadow .6s}
.demo-gate:hover .demo-gate-core{transform:rotate(0) translateY(-6px);box-shadow:0 35px 70px #0006,0 0 70px #8016e130}
.demo-play{font:700 78px/1 var(--mono);color:#c5e43e;margin-bottom:16px}
.demo-gate-core strong{font:700 clamp(28px,3vw,40px)/1 var(--mono);letter-spacing:.08em}.demo-gate-core small{font:700 11px var(--mono);letter-spacing:.16em;color:#c9b5de;margin-top:13px}
.demo-lobby{min-height:65vh;padding:90px 0 110px;background:radial-gradient(ellipse at 80% 15%,#56208055,transparent 55%),#151327;color:#f8f7f2}
.demo-lobby-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.demo-lobby h1{font:700 clamp(52px,6vw,86px)/1.03 var(--mono);letter-spacing:-.05em;margin:22px 0 30px}
.demo-lobby p{font-size:18px;line-height:1.8;color:#d1cadd;max-width:43ch}
.demo-lobby .status-panel{padding:38px;border:1px solid #b69bd84d;border-radius:16px;background:#ffffff04;box-shadow:0 30px 70px #0003}
.status-panel .status-label{display:inline-block;font:700 12px var(--mono);color:#c5e43e;letter-spacing:.08em;border:1px solid #c5e43e60;padding:8px 12px;margin-bottom:25px}
.status-panel h2{font:700 30px/1.15 var(--mono);margin-bottom:18px}.status-panel p{font-size:15px}
.status-panel a{display:inline-flex;margin-top:25px;color:#c5e43e;font:700 16px var(--mono);border-bottom:1px solid #c5e43e60;padding-bottom:10px}
.page-curtain{position:fixed;inset:0;z-index:2147483646;pointer-events:none;background:#062a31;opacity:0;transition:opacity .22s ease}
body.page-leaving .page-curtain{opacity:1;pointer-events:auto}
@keyframes page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:750px){.demo-launch-grid,.demo-lobby-grid{grid-template-columns:1fr;gap:40px}.demo-launch{padding:70px 0}.demo-gate{max-width:260px}.demo-lobby{padding:60px 0}.demo-lobby h1{font-size:54px}.detail-contact .wrap{align-items:start;flex-direction:column}.page-path span{display:none}.demo-lobby .status-panel{padding:28px}.detail-page #agentes,.detail-page #seguridad,.detail-page #empresa{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.page-curtain{transition:none}.detail-page main{animation:none}.demo-gate *,.demo-gate::before,.demo-gate::after{transition:none!important}}