:root { --navy:#0d2b55; --orange:#f39c12; --cream:#fff6e8; --ink:#102239; --muted:#5d6674; --line:#dde2e9; --white:#fff; --shadow:0 24px 55px rgba(13,43,85,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Poppins,Arial,sans-serif; font-size:16px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
.skip-link { position:absolute; left:-999px; top:1rem; z-index:30; background:var(--navy); color:#fff; padding:.7rem 1rem; border-radius:.4rem; }.skip-link:focus { left:1rem; }
.section-shell { width:min(1160px,calc(100% - 3rem)); margin-inline:auto; }
.topbar { min-height:82px; padding:0 max(1.5rem,calc((100vw - 1160px)/2)); display:flex; align-items:center; justify-content:space-between; gap:2rem; position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); border-bottom:1px solid rgba(13,43,85,.09); backdrop-filter:blur(12px); }
.brand { display:inline-flex; align-items:center; gap:.7rem; color:var(--navy); line-height:1; min-width:0; }.brand-logo { width:52px; height:48px; flex:0 0 auto; object-fit:contain; mix-blend-mode:normal; }.brand strong { display:block; font-size:1.05rem; letter-spacing:-.04em; }.brand small { display:block; margin-top:.24rem; color:var(--orange); font-size:.55rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.main-nav { display:flex; align-items:center; gap:1.6rem; font-size:.82rem; font-weight:600; }.main-nav > a:not(.nav-cta):hover { color:var(--orange); }.nav-cta { display:inline-flex; align-items:center; gap:.42rem; padding:.75rem 1rem; background:var(--orange); color:#2b210e; border-radius:.45rem; }.nav-cta svg { width:15px; height:15px; }.menu-toggle { display:none; border:0; background:none; color:var(--navy); font-weight:700; }
.hero { min-height:620px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:4rem; padding-block:6.7rem 5.5rem; }.eyebrow { margin:0 0 1rem; color:var(--orange); font-size:.68rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }.hero h1,.section-intro h2,.enterprise h2,.values-section h2,.quote-copy h2 { max-width:700px; margin:0; color:var(--navy); font-size:clamp(2.65rem,5vw,4.8rem); letter-spacing:-.065em; line-height:.98; }.hero h1::after { content:""; display:inline-block; width:.45em; height:.12em; margin:.11em 0 .12em .08em; vertical-align:middle; border-radius:20px; background:var(--orange); }.lede { max-width:550px; margin:1.65rem 0 2rem; color:var(--muted); font-size:1.05rem; }.hero-actions { display:flex; flex-wrap:wrap; gap:.85rem; }.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:.65rem; padding:.75rem 1.15rem; border:1px solid transparent; border-radius:.42rem; font-size:.8rem; font-weight:700; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease; }.button svg { width:16px; height:16px; }.button:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(13,43,85,.15); }.button-primary { background:var(--orange); color:#2c220d; }.button-quiet { border-color:var(--navy); color:var(--navy); }.hero-proof { display:flex; gap:1.5rem; margin:3.1rem 0 0; }.hero-proof div { padding-right:1.45rem; border-right:1px solid var(--line); }.hero-proof div:last-child { padding-right:0; border:0; }.hero-proof dt { color:var(--navy); font-size:.8rem; font-weight:800; }.hero-proof dd { margin:0; color:var(--muted); font-size:.68rem; }
.hero-visual { min-height:480px; position:relative; overflow:hidden; border-radius:0 6.5rem 0 6.5rem; background:linear-gradient(145deg,#f7c64e 0%,#f39c12 44%,#e47f08 100%); box-shadow:var(--shadow); }.grid-lines { position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px); background-size:54px 54px; transform:perspective(400px) rotateX(50deg) scale(1.7) translateY(105px); }.visual-label { position:absolute; top:2rem; left:2rem; z-index:2; margin:0; color:#513607; font-size:.77rem; line-height:1.45; text-transform:uppercase; letter-spacing:.11em; }.visual-label strong { color:var(--navy); font-size:1.13rem; letter-spacing:-.05em; text-transform:none; }.helmet { position:absolute; z-index:2; width:230px; height:190px; right:3.6rem; bottom:5rem; border-radius:150px 150px 34px 34px; background:radial-gradient(circle at 40% 22%,#56718d 0 3%,#1b304a 20%,#0a192b 68%); transform:rotate(14deg); box-shadow:inset -16px -18px 22px rgba(0,0,0,.42),18px 21px 19px rgba(70,37,1,.22); }.helmet::after { content:""; position:absolute; left:-15px; right:-15px; bottom:-20px; height:32px; border-radius:50%; background:#0a192b; }.helmet span { position:absolute; top:84px; left:87px; z-index:1; color:#f8bb34; font-size:1.1rem; font-weight:800; letter-spacing:-.13em; }.glove { position:absolute; z-index:1; width:170px; height:100px; bottom:1.4rem; border-radius:44% 55% 39% 28%; background:linear-gradient(140deg,#fbe0a2,#f4b640 56%,#d96c06); transform:rotate(-22deg); box-shadow:7px 12px 16px rgba(70,37,1,.18); }.glove::before { content:""; position:absolute; left:43px; top:-38px; width:25px; height:96px; border-radius:25px; background:#f5b63e; box-shadow:30px 1px 0 #f1a52b,60px 11px 0 #eb941b,90px 25px 0 #db7a0a; transform:rotate(27deg); }.glove-left { left:3rem; }.glove-right { right:-1.4rem; bottom:2rem; transform:rotate(17deg) scale(.78); }.safety-card { position:absolute; z-index:3; left:2rem; bottom:2.5rem; width:170px; padding:1rem; color:#fff; background:var(--navy); border-radius:.7rem; box-shadow:8px 13px 20px rgba(70,37,1,.18); }.safety-card span { color:var(--orange); font-size:.67rem; font-weight:800; letter-spacing:.13em; }.safety-card p { margin:.3rem 0 0; font-size:.8rem; line-height:1.3; }
.confidence-strip { display:grid; grid-template-columns:repeat(3,1fr); width:min(1160px,calc(100% - 3rem)); margin:0 auto; padding:1.45rem 1.6rem; gap:1.4rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.confidence-strip div { display:flex; align-items:center; gap:.8rem; }.confidence-strip span { width:2.1rem; height:2.1rem; display:grid; place-items:center; color:var(--orange); background:var(--cream); border-radius:50%; }.confidence-strip span svg { width:17px; height:17px; }.confidence-strip p { margin:0; color:var(--muted); font-size:.72rem; }.confidence-strip strong { display:block; color:var(--navy); font-size:.76rem; }
.product-section { padding-block:7rem; }.section-intro { display:grid; grid-template-columns:.8fr 1.2fr; column-gap:4rem; align-items:end; margin-bottom:2.2rem; }.section-intro .eyebrow { grid-column:1/-1; }.section-intro h2,.enterprise h2,.values-section h2,.quote-copy h2 { font-size:clamp(2.1rem,3.8vw,3.5rem); }.section-intro > p:last-child { margin:0 0 .3rem; color:var(--muted); font-size:.92rem; }.products-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.product-card { min-height:303px; padding:1.4rem; display:flex; flex-direction:column; position:relative; overflow:hidden; border:1px solid #e6e7e8; border-radius:.9rem; background:#fff; transition:transform .2s ease,box-shadow .2s ease; }.product-card:hover { transform:translateY(-5px); box-shadow:0 15px 28px rgba(13,43,85,.1); }.product-icon { width:55px; height:55px; display:grid; place-items:center; margin-bottom:auto; border-radius:50%; color:var(--orange); background:var(--cream); }.product-icon svg { width:25px; height:25px; }.card-number { margin:1.25rem 0 .25rem; color:#9aa2af; font-size:.64rem; font-weight:700; }.product-card h3 { margin:0; color:var(--navy); font-size:1.02rem; letter-spacing:-.035em; }.product-card > p:not(.card-number) { min-height:3.1em; margin:.55rem 0 1rem; color:var(--muted); font-size:.72rem; }.product-card a,.text-link { display:inline-flex; align-items:center; gap:.34rem; }.product-card a { color:var(--orange); font-size:.69rem; font-weight:800; }.product-card a svg,.text-link svg { width:14px; height:14px; }
.enterprise { display:grid; grid-template-columns:1.05fr .95fr; gap:4.5rem; padding:5.8rem; border-radius:1.1rem; color:#fff; background:var(--navy); position:relative; overflow:hidden; }.enterprise::after { content:""; position:absolute; width:370px; height:370px; right:-115px; top:-150px; border:45px solid rgba(243,156,18,.25); border-radius:50%; }.enterprise h2 { color:#fff; }.enterprise-statement > p:not(.eyebrow) { max-width:520px; margin:1.25rem 0 1.7rem; color:#d3ddea; font-size:.88rem; }.text-link { color:var(--orange); font-size:.78rem; font-weight:800; }.text-link span { margin-left:.35rem; }.industry-list { position:relative; z-index:1; align-self:end; padding:2rem; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:.7rem; }.industry-list > p { margin:0 0 1.2rem; color:var(--orange); font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.industry-list ul { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem 1rem; margin:0; padding:0; list-style:none; font-size:.75rem; }.industry-list li::before { content:"/"; margin-right:.45rem; color:var(--orange); font-weight:800; }
.values-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:5rem; align-items:center; padding-block:7rem; }.values-logo { display:grid; place-items:center; min-height:300px; overflow:hidden; background:var(--cream); border-radius:50% 50% 0 0; }.values-logo img { width:min(76%,300px); max-height:250px; object-fit:contain; mix-blend-mode:multiply; }.values-section > div:last-child > p:not(.eyebrow) { max-width:560px; color:var(--muted); font-size:.9rem; }.value-points { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.5rem; }.value-points span { padding:.48rem .75rem; border:1px solid #c7d0dc; border-radius:99px; color:var(--navy); font-size:.67rem; font-weight:700; }
.quote-section { padding-block:5.7rem; background:var(--cream); }.quote-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:5rem; }.quote-copy p:not(.eyebrow) { max-width:355px; color:var(--muted); font-size:.87rem; }.quote-note { margin-top:2rem; color:var(--navy)!important; font-size:.68rem!important; }.quote-form { display:grid; gap:.85rem; padding:1.6rem; background:#fff; border-radius:.8rem; box-shadow:var(--shadow); }.quote-form label { display:grid; gap:.34rem; color:var(--navy); font-size:.65rem; font-weight:700; }.form-row { display:grid; grid-template-columns:repeat(2,1fr); gap:.85rem; }.quote-form input,.quote-form select,.quote-form textarea { width:100%; padding:.65rem .7rem; resize:vertical; border:1px solid #cfd6df; border-radius:.35rem; color:var(--ink); background:#fff; font-size:.78rem; outline:none; }.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(243,156,18,.15); }.quote-form .button { justify-self:start; margin-top:.15rem; border:0; }.honeypot { position:absolute!important; left:-10000px!important; }.form-status { min-height:1.2em; margin:0; color:var(--muted); font-size:.72rem; }.form-status.success { color:#17633b; }.form-status.error { color:#a92626; }.button:disabled { cursor:wait; opacity:.72; transform:none; }
footer { padding:2.3rem 0; background:var(--navy); color:#fff; }.footer-layout { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; font-size:.72rem; }.brand-footer { color:#fff; }.brand-footer .brand-logo { padding:.12rem; border-radius:.38rem; background:#fff; }.footer-layout p { margin:0; color:#cbd6e5; }.footer-layout > a:last-child { color:var(--orange); font-weight:700; }
@media (max-width:900px) { .topbar { min-height:72px; }.main-nav { gap:.95rem; }.hero { gap:2.3rem; }.products-grid { grid-template-columns:repeat(2,1fr); }.enterprise { padding:3.4rem; gap:2.5rem; }.values-section,.quote-layout { gap:3rem; } }
@media (max-width:680px) { .section-shell,.confidence-strip { width:min(100% - 2rem,1160px); }.topbar { min-height:68px; padding-inline:1rem; gap:.65rem; }.brand { gap:.5rem; }.brand-logo { width:43px; height:40px; }.brand strong { font-size:.88rem; }.brand small { font-size:.49rem; }.menu-toggle { display:block; min-height:40px; padding:.4rem .55rem; border:1px solid rgba(13,43,85,.18); border-radius:.4rem; }.main-nav { display:none; position:absolute; left:0; right:0; top:67px; max-height:calc(100dvh - 67px); overflow:auto; padding:1rem; align-items:stretch; flex-direction:column; background:#fffdf9; border-bottom:1px solid var(--line); box-shadow:0 12px 18px rgba(13,43,85,.08); }.main-nav.is-open { display:flex; }.main-nav a { min-height:44px; display:flex; align-items:center; }.nav-cta { justify-content:center; text-align:center; }.hero { min-height:0; grid-template-columns:1fr; gap:2.2rem; padding-block:clamp(2.5rem,9vw,3.6rem) 3rem; }.hero h1 { font-size:clamp(2.6rem,12vw,3.35rem); }.lede { margin-block:1.3rem 1.65rem; font-size:.96rem; }.hero-actions { display:grid; grid-template-columns:1fr; gap:.65rem; }.hero-actions .button { width:100%; }.hero-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; margin-top:2.2rem; }.hero-proof div { padding:0 .45rem 0 0; }.hero-proof dt { font-size:.7rem; }.hero-proof dd { font-size:.58rem; line-height:1.35; }.hero-visual { min-height:clamp(300px,93vw,380px); border-radius:0 3.5rem 0 3.5rem; }.visual-label { top:1.35rem; left:1.25rem; font-size:.63rem; }.visual-label strong { font-size:.98rem; }.helmet { width:clamp(150px,48vw,190px); height:clamp(125px,40vw,158px); right:1.4rem; bottom:3.5rem; }.helmet span { top:54%; left:38%; font-size:.9rem; }.glove { width:135px; height:79px; }.glove::before { left:34px; top:-30px; width:20px; height:76px; box-shadow:24px 1px 0 #f1a52b,48px 9px 0 #eb941b,72px 20px 0 #db7a0a; }.glove-left { left:.5rem; }.safety-card { left:1rem; bottom:1rem; width:145px; padding:.75rem; }.safety-card p { font-size:.7rem; }.confidence-strip { grid-template-columns:1fr; padding:1.1rem 0; }.confidence-strip div { padding:.25rem 0; }.section-intro,.enterprise,.values-section,.quote-layout { grid-template-columns:1fr; }.section-intro { gap:1rem; }.product-section,.values-section { padding-block:4.4rem; }.products-grid { grid-template-columns:1fr; }.product-card { min-height:230px; }.enterprise { margin-inline:auto; width:min(100% - 2rem,1160px); padding:2.2rem 1.4rem; border-radius:.8rem; }.enterprise::after { right:-190px; top:-210px; }.industry-list { padding:1.35rem; }.industry-list ul { gap:.65rem .8rem; }.values-section { gap:2rem; }.values-logo { min-height:210px; }.values-logo img { max-height:190px; }.quote-section { padding-block:4.2rem; }.quote-layout { gap:2rem; }.quote-form { padding:1.15rem; }.form-row { grid-template-columns:1fr; }.quote-form .button { width:100%; }.footer-layout { align-items:flex-start; flex-direction:column; } }
@media (max-width:390px) { .section-shell,.confidence-strip { width:min(100% - 1.35rem,1160px); }.topbar { padding-inline:.7rem; }.brand-logo { width:39px; height:37px; }.brand strong { font-size:.8rem; }.brand small { font-size:.44rem; }.hero-proof { grid-template-columns:1fr; gap:.7rem; }.hero-proof div { padding:0; border:0; }.hero-proof dd { font-size:.65rem; }.hero-visual { min-height:300px; }.helmet { right:.7rem; }.safety-card { left:.75rem; bottom:.75rem; }.enterprise { width:min(100% - 1.35rem,1160px); }.industry-list ul { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }

/* Refinamiento responsive: prioriza lectura, tacto y estabilidad de marca. */
html { scroll-padding-top:5.5rem; }
img { max-width:100%; }
:where(a,button,input,select,textarea):focus-visible { outline:3px solid rgba(243,156,18,.72); outline-offset:3px; }
.hero-brand-mark { position:absolute; z-index:1; right:1.15rem; bottom:.9rem; width:clamp(145px,30vw,230px); height:auto; opacity:.16; object-fit:contain; mix-blend-mode:multiply; pointer-events:none; }
.product-card a { min-height:44px; align-items:center; }
.quote-form input,.quote-form select { min-height:44px; }
.quote-form textarea { min-height:82px; }
.button:active,.nav-cta:active,.product-card a:active,.text-link:active { transform:translateY(1px); }

@media (max-width:680px) {
  .topbar { isolation:isolate; }
  .main-nav { gap:.25rem; }
  .main-nav > a { padding-inline:.35rem; }
  .hero { padding-bottom:2.5rem; }
  .hero-proof { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.45rem; }
  .hero-proof dt { font-size:.72rem; }
  .hero-proof dd { font-size:.66rem; line-height:1.3; }
  .hero-visual { min-height:clamp(310px,86vw,360px); }
  .hero-brand-mark { right:.65rem; bottom:.4rem; width:clamp(138px,46vw,180px); }
  .product-section { padding-top:4rem; }
  .product-card { min-height:214px; padding:1.2rem; }
  .product-card > p:not(.card-number) { min-height:0; margin-bottom:.55rem; }
  .quote-form label { font-size:.71rem; }
  .quote-form input,.quote-form select,.quote-form textarea { font-size:.92rem; }
  .footer-layout > a:last-child { min-height:44px; display:inline-flex; align-items:center; }
}

@media (max-width:390px) {
  .hero-proof { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.3rem; }
  .hero-proof div { padding-right:.25rem; border-right:1px solid var(--line); }
  .hero-proof div:last-child { border-right:0; }
  .hero-proof dt { font-size:.67rem; }
  .hero-proof dd { font-size:.61rem; }
  .hero-brand-mark { width:136px; }
}

footer { position:relative; padding:0; overflow:hidden; background:var(--navy); }
footer::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:var(--orange); }
.footer-main { display:grid; grid-template-columns:minmax(200px,.9fr) minmax(260px,1.2fr) minmax(190px,.75fr); align-items:center; gap:2.5rem; padding-block:2.5rem 2.1rem; }
.footer-signature-link { align-self:center; display:inline-flex; width:min(100%,188px); }
.footer-signature { display:block; width:100%; height:auto; }
.footer-contact { min-width:0; padding-inline:2.4rem; border-inline:1px solid rgba(255,255,255,.16); }
.footer-label { margin:0 0 .65rem; color:#cbd6e5; font-size:.64rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.footer-whatsapp { min-height:48px; display:flex; align-items:center; gap:.7rem; color:#fff; }
.footer-whatsapp > svg:first-child { width:21px; height:21px; flex:0 0 auto; color:var(--orange); }
.footer-whatsapp span { min-width:0; display:grid; gap:.08rem; }
.footer-whatsapp small { color:#cbd6e5; font-size:.64rem; line-height:1.2; }
.footer-whatsapp strong { color:#fff; font-size:.94rem; line-height:1.2; letter-spacing:-.02em; }
.footer-whatsapp > svg:last-child { width:15px; height:15px; margin-left:auto; color:var(--orange); }
.footer-action { justify-self:end; }
.footer-action p { margin:0 0 .7rem; color:#cbd6e5; font-size:.74rem; }
.footer-action a { min-height:44px; display:inline-flex; align-items:center; gap:.5rem; color:var(--orange); font-size:.75rem; font-weight:800; }
.footer-action a svg { width:15px; height:15px; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:1.05rem; border-top:1px solid rgba(255,255,255,.14); color:#cbd6e5; font-size:.64rem; }
.footer-bottom p { margin:0; }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:1.15rem; }
.footer-bottom nav a { min-height:44px; display:inline-flex; align-items:center; color:#cbd6e5; }
.footer-bottom nav a:hover,.footer-whatsapp:hover,.footer-action a:hover { color:var(--orange); }

@media (max-width:900px) {
  .footer-main { grid-template-columns:minmax(180px,.8fr) minmax(240px,1.15fr) minmax(150px,.6fr); gap:1.6rem; }
  .footer-contact { padding-inline:1.5rem; }
}

@media (max-width:680px) {
  .footer-main { grid-template-columns:1fr; gap:1.65rem; padding-block:2.2rem 1.7rem; }
  .footer-contact { padding:1.35rem 0; border-inline:0; border-block:1px solid rgba(255,255,255,.16); }
  .footer-action { justify-self:start; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:.8rem; padding-block:1rem 1.35rem; }
  .footer-bottom nav { gap:1rem; }
}

.catalog-section { padding-block:6.4rem; background:linear-gradient(180deg,#fff 0%,var(--cream) 100%); }
.catalog-intro { display:grid; grid-template-columns:1.05fr .95fr; gap:3rem; align-items:end; margin-bottom:2.4rem; }
.catalog-intro .eyebrow { margin-bottom:.8rem; }
.catalog-intro h2 { max-width:620px; margin:0; color:var(--navy); font-size:clamp(2.15rem,4vw,3.65rem); letter-spacing:-.06em; line-height:1; }
.catalog-intro > p { max-width:430px; margin:0 0 .35rem; color:var(--muted); font-size:.92rem; }
.catalog-lines { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.7rem; margin:0 0 1.35rem; }
.catalog-line { min-height:104px; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto 1fr; gap:.25rem .6rem; padding:1rem; border:1px solid rgba(13,43,85,.12); border-radius:.7rem; color:var(--navy); background:#fff; text-align:left; cursor:pointer; transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease; }
.catalog-line span { grid-column:1/-1; color:var(--orange); font-size:.6rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.catalog-line strong { align-self:end; font-size:.78rem; line-height:1.15; letter-spacing:-.02em; }
.catalog-line svg { align-self:end; width:18px; height:18px; color:var(--orange); }
.catalog-line:hover,.catalog-line:focus-visible,.catalog-line.is-active { border-color:var(--orange); background:#fffaf0; box-shadow:0 10px 24px rgba(13,43,85,.08); outline:0; }
.catalog-line:hover { transform:translateY(-2px); }
.catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.catalog-card { display:grid; grid-template-rows:auto 1fr; min-width:0; overflow:hidden; border:1px solid rgba(13,43,85,.11); border-radius:.85rem; background:#fff; box-shadow:0 10px 28px rgba(13,43,85,.06); }
.catalog-image { position:relative; display:grid; place-items:center; aspect-ratio:1; overflow:hidden; background:#fff6e8; }
.catalog-image img { width:100%; height:100%; object-fit:contain; }
.catalog-watermark { position:absolute; right:.6rem; bottom:.6rem; padding:.26rem .46rem; border:1px solid rgba(255,255,255,.35); border-radius:.25rem; color:#fff; background:rgba(13,43,85,.78); box-shadow:0 2px 8px rgba(0,0,0,.14); font-size:.52rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.catalog-card > div:last-child { display:grid; align-content:start; gap:.28rem; padding:1rem 1rem .8rem; }
.catalog-card p { margin:0; color:var(--orange); font-size:.61rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.catalog-card h3 { min-height:2.5em; margin:0; color:var(--navy); font-size:.95rem; line-height:1.25; letter-spacing:-.03em; }
.catalog-card a { min-height:42px; display:inline-flex; align-items:center; gap:.35rem; margin-top:.2rem; color:var(--navy); font-size:.7rem; font-weight:800; }
.catalog-card a svg { width:14px; height:14px; color:var(--orange); }
.catalog-card:hover { border-color:rgba(243,156,18,.58); box-shadow:0 15px 34px rgba(13,43,85,.11); transform:translateY(-2px); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }

@media (max-width:900px) {
  .catalog-intro { gap:2rem; }
  .catalog-lines { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:680px) {
  .catalog-section { padding-block:4.3rem; }
  .catalog-intro { grid-template-columns:1fr; gap:1rem; margin-bottom:1.7rem; }
  .catalog-intro > p { margin:0; font-size:.88rem; }
  .catalog-lines { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; margin-bottom:1rem; }
  .catalog-line { min-height:94px; padding:.75rem; }
  .catalog-line strong { font-size:.72rem; }
  .catalog-grid { gap:.7rem; }
  .catalog-card > div:last-child { padding:.75rem .7rem .55rem; }
  .catalog-card h3 { min-height:3.5em; font-size:.8rem; }
  .catalog-card p { font-size:.51rem; }
  .catalog-card a { min-height:44px; font-size:.66rem; }
  .catalog-watermark { right:.35rem; bottom:.35rem; padding:.18rem .3rem; font-size:.42rem; }
}

.whatsapp-float { position:fixed; z-index:20; right:max(1.1rem,env(safe-area-inset-right)); bottom:max(1.1rem,env(safe-area-inset-bottom)); min-height:52px; display:inline-flex; align-items:center; gap:.55rem; padding:.7rem 1rem; border:1px solid #25d366; border-radius:999px; color:#fff; background:#25d366; box-shadow:0 12px 28px rgba(22,163,74,.3); font-size:.76rem; font-weight:800; transition:transform .18s ease,box-shadow .18s ease; }
.whatsapp-float svg { width:21px; height:21px; flex:0 0 auto; }
.whatsapp-float:hover { transform:translateY(-2px); background:#1ebe5d; border-color:#1ebe5d; box-shadow:0 17px 31px rgba(22,163,74,.36); }
.whatsapp-float:active { transform:translateY(0); }
@media (max-width:680px) { .whatsapp-float { width:56px; min-height:56px; justify-content:center; padding:0; border-radius:50%; }.whatsapp-float span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } }

/* Dirección visual 2026: fotografía real, superficies limpias y ritmo editorial. */
body { background:linear-gradient(180deg,#fffdf9 0,#fff 34rem); }
.topbar { min-height:76px; background:rgba(255,253,249,.9); box-shadow:0 8px 30px rgba(13,43,85,.045); }
.nav-cta,.button { border-radius:999px; }
.hero { min-height:660px; grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr); gap:clamp(2.5rem,5vw,5.5rem); padding-block:clamp(4rem,7vw,7.2rem) 5.4rem; }
.hero-copy { position:relative; z-index:2; }
.hero h1 { max-width:610px; font-size:clamp(3.2rem,5.7vw,5.65rem); line-height:.92; }
.hero h1::after { width:.38em; height:.1em; }
.lede { max-width:520px; font-size:1rem; line-height:1.7; }
.hero-visual { min-height:560px; isolation:isolate; border-radius:1.6rem 1.6rem 7rem 1.6rem; background:var(--navy); box-shadow:0 32px 75px rgba(13,43,85,.2); }
.hero-visual::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(180deg,rgba(4,18,36,.03) 48%,rgba(4,18,36,.72) 100%); }
.hero-slide { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity .65s ease,visibility .65s ease; }
.hero-slide.is-active { opacity:1; visibility:visible; }
.hero-slide img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.hero-slide:first-child img { object-position:58% center; }
.hero-slide figcaption { position:absolute; z-index:3; left:2rem; right:2rem; bottom:2rem; display:grid; gap:.18rem; color:#fff; }
.hero-slide figcaption span { color:#ffd36a; font-size:.67rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.hero-slide figcaption strong { max-width:360px; font-size:1.18rem; letter-spacing:-.035em; line-height:1.2; }
.hero-carousel-controls { position:absolute; z-index:5; right:1.25rem; bottom:1.35rem; display:flex; align-items:center; gap:.1rem; }
.hero-dot { position:relative; width:36px; height:36px; padding:0; border:0; border-radius:999px; background:transparent; cursor:pointer; }
.hero-dot::after { content:""; position:absolute; width:8px; height:8px; left:50%; top:50%; border-radius:999px; background:rgba(255,255,255,.62); transform:translate(-50%,-50%); transition:width .2s ease,background .2s ease; }
.hero-dot.is-active::after { width:24px; background:var(--orange); }
.hero-assurance { position:absolute; z-index:5; top:1.25rem; left:1.25rem; display:flex; align-items:center; gap:.65rem; padding:.7rem .85rem; border:1px solid rgba(255,255,255,.3); border-radius:.75rem; color:#fff; background:rgba(9,31,61,.78); backdrop-filter:blur(10px); }
.hero-assurance svg { width:20px; height:20px; color:#ffd36a; }
.hero-assurance span { display:grid; line-height:1.15; }
.hero-assurance small { color:#dce6f1; font-size:.57rem; }
.hero-assurance strong { font-size:.7rem; }

.product-section { padding-block:8rem 7.5rem; }
.products-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:1rem; }
.product-card { grid-column:span 3; min-height:400px; padding:0 1.25rem 1.2rem; border-radius:1.15rem; box-shadow:0 12px 34px rgba(13,43,85,.065); }
.product-card:first-child { grid-column:span 5; }
.product-card:last-child { grid-column:span 4; }
.product-media { height:180px; margin:0 -1.25rem 1rem; overflow:hidden; background:var(--cream); }
.product-card:first-child .product-media { height:210px; }
.product-media img { width:100%; height:100%; display:block; object-fit:contain; transition:transform .4s ease; }
.product-card:hover .product-media img { transform:scale(1.045); }
.product-icon { position:absolute; top:calc(180px - 25px); right:1.15rem; width:50px; height:50px; margin:0; border:4px solid #fff; box-shadow:0 7px 18px rgba(13,43,85,.12); }
.product-card:first-child .product-icon { top:calc(210px - 25px); }
.card-number { margin:.55rem 0 .3rem; color:var(--orange); letter-spacing:.07em; text-transform:uppercase; }
.product-card h3 { font-size:1.08rem; }
.product-card > p:not(.card-number) { min-height:0; }
.product-card a { margin-top:auto; color:var(--navy); }

.catalog-section { background:#f7f5f0; }
.catalog-line { border-radius:.9rem; box-shadow:0 7px 24px rgba(13,43,85,.035); }
.catalog-card { border:0; border-radius:1rem; box-shadow:0 12px 30px rgba(13,43,85,.075); }
.catalog-image img { transition:transform .35s ease; }
.catalog-card:hover .catalog-image img { transform:scale(1.035); }
.catalog-card > div:last-child { padding:1.1rem 1.15rem .9rem; }

@media (max-width:1050px) {
  .hero { grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr); gap:2.5rem; }
  .hero-visual { min-height:510px; }
  .product-card,.product-card:first-child,.product-card:last-child { grid-column:span 6; }
}

@media (max-width:680px) {
  .topbar { min-height:68px; }
  .hero { grid-template-columns:1fr; gap:2.4rem; padding-block:3rem 3.4rem; }
  .hero h1 { font-size:clamp(2.75rem,13vw,4rem); }
  .hero-visual { min-height:clamp(390px,116vw,520px); border-radius:1.1rem 1.1rem 4.25rem 1.1rem; }
  .hero-slide img { object-position:center; }
  .hero-slide:first-child img { object-position:63% center; }
  .hero-slide figcaption { left:1.2rem; right:1.2rem; bottom:1.35rem; }
  .hero-slide figcaption strong { max-width:230px; font-size:.92rem; }
  .hero-carousel-controls { right:.75rem; bottom:.85rem; }
  .hero-dot { width:40px; height:40px; }
  .hero-assurance { top:.9rem; left:.9rem; }
  .product-section { padding-block:4.8rem; }
  .products-grid { grid-template-columns:1fr; }
  .product-card,.product-card:first-child,.product-card:last-child { grid-column:auto; min-height:365px; }
  .product-media,.product-card:first-child .product-media { height:190px; }
  .product-icon,.product-card:first-child .product-icon { top:165px; }
  .catalog-card { border-radius:.75rem; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-slide { transition:none; }
}