/* Center Suites: lectura, marca independiente y pagos · 24 octubre 2026 */
:root{--nav-h:88px;--nav-h-min:72px}
#nav{gap:20px;background:rgba(10,8,6,.94);border-bottom:1px solid rgba(201,168,76,.16)}
#nav .nav-links{flex:1;justify-content:center;gap:clamp(12px,1.5vw,24px)!important;margin:0}
#nav .nav-links a{font-size:14px!important;letter-spacing:.045em!important;white-space:nowrap}
#nav .nav-cta{font-size:13px!important;letter-spacing:.06em;padding:12px 16px!important;white-space:nowrap}
.hero{padding-top:calc(var(--nav-h) + 64px)!important;padding-bottom:72px!important}
.hero-inner{display:grid;grid-template-columns:216px minmax(0,680px);gap:56px;align-items:center;width:min(100%,1050px)}
.hero-brand{display:block;width:216px;height:216px;align-self:start;margin-top:56px;flex-shrink:0}
.hero-brand img{display:block;width:216px;height:216px;object-fit:contain;border-radius:50%;box-shadow:0 15px 60px rgba(0,0,0,.35)}
.hero-copy{min-width:0}
.hero-title{font-size:clamp(3.2rem,5.4vw,5.6rem)!important}
.hero-sub{max-width:53ch;color:rgba(250,246,238,.88)!important;font-size:1.08rem!important;line-height:1.75;margin-bottom:28px}
.hero-btns .btn-g,.hero-btns .btn-o{padding:16px 24px}
.hero-tag{font-size:.78rem;letter-spacing:.18em}
.quimica-mar-logo{display:block;width:180px;max-width:100%;height:auto;max-height:112px;object-fit:contain;border-radius:5px}
.quimica-logo-wrap{height:132px!important;padding:6px!important;background:#231f20!important}
#pagos{padding-top:58px!important;padding-bottom:76px!important;background:linear-gradient(135deg,#1f1910,#100d09);border-top:1px solid rgba(201,168,76,.2);border-bottom:1px solid rgba(201,168,76,.2)}
#pagos .pay-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#pagos .pay-box{min-height:176px;border-radius:16px;background:linear-gradient(145deg,#292117,#17120d);border:1px solid rgba(201,168,76,.34);box-shadow:0 5px 0 #080604,0 12px 24px rgba(0,0,0,.24);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;outline-offset:6px}
#pagos .pay-box:hover,#pagos .pay-box:focus-visible{transform:translateY(-9px);border-color:var(--gold-l);box-shadow:0 10px 0 #080604,0 22px 36px rgba(0,0,0,.4),0 0 24px rgba(201,168,76,.1)}
#pagos .pay-box:focus-visible{outline:2px solid var(--gold-l)}
#pagos .pay-lbl{font-size:1.02rem;line-height:1.5;font-weight:600}
#pagos .pay-ico{font-size:2.5rem}
#mapa iframe{max-width:100%;border:0}
@media(max-width:1100px){#nav{justify-content:flex-end;height:72px!important}#nav .nav-burger{order:2}#nav .lang-selector{order:1;margin-left:0}#nav .nav-links{align-items:stretch;gap:0!important}#nav .nav-links a{font-size:16px!important;letter-spacing:.02em!important}.hero-inner{grid-template-columns:192px minmax(0,1fr);gap:32px}.hero-brand,.hero-brand img{width:192px;height:192px}.hero-title{font-size:clamp(2.8rem,6vw,4.3rem)!important}}
@media(max-width:700px){:root{--nav-h:72px;--nav-h-min:72px}.hero{padding:104px 24px 48px!important;min-height:0!important}.hero-inner{display:flex;flex-direction:column;gap:26px;align-items:flex-start}.hero-brand{margin:0;align-self:center}.hero-brand,.hero-brand img{width:168px;height:168px}.hero-tag{font-size:.68rem;line-height:1.7;letter-spacing:.1em;gap:8px;margin-bottom:14px}.hero-tag:before{width:20px;flex-shrink:0}.hero-title{font-size:2.75rem!important;line-height:1.08;margin-bottom:18px}.hero-sub{font-size:1rem!important;line-height:1.7}.hero-btns{gap:12px}.hero-btns .btn-g,.hero-btns .btn-o{padding:15px 18px;font-size:.75rem;letter-spacing:.08em}#pagos .pay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#pagos .pay-box{min-height:166px;padding:24px 12px}#pagos .pay-lbl{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){#pagos .pay-box{transition:none}#pagos .pay-box:hover,#pagos .pay-box:focus-visible{transform:none}}