:root{--yellow:#fdee09;--black:#070707;--gray:#f1f1ed;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:var(--body);line-height:1.55}img{max-width:100%}a{color:inherit;text-decoration:none}.skip{position:absolute;z-index:99;left:-999px;top:1rem;padding:.7rem;background:var(--yellow);color:#000}.skip:focus{left:1rem}.topbar{position:fixed;z-index:20;inset:0 0 auto;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,5vw,5.5rem);background:rgba(5,5,5,.86);border-bottom:1px solid #292929;backdrop-filter:blur(16px)}.topbar>a img{display:block;width:190px}.topbar nav{display:flex;align-items:center;gap:1.7rem;font-size:.82rem}.top-cta{padding:.65rem .9rem;background:var(--yellow);color:#000;font-weight:800}.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;padding:120px clamp(1.2rem,7vw,8rem) 5rem;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-image{background:url("../assets/img/d2smartcard/d2smartcard_horizontal.png") center/cover no-repeat}.hero-shade{z-index:-1;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.95) 35%,rgba(5,5,5,.46) 63%,rgba(5,5,5,.05))}.hero-copy{width:min(760px,50%)}.signal,.kicker{color:var(--yellow);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.signal{display:flex;align-items:center;gap:.7rem}.signal span{width:40px;height:2px;background:var(--yellow);box-shadow:0 0 15px var(--yellow)}.product-logo{display:inline-flex;width:min(390px,90%);margin:1.5rem 0;padding:.75rem 1rem;background:var(--yellow)}.product-logo img{display:block}.hero h1,.intro h2,.gallery-copy h2,.personalize h2,.offer h2,.request h2{margin:1rem 0;font:800 clamp(3.4rem,6vw,7.2rem)/.94 var(--display);letter-spacing:-.065em}.hero h1 em,.intro h2 em,.gallery-copy h2 em,.personalize h2 em,.offer h2 em,.request h2 em{display:block;margin-top:.14em;color:var(--yellow);font-style:normal}.hero-copy>p:not(.signal,.microcopy){max-width:620px;color:#c3c3bd;font-size:1.1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:.9rem 1.1rem;border:1px solid #777;background:transparent;color:#fff;font:800 .85rem var(--body);cursor:pointer}.primary{border-color:var(--yellow);background:var(--yellow);color:#000}.ghost:hover{border-color:var(--yellow)}.microcopy{color:#777;font-size:.75rem}.intro,.personalize,.offer,.request{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem)}.intro{background:var(--gray);color:#111}.intro h2,.gallery-copy h2,.personalize h2,.offer h2,.request h2{font-size:clamp(3rem,5.4vw,6.4rem)}.intro h2 em{color:#595954}.intro>p{align-self:end;max-width:680px;color:#62625d;font-size:1.1rem}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);background:#0a0a0a}.feature-list article{min-height:500px;padding:clamp(2rem,5vw,5rem);border-right:1px solid #303030;border-bottom:1px solid #303030}.feature-list article>span{display:grid;place-items:center;width:38px;height:38px;background:var(--yellow);color:#000;font-weight:900}.feature-list h3{margin:3rem 0 2rem;font:800 clamp(3rem,5vw,6rem)/.9 var(--display);letter-spacing:-.06em}.feature-list ul{display:grid;gap:.9rem;margin:0;padding:0;list-style:none;color:#aaa}.feature-list li{padding-left:1rem;border-left:4px solid var(--yellow)}.feature-list small{display:block;margin-top:1.4rem;color:#777}.banner-showcase{position:relative;overflow:hidden;padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem);background:#111}.gallery-copy{max-width:950px}.gallery-copy>p:last-child{max-width:650px;color:#aaa}.banner-stack{display:flex;gap:1rem;overflow-x:auto;margin:5rem calc(clamp(1.2rem,7vw,8rem)*-1) 0;padding:1rem clamp(1.2rem,7vw,8rem) 2rem;scroll-snap-type:x mandatory}.banner-stack div{position:relative;flex:0 0 min(70vw,390px);aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border:1px solid #444;background:linear-gradient(145deg,#262626,#090909);scroll-snap-align:center}.banner-stack div:nth-child(even){background:var(--yellow);color:#000}.banner-stack span{font-size:.75rem;font-weight:900}.banner-stack b{font:800 clamp(2rem,4vw,4rem)/.92 var(--display)}.gallery-note{color:#777;font-size:.8rem}.personalize{background:var(--gray);color:#111}.personalize h2 em{color:#5b5b56}.personalize>div>p:last-child{color:#666}.choice-block>p{display:flex;gap:.7rem;margin:0 0 1rem;font-weight:800}.choice-block>p:not(:first-child){margin-top:2rem}.choice-block>p b{color:#777}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.choice-grid.visual{grid-template-columns:repeat(2,1fr)}.choice-grid span{padding:1rem;border:1px solid #bbb;background:#fff;font-weight:700}.choice-grid span:hover{background:#111;color:var(--yellow)}.combination{display:block;margin-top:2rem;padding:1rem;background:#111;color:var(--yellow);text-align:center}.offer{align-items:center;background:var(--yellow);color:#000}.offer .kicker{color:#000}.offer h2 em{color:#000}.price{display:grid;padding:clamp(2rem,4vw,4rem);background:#080808;color:#fff}.price small{color:#999}.price del{color:#fff;font-weight:800}.price>strong{color:var(--yellow);font:800 clamp(5rem,11vw,10rem)/.9 var(--display);letter-spacing:-.08em}.price sup{font-size:.18em;letter-spacing:.04em;vertical-align:top}.price>span{text-transform:uppercase;letter-spacing:.12em}.price>b{margin:1.5rem 0;padding-top:1rem;border-top:1px solid #333}.button.dark{border-color:#fff;background:#fff;color:#000}.request{background:#f4f4f0;color:#111}.request h2 em{color:#5c5c56}.request-copy>p{color:#666}.request-copy>a{display:inline-block;margin-top:2rem;border-bottom:2px solid var(--yellow);font-weight:800}.request form{padding:clamp(1.5rem,4vw,3rem);background:#fff;border-top:8px solid var(--yellow)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}label{display:grid;gap:.45rem;margin:0 0 1rem;font-weight:700}input,select,textarea{width:100%;padding:.85rem;border:1px solid #bbb;background:#fafafa;color:#111;font:inherit}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;font-weight:400;color:#666}.consent input{width:auto;margin-top:.35rem}.trap{position:absolute;left:-9999px}.form-status{font-weight:800}.form-status.success{color:#246a35}.form-status.error{color:#9d2424}footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1.2rem,5vw,5rem);border-top:1px solid #2b2b2b;color:#888;font-size:.78rem}footer img{width:170px}footer a{color:#fff}dialog{width:min(900px,calc(100% - 1rem));max-height:94vh;padding:0;border:1px solid #333;background:#090909;color:#fff}dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}dialog video{display:block;width:auto;max-width:100%;height:78vh;margin:auto;background:#000}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #333}.modal-head>div{display:grid}.modal-head small{color:var(--yellow);text-transform:uppercase;letter-spacing:.1em}.modal-head button{width:42px;height:42px;border:1px solid #555;border-radius:50%;background:#111;color:#fff;font-size:1.7rem;cursor:pointer}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}@media(max-width:900px){.topbar nav>a:not(.top-cta){display:none}.hero{min-height:900px;align-items:flex-end}.hero-image{background-position:68% top;background-size:auto 63%;background-repeat:no-repeat}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.22) 37%,#050505 64%)}.hero-copy{width:80%}.intro,.personalize,.offer,.request{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.feature-list article{min-height:auto}.fields{grid-template-columns:1fr 1fr}}@media(max-width:620px){.topbar{height:68px}.topbar>a img{width:145px}.hero{min-height:970px;padding-top:24rem}.hero-copy{width:100%}.hero h1{font-size:13vw}.hero-actions{display:grid}.intro h2,.gallery-copy h2,.personalize h2,.offer h2,.request h2{font-size:13vw}.choice-grid,.choice-grid.visual,.fields{grid-template-columns:1fr}.offer{gap:2rem}.price>strong{font-size:25vw}footer{align-items:flex-start;flex-direction:column}dialog video{width:100%;height:auto;max-height:78vh}}

/* Refinamiento visual: contraste, retorno y atmósfera */
.back-home{margin-left:auto;margin-right:2rem;color:#aaa;font-size:.72rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}.back-home:hover{color:var(--yellow)}.back-home b{display:none}.hero h1,.intro h2,.gallery-copy h2,.personalize h2,.offer h2,.request h2{line-height:1.02}.hero h1 em,.intro h2 em,.gallery-copy h2 em,.personalize h2 em,.offer h2 em,.request h2 em{margin-top:.2em}.intro .kicker,.personalize .kicker,.request .kicker{display:flex;align-items:center;gap:.65rem;color:#111}.intro .kicker:before,.personalize .kicker:before,.request .kicker:before{content:"";width:28px;height:8px;background:var(--yellow);box-shadow:5px 5px 0 #111}.floating-network{position:fixed;z-index:8;inset:0;overflow:hidden;pointer-events:none}.floating-network span{position:absolute;display:grid;place-items:center;width:clamp(42px,4vw,74px);aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.2),rgba(253,238,9,.055) 48%,rgba(0,0,0,.16) 74%);box-shadow:inset 5px 5px 14px rgba(255,255,255,.1),inset -7px -7px 16px rgba(0,0,0,.25),0 0 25px rgba(253,238,9,.13);color:var(--yellow);font:800 clamp(.55rem,1vw,.8rem) var(--body);opacity:.32;backdrop-filter:blur(3px);animation:d2-ambient-float 9s ease-in-out infinite}.floating-network span:before{content:attr(data-icon)}.floating-network span:nth-child(1){left:3%;top:18%;animation-delay:-1s}.floating-network span:nth-child(2){left:92%;top:13%;animation-delay:-5s}.floating-network span:nth-child(3){left:5%;top:72%;animation-delay:-3s}.floating-network span:nth-child(4){left:88%;top:78%;animation-delay:-7s}.floating-network span:nth-child(5){left:47%;top:9%;animation-delay:-2s}.floating-network span:nth-child(6){left:76%;top:45%;animation-delay:-6s}.floating-network span:nth-child(7){left:21%;top:48%;animation-delay:-4s}.floating-network span:nth-child(8){left:58%;top:84%;animation-delay:-8s}.floating-network span:nth-child(9){left:38%;top:64%;animation-delay:-.5s}@keyframes d2-ambient-float{0%,100%{transform:translate3d(0,0,0) scale(1)}35%{transform:translate3d(10px,-18px,0) scale(1.04)}70%{transform:translate3d(-7px,10px,0) scale(.97)}}main,footer,.topbar{position:relative;z-index:9}.topbar{position:fixed}dialog{z-index:30}
@media(prefers-reduced-motion:reduce){.floating-network span{animation:none}}
@media(max-width:900px){.back-home span{display:none}.back-home b{display:inline}.back-home{margin-right:1rem}.floating-network span{opacity:.22}.floating-network span:nth-child(even){display:none}}
@media(max-width:620px){.topbar>a:first-child img{width:125px}.back-home{font-size:.66rem}.floating-network span{width:44px}.floating-network span:nth-child(n+6){display:none}.hero h1,.intro h2,.gallery-copy h2,.personalize h2,.offer h2,.request h2{line-height:1.06}}
