/* Cronoze 2026 — capa visual: no modifica lógica PHP/JS */
:root{--bg:#f6f9fc;--panel:#fff;--panel2:#eef4fa;--line:#dbe5ef;--text:#071b38;--muted:#60728b;--blue:#0b4f9b;--cyan:#5684b2;--success:#168bb4;--radius:15px;--shadow:0 12px 34px rgba(9,34,71,.075)}
body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.container{width:min(1320px,calc(100% - 52px))}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e5edf5;box-shadow:0 3px 16px rgba(7,26,55,.045)}
.topbar{background:#061b3a;color:#c2d7f0;border:0}.topbar-inner{padding:6px 0;font-size:11px}.topbar a{color:#cce9ff}
.nav{min-height:76px;gap:18px}.brand{letter-spacing:0;flex-shrink:0}.brand-logo{width:205px;height:62px;object-fit:contain;object-position:left center}
.main-nav{gap:clamp(10px,1.5vw,25px);font-size:13px;font-weight:650}.main-nav a:hover{color:#287dba}.quote-cart{border:1px solid #c8dcf0;background:#f3f8fd;color:#0c376e;border-radius:10px}.quote-cart b{background:#147de0;color:white}
.menu-toggle{color:#092147}
.hero-media{min-height:510px;background:#051832}.hero-media .hero-bg{opacity:1}.hero-media .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.hero-media .hero-overlay{background:linear-gradient(90deg,rgba(2,17,39,.98) 0%,rgba(3,25,54,.96) 29%,rgba(4,23,49,.67) 52%,rgba(3,16,35,.12) 100%)}
.hero-media .hero-grid{padding-top:52px;padding-bottom:55px;grid-template-columns:minmax(0,590px) 1fr;align-items:center}.hero-media .hero-copy{position:relative;z-index:3;max-width:590px}.hero-media .hero-copy .eyebrow{color:#92c9f6;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:750}.hero-media h1{color:#fff;font-size:clamp(39px,4.4vw,64px);font-weight:820;letter-spacing:-.048em;line-height:1.08;max-width:680px;margin:14px 0 16px}.hero-media .hero-copy p{color:#dbe8fb;font-size:16px;max-width:510px;line-height:1.65}.hero-media .hero-trust{color:#c6d9ed}.hero-media .hero-trust b{color:#fff}
.hero-media .hero-card{background:rgba(6,22,48,.72);border:1px solid rgba(152,191,230,.32);color:#fff;backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.22);max-width:390px;justify-self:end}.hero-media .hero-card h3,.hero-media .hero-card b{color:white}.hero-media .hero-card span{color:#cbdced}.hero-choice{border-color:rgba(155,191,230,.19)}
.btn{background:linear-gradient(120deg,#0861c6,#1888e4);border-color:transparent;color:white;border-radius:11px;font-weight:750;box-shadow:0 5px 16px rgba(14,107,205,.14)}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn.secondary{background:#fff;color:#123e72;border:1px solid #a8c4df;box-shadow:none}.hero .btn.secondary.glass{background:transparent;color:white;border:1px solid #b5cde6}.btn.ghost{background:#edf5fc;color:#15578e;border:1px solid #d8e7f4;box-shadow:none}
.section{padding-top:65px;padding-bottom:65px}.section.alt{background:#f0f5fa}.section h2{color:#071b38;font-size:clamp(26px,2.3vw,36px);letter-spacing:-.04em}.section-head p{color:#61718b}.eyebrow{color:#4486bb;letter-spacing:.13em;text-transform:uppercase;font-weight:750}
.media-bento{gap:18px}.media-tile{border-radius:14px;box-shadow:var(--shadow);border:1px solid #dce6f0;overflow:hidden}.media-caption{color:white}.media-caption small{color:#a6d9ff}
.category-card{background:#fff;border:1px solid #dce7f2;border-radius:14px;box-shadow:0 5px 15px rgba(8,34,70,.035);color:#112e50;min-height:155px}.category-card:hover{border-color:#77a9d6;transform:translateY(-3px)}.category-card b{color:#0a2851}.category-card span{color:#647991}.category-index{color:#5996cb!important}
.card{background:#fff;border:1px solid #e0e9f2;border-radius:15px;box-shadow:0 6px 22px rgba(9,35,73,.04);overflow:hidden;color:#172d4c}.card:hover{box-shadow:0 18px 35px rgba(9,35,73,.11);transform:translateY(-3px)}.card-body h3,.card-body h3 a{color:#0e2747}.card-body p,.product-meta{color:#697d95}.price{color:#0866bf;font-weight:800}.badge{background:#e9f3fc;color:#125f9d;border:1px solid #d4e6f4}.product-thumb,.kit-thumb{background:#fff}
.showcase{background:#fff}.showcase-copy p{color:#657a93}.showcase-image{border-radius:15px;overflow:hidden}.floating-label{background:rgba(6,25,55,.86);color:#fff}
.service-banner{background:#051c3f;color:white}.service-banner h2{color:#fff}.service-banner p{color:#d7e7f8}.service-banner .eyebrow{color:#86bde9}.service-banner .btn.secondary{background:transparent;color:white;border-color:#a6bedb}
footer,.site-footer{background:#061b38;color:#d8e7f8}footer a:hover{color:#89c4ff}
/* Formularios y páginas internas mantienen su flujo y ganan claridad */
input,select,textarea{border-color:#c8d7e8}input:focus,select:focus,textarea:focus{outline-color:#6aa0d2}.ui-panel,.account-card,.auth-card,.security-box{box-shadow:var(--shadow)}
@media(max-width:1100px){.brand-logo{width:175px}.nav{gap:12px}.main-nav{gap:12px}.hero-media .hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,350px)}}
@media(max-width:900px){.container{width:min(100% - 32px,1320px)}.hero-media .hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:45px}.hero-media .hero-card{max-width:100%;justify-self:stretch}.hero-media .hero-overlay{background:linear-gradient(90deg,rgba(2,17,39,.96),rgba(3,20,43,.70))}.main-nav{background:#fff;color:#102c53;border:1px solid #dfebf5;box-shadow:0 16px 25px rgba(0,0,0,.1)}.main-nav a{color:#12365d}.brand-logo{width:180px}.menu-toggle{display:block}}
@media(max-width:600px){.topbar-inner{font-size:10px}.nav{min-height:66px}.brand-logo{height:54px;width:165px}.hero-media h1{font-size:38px}.hero-media .hero-copy p{font-size:14px}.hero-media .hero-grid{padding-top:43px}.section{padding-top:43px;padding-bottom:43px}.section h2{font-size:26px}.card{border-radius:12px}.category-card{min-height:140px}}