/* SmartTech's updated palette: deep navy, vivid emerald, wine and soft ivory. */
:root{--ink:#102542;--panel:#183556;--steel:#294a68;--muted:#53677a;--line:rgba(16,37,66,.16);--red:#087f5b;--ember:#0ba879;--paper:#f8f5ed;--card:#fffdf8;--max:76rem;color-scheme:light}
html{scroll-behavior:smooth;overflow-x:clip;background:var(--paper)}
body{max-width:100%;overflow-x:clip;background:var(--paper);color:#102542;font-family:Inter,Arial,sans-serif;line-height:1.65}
.shell{width:100%;max-width:76rem;margin-inline:auto;padding-inline:clamp(1rem,3vw,1.6rem)}
img{max-width:100%;height:auto}
h1,h2,h3,.brand{font-family:'Space Grotesk',Inter,Arial,sans-serif;letter-spacing:-.035em;text-transform:none}
h1{font-size:clamp(3rem,7.4vw,6.7rem);line-height:.99;max-width:12ch;overflow-wrap:anywhere}
.section h2,.contact h2{font-size:clamp(2.2rem,4.8vw,4.6rem);line-height:1.02;max-width:18ch;overflow-wrap:anywhere}
h3{line-height:1.1;overflow-wrap:anywhere}
.nav{position:relative;min-width:0;background:var(--paper);color:var(--ink)}
/* Mantiene legibles los enlaces del menú sobre la paleta clara, también en escritorio. */
header.nav{background:var(--paper);color:var(--ink)}
.nav-links{background:var(--paper);border-color:var(--line)}
.brand,.nav-links a,.menu,.footer a{color:var(--ink)}
.brand-mark{color:var(--red);border-color:var(--red)}
.nav-links a:hover{color:var(--red)}
.menu{border-color:rgba(16,37,66,.25);color:var(--ink)}
.quote-link,.main-button{background:var(--red);border-color:var(--red);color:#fff;border-radius:.6rem;min-height:2.9rem;box-shadow:none}
.quote-link:hover,.main-button:hover{background:var(--ember);border-color:var(--ember);color:#06251c}
.button{background:#087f5b;border-color:#087f5b;color:#fff;box-shadow:none;border-radius:.55rem}
.hero:not(#inicio) h1{color:#102542}
.hero:not(#inicio) p{color:#415a70}
.hero#inicio,.maker,.custom,.why,.behind{background:var(--ink);color:#fff}
#inicio.hero{min-height:40rem}
#inicio.hero:after{background:linear-gradient(90deg,rgba(10,31,56,.98) 0%,rgba(10,31,56,.83) 43%,rgba(10,31,56,.38) 77%,rgba(10,31,56,.54) 100%)}
.eyebrow,.hero .eyebrow{color:#b8f1dc}
.eyebrow:before{background:#16b981;box-shadow:0 0 0 .25rem rgba(22,185,129,.22)}
h1 em{color:#3fe0ae}
.hero-copy,.maker-copy p,.custom .section-description,.why .section-description,.behind-grid p{color:#e0e9ef}
.hero-note{color:#d4e0e6}.hero-note strong{color:#fff}.hero-note i{background:#c14465}
.trust{background:#087f5b;color:white}
.trust .shell{background:transparent}
.trust-item{border-color:rgba(255,255,255,.25)}
.section-light,.feature-split,.process,.space-lab,.reviews,.campaigns{background:#f8f5ed;color:#102542}
.section-index,.solution-no,.revenue-no,.technical .section-index,.business .section-index{color:#087f5b}
.section-description,.section-light .section-description,.process .section-description,.space-copy p,.lab-copy p{color:#415a70}
.solution-grid,.steps,.feature-split{background:rgba(16,37,66,.14)}
.solution,.step,.feature-copy{background:#fffdf8;color:#102542}
.solution p,.step p,.feature-copy p{color:#40576b}
.works{background:#eaf0ea;color:#102542}
.works .section-description{color:#415a70}
.work,.showcase-media{background:#d9e1d9}
.work-label{background:linear-gradient(transparent,rgba(11,30,51,.9));color:white}
.revenue{background:#122b49;color:#fff}
.revenue-card{background:#18395d;color:#fff}
.revenue-card p{color:#dbe8ef}.revenue-card a:hover{color:#51e1b2}
.technical{background:#e8f0eb;color:#102542}
.technical p,.technical-list span{color:#40576b}
.technical-list{display:grid;gap:.65rem}
.technical-list>div{min-width:0;padding:1rem 1.1rem;background:#fffdf8;border:1px solid rgba(16,37,66,.13);border-left:3px solid #087f5b;border-radius:.6rem}
.technical-list b{display:block;color:#102542;margin-bottom:.25rem}
.material-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .55rem}
.material-chips span{padding:.38rem .65rem;background:#e4f5ed;border:1px solid #93d9bd;border-radius:999px;color:#075a42;font-size:.84rem;font-weight:800}
.process{background:#eaf4ef}
.step b{color:#087f5b}
.why{background:#102542;color:#fff}
.why .section-index{color:#4de3b1}
.why-points{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;background:transparent}
.why-point{min-width:0;background:#193958;border:1px solid rgba(255,255,255,.16);border-radius:.7rem}
.why-point strong{color:#53dfb2}
.why-point p{color:#d5e3e9}
.business{background:#f3e8eb;color:#102542}
.business-copy p{color:#40576b}
.business-list{background:rgba(16,37,66,.13)}
.business-item{background:#fffdf8;color:#102542}
.business-item p{color:#40576b}
.business-item b{color:#8b2947}
.custom{background:#102542;color:#fff}
.custom:before{border-color:rgba(8,127,91,.45)}
.quote-form,.maker-form{background:#fffdf8;color:#102542;border:1px solid rgba(16,37,66,.12);border-radius:.9rem;box-shadow:0 16px 40px rgba(10,31,56,.12)}
.quote-form label,.maker-form label{color:#29445d;font-size:.82rem}
.quote-form input,.quote-form select,.quote-form textarea,.maker-form input,.maker-form select,.maker-form textarea{min-height:2.9rem;border:1px solid #bfccd2;border-radius:.45rem;background:#fff;color:#102542}
.quote-form textarea,.maker-form textarea{min-height:6rem}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus,.maker-form input:focus,.maker-form select:focus,.maker-form textarea:focus{outline:3px solid rgba(8,127,91,.3);border-color:#087f5b}
.form-help,.maker-help{color:#526579}
.price-note{border-color:#b53355;color:#e4edf1}.price-note b{color:#ffc7d4}
.packs{background:#e9f1ed;color:#102542}
.packs .section-description{color:#415a70}
.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;background:transparent}
.pack{min-width:0;min-height:19rem;padding:1.4rem;background:#fffdf8;color:#102542;border:1px solid rgba(16,37,66,.13);border-top:4px solid #087f5b;border-radius:.75rem}
.pack:nth-child(even){border-top-color:#8b2947}
.pack small{color:#087f5b}
.pack h3{color:#102542}
.pack ul{color:#40576b;font-size:.91rem}
.pack .product-actions{padding-top:1.2rem}
.product-actions{display:flex;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
.quote-product{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.9rem;padding:.65rem .8rem;border-radius:.55rem;background:#087f5b;color:#fff;text-align:center;text-decoration:none;font-size:.84rem;font-weight:900}
.quote-product:hover,.quote-product:focus-visible{background:#0ba879;color:#06251c}
.payment-note{border-left-color:#8b2947;background:#fffdf8;color:#40576b;border-radius:0 .5rem .5rem 0}
.payment-note strong{color:#7b1e3c}
.christmas{background:#112744;color:#fff}
.christmas:before{background-image:radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.5px);opacity:.12}
.christmas .section-description{color:#e1eaf0}
.christmas-product{background:#18395d;border:1px solid rgba(255,255,255,.2);border-radius:.8rem}
.product-photo{height:clamp(15rem,32vw,24rem);background:#102542}
.product-body{grid-template-columns:minmax(0,1fr);align-items:start}
.product-body p{color:#d8e4eb;font-size:.95rem}
.product-kicker{color:#56dfb1}
.product-body h3{font-size:clamp(1.55rem,2.5vw,2rem);color:#fff}
.season-note{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:#e1eaf0;border-radius:.6rem;font-size:.9rem}
.season-note strong{color:#fff}
.christmas-float{background:#8b2947;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 28px rgba(10,31,56,.28)}
.festive-bar{background:#76233f;color:#fff7fa;border-color:rgba(255,255,255,.2)}
.festive-bar a,.festive-bar b{color:#fff}
.space-lab{background:#f8f5ed;color:#102542}
.space-stage{border-color:rgba(16,37,66,.2);border-radius:.75rem}
.space-controls input,.space-controls textarea{min-width:0;border-color:#bfcbd2;background:#fffdf8;color:#102542;border-radius:.45rem}
.space-controls label,.space-sliders label{color:#29445d}
.space-product-picks button{background:#173856;border-color:rgba(16,37,66,.16);color:#fff;border-radius:.45rem}
.space-product-picks button.active{background:#087f5b;border-color:#087f5b;color:#fff}
.space-sliders input{accent-color:#087f5b}
.space-note,.device-note{color:#53677a}
.lab{background:#e7f4ed;color:#102542}
.game{background:#102542;color:#fff;border:1px solid rgba(8,127,91,.3);border-radius:.9rem}
.game-board{background:radial-gradient(circle at 50% 40%,#244d68 0,#102542 70%);border-color:rgba(255,255,255,.22);border-radius:.55rem}
.game-start{background:#087f5b;border:1px solid #087f5b;border-radius:.45rem;color:#fff;min-height:2.7rem}
.game-combo,.lab-reward{color:#087f5b}
.campaigns{background:#f3e8eb;color:#102542}
.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;background:transparent}
.campaign{background:#fffdf8;border:1px solid rgba(16,37,66,.13);border-top:3px solid #8b2947;border-radius:.65rem}
.campaign span{color:#087f5b}
.campaign p{color:#40576b}
.reviews{background:#f8f5ed;color:#102542}
.review-ask{background:#102542;color:#fff;border-radius:.75rem}
.review-ask p{color:#e0e9ef}
.review-card-empty{background:#fffdf8;border-left-color:#8b2947;border-radius:0 .6rem .6rem 0}
.review-card-empty p{color:#40576b}
.review-icon{background:#f5e4e9;color:#8b2947}
.review-form input,.review-form textarea{min-width:0;border-color:#bfccd2;border-radius:.45rem;color:#102542}
.contact{background:#087f5b;color:#fff}
.contact .eyebrow{color:#e3fff4}
.contact .contact-card{background:#102542;border:1px solid rgba(255,255,255,.18);border-radius:.75rem}
.contact-card b{color:#c5d6df}
.contact-card .main-button{background:#fff;color:#102542;border-color:#fff}
.contact-card .main-button:hover{background:#f3e8eb;color:#76233f}
.footer{background:#102542;color:#e3edf1}
.footer a{color:#fff}
.wa--contact{background:#087f5b;color:#fff;box-shadow:0 10px 30px rgba(16,37,66,.35)}
.wa--contact .wa-phone{font-weight:800;color:#fff}
.wa:focus-visible,.quote-product:focus-visible,.main-button:focus-visible,.quote-link:focus-visible{outline:3px solid #b53355;outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8b2947;outline-offset:3px}
.section,.section-head,.section-heading-copy,.section-visual,.hero-content,.custom-grid,.maker-grid,.technical-grid,.business-grid,.space-grid,.why-grid,.review-layout,.contact-grid,.feature-copy,.feature-photo,.product-body,.pack,.campaign,.step,.solution,.viewer-card{min-width:0}
.technical-grid,.maker-grid,.space-grid,.business-grid,.custom-grid,.why-grid,.review-layout,.contact-grid,.feature-split,.showcase,.lab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1050px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack:last-child{grid-column:auto}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.nav-links{background:#fffdf8;border-color:rgba(16,37,66,.18);border-radius:.7rem;box-shadow:0 12px 32px rgba(16,37,66,.13)}.nav-links a{color:#102542}#inicio.hero{min-height:36rem}.hero-content{max-width:42rem}.section-head{grid-template-columns:minmax(0,1fr);gap:1rem}.section-visual{max-width:34rem}.technical-grid,.maker-grid,.space-grid,.business-grid,.custom-grid,.why-grid,.review-layout,.contact-grid,.feature-split,.showcase,.lab-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.why-point{min-height:0}.revenue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.shell{padding-inline:1rem}.nav{height:auto;min-height:4.5rem}#inicio.hero{min-height:34rem}.hero-content{padding:4.5rem 0 2rem}.hero-image{left:0;width:100%;opacity:.58}#inicio.hero:after{background:linear-gradient(90deg,rgba(10,31,56,.95),rgba(10,31,56,.58)),linear-gradient(0deg,rgba(10,31,56,.92),transparent 72%)}h1{font-size:clamp(3rem,14vw,5rem);line-height:.98;max-width:11ch}.section{padding:4.25rem 0}.section h2,.contact h2{font-size:clamp(2.2rem,10vw,3.5rem)}.pack-grid,.christmas-grid,.campaign-grid,.revenue-grid,.business-list,.why-points,.solution-grid,.steps{grid-template-columns:minmax(0,1fr)}.pack{min-height:0}.pack h3{margin:1.15rem 0 .65rem}.product-body{padding:1rem}.product-photo{height:auto;aspect-ratio:1.3/1}.quote-product{min-height:3rem}.season-note{flex-direction:column;gap:.75rem}.feature-photo{min-height:18rem}.feature-copy{padding:2rem 1rem}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery .work:first-child,.gallery .work:nth-child(6),.gallery .work:nth-child(7){grid-column:span 2}.showcase-panel{padding:1.5rem}.quote-form,.maker-form{grid-template-columns:minmax(0,1fr);padding:1rem}.quote-form .wide,.maker-form .wide{grid-column:auto}.quote-form label,.maker-form label{font-size:.79rem}.space-stage{min-height:20rem}.space-sliders{grid-template-columns:minmax(0,1fr)}.review-form{grid-template-columns:minmax(0,1fr)}.review-form textarea,.review-form button{grid-column:auto}.revenue-card{min-height:0;padding:1.4rem}.revenue-card h3{margin:1.4rem 0 .6rem}.trust .shell{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-item{padding:.9rem}.festive-bar{flex-wrap:wrap;font-size:.74rem}.christmas-float{left:.7rem;bottom:5rem;max-width:11rem;padding:.58rem .7rem;font-size:.72rem}.wa--contact{right:.7rem;bottom:.7rem;max-width:min(15rem,58vw);min-width:3.4rem;height:3.4rem;padding-inline:.7rem}.wa--contact .wa-phone{font-size:.73rem;white-space:nowrap}.footer .shell{flex-direction:column;align-items:flex-start}.contact-grid{align-items:start}}
@media(max-width:430px){#inicio.hero{min-height:32rem}.hero-content{padding-top:3.6rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .main-button{width:100%;text-align:center}.hero-note{align-items:flex-start;margin-top:1.7rem}.section{padding:3.6rem 0}.gallery{grid-template-columns:minmax(0,1fr)}.gallery .work,.gallery .work:first-child,.gallery .work:nth-child(6),.gallery .work:nth-child(7){grid-column:auto;height:15rem}.trust .shell{grid-template-columns:minmax(0,1fr)}.product-body{gap:.85rem}.wa--contact{max-width:3.4rem;min-width:3.4rem;padding:0}.wa--contact .wa-phone{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.christmas-float{max-width:10rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}