/* =========================================================
   Grupo Bentomex — hoja de estilos
   Concepto visual: estratos geológicos (capas de mineral) y
   textura de granulometría. Un solo amarillo: #ebb000.
   ========================================================= */
:root{
  --navy:#0D3165;
  --navy-900:#061a38;
  --navy-800:#0a2650;
  --navy-600:#1d4a8a;
  --ink:#0e1930;
  --muted:#56627a;
  --mineral:#eef1f6;
  --mineral-2:#dfe5ee;
  --line:rgba(13,49,101,.12);
  --white:#ffffff;
  --yellow:#ebb000;
  --radius-sm:12px;
  --radius:20px;
  --radius-lg:32px;
  --shadow:0 30px 60px -30px rgba(6,26,56,.45);
  --shadow-soft:0 12px 30px -18px rgba(6,26,56,.35);
  --container:1220px;
  --font:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;
  --strata-white:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'><path d='M0 46 C240 18 420 70 720 44 C1000 20 1200 64 1440 36 L1440 140 L0 140Z' fill='%231d4a8a' fill-opacity='.55'/><path d='M0 74 C260 52 470 96 760 72 C1040 50 1220 92 1440 66 L1440 140 L0 140Z' fill='%23ebb000'/><path d='M0 84 C260 62 470 106 760 82 C1040 60 1220 102 1440 76 L1440 140 L0 140Z' fill='%23ffffff'/></svg>");
  --strata-mineral:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'><path d='M0 46 C240 18 420 70 720 44 C1000 20 1200 64 1440 36 L1440 140 L0 140Z' fill='%231d4a8a' fill-opacity='.55'/><path d='M0 74 C260 52 470 96 760 72 C1040 50 1220 92 1440 66 L1440 140 L0 140Z' fill='%23ebb000'/><path d='M0 84 C260 62 470 106 760 82 C1040 60 1220 102 1440 76 L1440 140 L0 140Z' fill='%23eef1f6'/></svg>");
  --grain:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px);
  --grain-dark:radial-gradient(rgba(13,49,101,.10) 1px,transparent 1.4px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.7;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px;text-decoration-color:var(--yellow)}
h1,h2,h3,h4{font-weight:600;line-height:1.12;letter-spacing:-.025em;margin:0 0 .55em;color:var(--navy-900)}
h1{font-size:clamp(2.3rem,5.2vw,4.2rem);font-weight:700;letter-spacing:-.035em}
h2{font-size:clamp(1.8rem,3.4vw,2.75rem);letter-spacing:-.03em}
h3{font-size:1.18rem;letter-spacing:-.015em}
p{margin:0 0 1.1em}
ul{padding-left:1.2em}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px;top:0;background:var(--yellow);color:var(--navy-900);padding:10px 16px;z-index:999;font-weight:600}
.skip:focus{left:12px;top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

/* ---------- Topbar + Header ---------- */
.topbar{background:var(--navy-900);color:#b9c5da;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.topbar a{color:#dfe6f2;text-decoration:none}
.topbar a:hover{color:#fff}
.topbar-info{display:flex;gap:22px;flex-wrap:wrap}
.social{display:flex;gap:14px;align-items:center}
.social a{display:grid;place-items:center}
.social svg{width:16px;height:16px;fill:currentColor}
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,49,101,.92);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}
.brand img{height:48px;width:auto}
.brand{display:flex;align-items:center;min-width:150px}
.nav{display:flex;align-items:center;gap:2px}
.nav a{color:#dfe6f2;text-decoration:none;font-size:14.5px;font-weight:500;padding:9px 13px;border-radius:999px;white-space:nowrap;position:relative}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav a[aria-current="page"]{color:#fff}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;background:var(--yellow)}
.nav .btn{margin-left:10px}
.nav .btn::after{display:none}
.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;padding:9px 16px;font:inherit;font-size:14px;cursor:pointer}
@media (max-width:1180px){
  .nav-toggle{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--navy-900);padding:12px 22px 24px;display:none;gap:0}
  .nav.open{display:flex}
  .nav a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0}
  .nav a[aria-current="page"]::after{left:4px;right:auto;width:28px;bottom:6px}
  .nav .btn{margin:16px 0 0;justify-content:center;border-radius:999px}
  .topbar-info span.hide-sm{display:none}
}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:600;font-size:15px;line-height:1;padding:16px 28px;border-radius:999px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.btn:hover{text-decoration:none}
.btn-gold{background:var(--yellow);color:var(--navy-900)}
.btn-gold:hover{background:#fff;color:var(--navy-900);box-shadow:0 0 0 3px var(--yellow) inset}
.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-900);color:#fff}
.btn-outline{border-color:var(--navy);color:var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}
.btn-sm{padding:12px 20px;font-size:14px}
.btn svg{width:18px;height:18px;fill:currentColor}

/* ---------- Etiqueta de sección: veta amarilla + texto ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--navy-600);margin-bottom:14px}
.eyebrow::before{content:"";width:26px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--navy) 0 45%,var(--yellow) 45% 100%)}
.hero .eyebrow,.dark .eyebrow,.section-navy .eyebrow{color:#cfd8e8}
.hero .eyebrow::before,.dark .eyebrow::before,.section-navy .eyebrow::before{background:linear-gradient(90deg,#5d7fb3 0 45%,var(--yellow) 45% 100%)}

/* ---------- Estratos (divisores) ---------- */
.strata{position:absolute;left:0;right:0;bottom:-1px;height:clamp(54px,7vw,110px);background:var(--strata-white) center bottom/100% 100% no-repeat;pointer-events:none;z-index:1}
.strata.to-mineral{background-image:var(--strata-mineral)}

/* ---------- Hero de inicio ---------- */
.hero{position:relative;color:#fff;background:var(--navy-900);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain) 0 0/22px 22px,radial-gradient(1200px 600px at 85% 10%,rgba(29,74,138,.75),transparent 60%),linear-gradient(180deg,var(--navy-900),var(--navy-800))}
.hero h1{color:#fff}
.hero .lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:#cdd7e8;max-width:54ch;font-weight:300}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---------- Hero de páginas internas ---------- */
.page-hero .hero-media{position:absolute;inset:0;z-index:-2}
.page-hero .hero-media img{width:100%;height:100%;object-fit:cover;opacity:.32;mix-blend-mode:luminosity}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,26,56,.96) 0%,rgba(6,26,56,.86) 50%,rgba(13,49,101,.5) 100%)}
.page-hero .container{padding-top:clamp(52px,7vw,90px);padding-bottom:clamp(100px,11vw,150px)}
.page-hero h1{max-width:19ch;font-size:clamp(2.1rem,4.4vw,3.5rem)}
.crumbs{font-size:13.5px;color:#9fb0cc;margin-bottom:22px}
.crumbs a{color:#dfe6f2;text-decoration:none}
.crumbs a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--yellow)}
.crumbs span{margin:0 8px;opacity:.6}

/* ---------- Cifras ---------- */
.stats{position:relative;z-index:2;margin-top:clamp(-70px,-5vw,-40px)}
.stats .container{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:10px;max-width:calc(var(--container) - 44px)}
.stat{padding:24px 26px;position:relative}
.stat+.stat::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:1px;background:var(--line)}
.stat strong{display:block;font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:700;color:var(--navy);line-height:1.05;letter-spacing:-.03em}
.stat strong::after{content:"";display:block;width:30px;height:4px;border-radius:4px;background:var(--yellow);margin:10px 0 8px}
.stat span{font-size:14px;color:var(--muted);line-height:1.45;display:block}
@media (max-width:820px){.stats .container{grid-template-columns:repeat(2,1fr);margin:0 22px;width:auto}.stat:nth-child(3)::before{display:none}}

/* ---------- Secciones ---------- */
.section{padding:clamp(70px,8vw,120px) 0;position:relative}
.section-sand{background:var(--mineral)}
.section-navy{background:var(--navy-900);color:#cdd7e8;isolation:isolate;overflow:hidden}
.section-navy::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain) 0 0/22px 22px,radial-gradient(900px 500px at 10% 100%,rgba(29,74,138,.6),transparent 60%)}
.section-navy h2,.section-navy h3{color:#fff}
.section-navy a:not(.btn){color:#fff}
.section-head{max-width:720px;margin-bottom:48px}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto}
.section-head.center .eyebrow{justify-content:center}
.section-head p{color:var(--muted);font-size:1.06rem}
.section-navy .section-head p{color:#b9c5da}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,6vw,84px);align-items:center}
.split.reverse>:first-child{order:2}
@media (max-width:900px){.split{grid-template-columns:1fr}.split.reverse>:first-child{order:0}}
.lead-dark{font-size:1.12rem;color:var(--ink)}

/* Marcos de imagen: fotografía vs. producto en "escenario" */
.media-frame{border-radius:var(--radius-lg);overflow:hidden;background:var(--mineral-2);box-shadow:var(--shadow);position:relative}
.media-frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.media-frame.contain{isolation:isolate;background:radial-gradient(circle at 50% 58%,#fff 0 34%,transparent 35%),var(--grain-dark) 0 0/18px 18px,linear-gradient(160deg,var(--mineral),var(--mineral-2));box-shadow:none;border:1px solid var(--line)}
.media-frame.contain img{object-fit:contain;padding:8%;mix-blend-mode:multiply}
.media-frame.tall img{aspect-ratio:4/5}
.section-navy .media-frame.contain{border-color:rgba(255,255,255,.12);box-shadow:var(--shadow)}
.media-badge{position:absolute;left:18px;bottom:18px;background:rgba(6,26,56,.88);backdrop-filter:blur(6px);color:#fff;padding:12px 18px;border-radius:16px;font-size:13.5px;max-width:80%}
.media-badge strong{color:var(--yellow);display:block;font-size:1.3rem;line-height:1.2}
.checks{list-style:none;padding:0;margin:0 0 1.6em;display:grid;gap:12px}
.checks li{position:relative;padding-left:34px}
.checks li::before{content:"";position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:7px;background:var(--yellow) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23061a38' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/12px no-repeat}

/* ---------- Grids y tarjetas ---------- */
.grid{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1020px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column}
.card p{color:var(--muted);font-size:15px}
.card .card-link{margin-top:auto;font-weight:600;font-size:14.5px;color:var(--navy)}
.icon{width:54px;height:54px;border-radius:16px;background:var(--navy);display:grid;place-items:center;margin-bottom:20px;position:relative;overflow:hidden;flex:none}
.icon::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--yellow)}
.icon svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Aplicaciones: lista editorial en vez de tarjetas iguales */
.apps{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}
.app{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;padding:30px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;align-content:start}
.app:nth-child(odd){padding-right:40px;border-right:1px solid var(--line)}
.app:nth-child(even){padding-left:40px}
.app .icon{grid-row:span 3;margin:0}
.app h3{margin:0}
.app p{margin:0;color:var(--muted);font-size:15px}
.app .go{font-weight:600;font-size:14.5px;color:var(--navy);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px;margin-top:6px}
a.app:hover h3{color:var(--navy-600)}
@media (max-width:760px){.apps{grid-template-columns:1fr}.app:nth-child(odd){border-right:0;padding-right:0}.app:nth-child(even){padding-left:0}}

/* Unidades de negocio: composición bento */
.bento{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:22px;min-height:620px}
.bento .unit:first-child{grid-row:span 2}
@media (max-width:860px){.bento{grid-template-columns:1fr;grid-template-rows:none;min-height:0}.bento .unit:first-child{grid-row:auto;min-height:420px}}
.unit{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:290px;color:#fff;display:flex;align-items:flex-end;text-decoration:none;isolation:isolate;background:var(--navy)}
.unit:hover{color:#fff}
.unit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.unit.contain{isolation:isolate;border:1px solid var(--line);background:var(--grain-dark) 0 0/18px 18px,radial-gradient(circle at 74% 50%,#fff 0 30%,transparent 31%),linear-gradient(160deg,var(--mineral),var(--mineral-2))}
.unit.contain img{object-fit:contain;inset:10% 6% 10% 50%;width:44%;height:80%;mix-blend-mode:multiply}
.unit::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,26,56,0) 35%,rgba(6,26,56,.9) 100%)}
.unit.contain::after{display:none}
.unit.contain .unit-body h3{color:var(--navy-900)}
.unit.contain .unit-body p{color:var(--muted)}
.unit.contain .unit-body .more{color:var(--navy)}
.unit.contain:hover{color:inherit}
.unit:hover img{transform:scale(1.04)}
.unit-body{padding:30px;max-width:440px}
.unit.contain .unit-body{max-width:52%}
.unit-body h3{color:#fff;margin-bottom:8px;font-size:1.45rem}
.unit-body p{color:#cdd7e8;font-size:15px;margin:0}
.unit-body .more{display:inline-block;margin-top:16px;color:#fff;font-weight:600;font-size:14.5px;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px}
@media (max-width:520px){.unit.contain{min-height:380px}.unit.contain img{inset:6% 15% 48% 15%;width:70%;height:46%}.unit.contain .unit-body{max-width:none}.unit.contain::after{display:none}}

/* ---------- Productos ---------- */
.product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,border-color .2s ease}
.product:hover{box-shadow:var(--shadow-soft);border-color:rgba(13,49,101,.22)}
.product-img{position:relative;aspect-ratio:1/1;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 60%,#fff 0 38%,transparent 39%),var(--grain-dark) 0 0/16px 16px,linear-gradient(165deg,var(--mineral),var(--mineral-2))}
.product-img img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}
.product:hover .product-img img{transform:translateY(-4px)}
.product-mesh{position:absolute;z-index:2;top:14px;left:14px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px}
.product-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.product-type{font-size:13px;font-weight:500;color:var(--muted)}
.product h3{font-size:1.1rem;margin:6px 0 6px;line-height:1.3}
.product .use{color:var(--muted);font-size:14.5px;margin-bottom:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.chip{font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;background:var(--mineral);color:var(--navy-800);border:1px solid var(--line);text-decoration:none}
.chip.gold{background:var(--yellow);border-color:var(--yellow);color:var(--navy-900);font-weight:600}
a.chip:hover{border-color:var(--navy)}
.product .btn{margin-top:auto;align-self:flex-start}

/* ---------- Tablas ---------- */
.spec-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.spec-table th,.spec-table td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--line);vertical-align:top}
.spec-table thead th{background:var(--navy);color:#fff;font-weight:600;font-size:14px}
.spec-table tbody th{background:var(--mineral);color:var(--navy-900);font-weight:600;width:38%}
.spec-table tr:last-child td,.spec-table tr:last-child th{border-bottom:0}
.table-wrap{overflow-x:auto;border-radius:var(--radius)}

/* ---------- Marcas ---------- */
.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.logo-tile{height:150px;display:grid;place-items:center;padding:20px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);isolation:isolate}
.logo-tile img{max-height:104px;max-width:78%;width:auto;object-fit:contain;mix-blend-mode:multiply}
@media (max-width:640px){.logos{grid-template-columns:repeat(2,1fr)}.logo-tile{height:120px;padding:14px}.logo-tile img{max-height:80px}}
.logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 18px}
.logo-pair .logo-tile{border:1px solid var(--line);border-radius:var(--radius-sm)}

/* ---------- Ubicaciones ---------- */
.locations{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 30px}
.loc{display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:500;font-size:15px}
.loc svg{width:20px;height:20px;flex:none;fill:var(--navy)}
.loc::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--yellow)}

/* ---------- Pasos / trayectoria (contenido secuencial real) ---------- */
.steps{counter-reset:step;display:grid;gap:0;position:relative}
.step{position:relative;padding:4px 0 28px 58px}
.step::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700;font-size:14px;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--yellow)}
.step::after{content:"";position:absolute;left:17px;top:46px;bottom:6px;width:2px;background:var(--line)}
.step:last-child::after{display:none}
.step h3{margin-bottom:4px;font-size:1.05rem}
.step p{margin:0;color:var(--muted);font-size:15px}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:0;max-width:880px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:0 4px}
.faq summary{cursor:pointer;font-weight:600;padding:22px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--navy-900);font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;background:var(--mineral) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D3165' stroke-width='2.4' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center/14px no-repeat;transition:transform .2s ease,background-color .2s ease}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--yellow)}
.faq details p{color:var(--muted);margin:0 0 22px;max-width:70ch}

/* ---------- CTA ---------- */
.cta-band{position:relative;overflow:hidden;isolation:isolate;background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:clamp(38px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain) 0 0/20px 20px,radial-gradient(800px 380px at 95% 120%,#2a5ba0,transparent 60%)}
.cta-band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--navy-600) 0 70%,var(--yellow) 70% 100%)}
.cta-band h2{color:#fff;margin:0 0 8px}
.cta-band p{color:#cdd7e8;margin:0}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Blog ---------- */
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}
.post-card:hover{box-shadow:var(--shadow-soft);border-color:rgba(13,49,101,.22);color:inherit}
.post-card .thumb{position:relative;isolation:isolate;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 60%,#fff 0 30%,transparent 31%),var(--grain-dark) 0 0/16px 16px,linear-gradient(165deg,var(--mineral),var(--mineral-2))}
.post-card .thumb img{width:100%;height:100%;object-fit:contain;padding:20px;mix-blend-mode:multiply}
.post-card .thumb.cover img{object-fit:cover;padding:0;mix-blend-mode:normal}
.post-card .body{padding:24px;display:flex;flex-direction:column;flex:1}
.post-card .meta{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:8px}
.post-card h3{font-size:1.12rem;margin-bottom:8px;line-height:1.3}
.post-card:hover h3{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}
.post-card p{color:var(--muted);font-size:14.5px;margin:0}
.article{max-width:760px;margin:0 auto}
.article h2{font-size:1.65rem;margin-top:1.9em}
.article h3{margin-top:1.4em}
.article p,.article li{font-size:1.07rem;color:#25314a}
.article li{margin-bottom:.4em}
.article figure{margin:2.2em 0}
.article figure .media-frame img{aspect-ratio:16/10}
.article figcaption{font-size:13.5px;color:var(--muted);margin-top:10px;text-align:center}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#b9c5da;font-size:14px}
.callout{background:var(--mineral);border-radius:var(--radius);padding:24px 26px 24px 30px;margin:2em 0;position:relative;overflow:hidden}
.callout::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--navy) 0 60%,var(--yellow) 60% 100%)}
.callout p:last-child{margin:0}
.related{border-top:1px solid var(--line);margin-top:64px;padding-top:44px}

/* ---------- Formulario de cotización (diseño original) ---------- */
.bentomex-quote-form{--bf-bg:#0D3165;--bf-input-bg:#161c35;--bf-border:rgba(255,255,255,.15);--bf-border-focus:#ebb000;--bf-placeholder:#8790b3;position:relative;overflow:hidden;isolation:isolate;background:var(--bf-bg);border-radius:var(--radius-lg);display:flex;justify-content:center;padding:52px 28px;font-family:var(--font)}
.bentomex-quote-form::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain) 0 0/20px 20px,radial-gradient(600px 300px at 100% 0,#1f4f92,transparent 60%)}
.bentomex-quote-form form{width:100%;max-width:660px;display:flex;flex-direction:column;gap:24px;margin:0}
.bentomex-quote-form .bf-title{color:#fff;font-size:1.65rem;margin:0}
.bentomex-quote-form .bf-intro{color:#b9c5da;margin:-12px 0 0;font-size:15px}
.bentomex-quote-form .bf-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:640px){.bentomex-quote-form .bf-row{grid-template-columns:1fr}.bentomex-quote-form{padding:40px 20px}}
.bentomex-quote-form .bf-field{display:flex;flex-direction:column}
.bentomex-quote-form label{font-weight:600;font-size:15px;margin-bottom:10px;color:#fff}
.bentomex-quote-form label .opt{font-weight:400;color:var(--bf-placeholder);font-size:13px}
.bentomex-quote-form input,.bentomex-quote-form select,.bentomex-quote-form textarea{background:var(--bf-input-bg);border:1px solid var(--bf-border);border-radius:14px;padding:16px 18px;color:#fff;font-family:inherit;font-size:15px;outline:none;width:100%;transition:border-color .15s ease}
.bentomex-quote-form input::placeholder,.bentomex-quote-form textarea::placeholder{color:var(--bf-placeholder)}
.bentomex-quote-form input:focus,.bentomex-quote-form select:focus,.bentomex-quote-form textarea:focus{border-color:var(--bf-border-focus)}
.bentomex-quote-form input[aria-invalid="true"],.bentomex-quote-form textarea[aria-invalid="true"],.bentomex-quote-form select[aria-invalid="true"]{border-color:#ff8a8a}
.bentomex-quote-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238790b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px;cursor:pointer}
.bentomex-quote-form select:invalid{color:var(--bf-placeholder)}
.bentomex-quote-form select option{background:var(--bf-input-bg);color:#fff}
.bentomex-quote-form textarea{resize:vertical;min-height:150px}
.bentomex-quote-form .bf-verify{background:rgba(255,255,255,.04);border:1px dashed rgba(235,176,0,.55);border-radius:16px;padding:18px}
.bentomex-quote-form .bf-verify label{display:block}
.bentomex-quote-form .bf-verify label svg{width:18px;height:18px;stroke:var(--yellow);fill:none;stroke-width:2;display:inline-block;vertical-align:-3px;margin-right:6px}
.bentomex-quote-form .bf-question{color:var(--yellow);white-space:nowrap}
.bentomex-quote-form .bf-verify input{max-width:180px}
.bentomex-quote-form .bf-verify small{display:block;color:var(--bf-placeholder);margin-top:8px;font-size:12.5px}
.bentomex-quote-form .bf-consent{display:flex;gap:12px;align-items:flex-start;color:#b9c5da;font-size:13.5px;font-weight:400;margin:0}
.bentomex-quote-form .bf-consent input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--yellow);padding:0}
.bentomex-quote-form .bf-consent a{color:#fff;text-decoration-color:var(--yellow)}
.bentomex-quote-form .bf-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.bentomex-quote-form button{align-self:flex-start;background:var(--yellow);color:var(--navy-900);font-weight:700;font-size:16px;font-family:inherit;border:none;border-radius:999px;padding:17px 42px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.bentomex-quote-form button:hover{background:#fff;box-shadow:0 0 0 3px var(--yellow) inset}
.bentomex-quote-form button:disabled{opacity:.6;cursor:not-allowed}
.bentomex-quote-form .bf-status{font-size:14px;margin:0;min-height:20px;color:#cdd7e8}
.bentomex-quote-form .bf-status.success{color:#7fd88f}
.bentomex-quote-form .bf-status.error{color:#ff8a8a}
.form-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:28px;align-items:start}
.form-layout>*,.bentomex-quote-form .bf-row>*,.bentomex-quote-form .bf-field{min-width:0}
@media (max-width:960px){.form-layout{grid-template-columns:1fr}}
.form-aside{display:grid;gap:14px;align-content:start}
.contact-card{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}
a.contact-card:hover{border-color:rgba(13,49,101,.3);box-shadow:var(--shadow-soft);color:inherit}
.contact-card .icon{margin:0;flex:none;width:48px;height:48px;border-radius:14px}
.contact-card .icon svg{width:22px;height:22px}
.contact-card small{display:block;color:var(--muted);font-size:13px}
.contact-card strong{font-size:1.02rem;color:var(--navy-900);overflow-wrap:anywhere}

/* ---------- Footer ---------- */
.site-footer{position:relative;background:var(--navy-900);color:#a9b8d0;font-size:14.5px;padding:80px 0 0;isolation:isolate;overflow:hidden}
.site-footer::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain) 0 0/22px 22px}
.site-footer::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--navy) 0 30%,var(--navy-600) 30% 75%,var(--yellow) 75% 100%)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}
.site-footer h3{color:#fff;font-size:1rem;margin-bottom:16px}
.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.site-footer a{color:#dbe3f0;text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--yellow)}
.site-footer .brand img{height:52px;margin-bottom:18px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:60px;padding:24px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}

/* ---------- WhatsApp flotante ---------- */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:13px 18px;border-radius:999px;font-weight:600;font-size:14.5px;text-decoration:none;box-shadow:0 14px 30px -10px rgba(0,0,0,.45)}
.wa-float:hover{color:#fff;background:#1fbd5a;text-decoration:none}
.wa-float svg{width:22px;height:22px;fill:#fff}
@media (max-width:560px){.wa-float span{display:none}.wa-float{padding:14px}}

/* ---------- Utilidades ---------- */
.mt-0{margin-top:0}.mb-0{margin-bottom:0}
.text-muted{color:var(--muted)}
.center{text-align:center}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}
.img-missing{background:linear-gradient(160deg,var(--mineral),var(--mineral-2))}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media (max-width:560px){.topbar{display:none}}

/* Alineación */
.section .center{margin-top:44px}
.product h3{min-height:2.6em}
.product .use{min-height:3em}
@media (max-width:640px){.product h3,.product .use{min-height:0}}

/* ---------- Ficha de producto (cubeta cuadrada) ---------- */
.pdp-top{background:linear-gradient(180deg,var(--mineral) 0,#fff 70%);padding:26px 0 clamp(56px,7vw,90px)}
.crumbs-light{color:var(--muted)}
.crumbs-light a{color:var(--navy)}
.crumbs-light a:hover{color:var(--navy-900)}
.pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,64px);align-items:start;margin-top:8px}
.gallery-main{position:relative;isolation:isolate;aspect-ratio:1/1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 56%,#fff 0 40%,transparent 41%),var(--grain-dark) 0 0/18px 18px,linear-gradient(165deg,var(--mineral),var(--mineral-2))}
.gallery-main img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.thumbs{display:flex;gap:12px;margin-top:14px}
.thumbs button{position:relative;isolation:isolate;width:86px;height:86px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--mineral);cursor:pointer}
.thumbs button[aria-pressed="true"]{border:2px solid var(--navy);box-shadow:0 0 0 3px rgba(235,176,0,.9)}
.thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdp-info h1{font-size:clamp(1.9rem,3.4vw,2.7rem);margin:4px 0 12px}
.pdp-sub{color:var(--muted);max-width:48ch;margin-bottom:22px}
.price-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.price{font-size:2.2rem;font-weight:700;color:var(--navy-900);letter-spacing:-.02em;line-height:1}
.price span{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0}
.stock{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1d7a46;background:#e8f6ee;padding:7px 14px;border-radius:999px}
.stock::before{content:"";width:8px;height:8px;border-radius:50%;background:#2eaa66}
.pdp-field{margin-top:24px;border:0;padding:0}
.pdp-field legend,.pdp-field .lbl{display:block;font-weight:600;font-size:14.5px;margin-bottom:12px;padding:0;color:var(--navy-900)}
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.swatch{position:relative}
.swatch input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.swatch span{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border:1px solid var(--line);border-radius:999px;font-size:15px;font-weight:500;background:#fff;cursor:pointer}
.swatch i{width:26px;height:26px;border-radius:50%;border:1px solid #bfc6d4}
.sw-white{background:#fff}
.sw-black{background:#1d1d1f}
.swatch input:checked+span{border:2px solid var(--navy);padding:9px 17px 9px 9px}
.swatch input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}
.sku{font-size:13px;color:var(--muted);margin:10px 0 0}
.buy{display:flex;gap:12px;flex-wrap:wrap}
.qty{display:flex;height:56px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.qty button{width:48px;border:0;background:var(--mineral);font-size:20px;color:var(--navy);cursor:pointer;font-family:inherit}
.qty button:hover{background:var(--mineral-2)}
.qty input{width:58px;border:0;text-align:center;font:600 16px var(--font);color:var(--ink);-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.btn-buy{flex:1;min-width:220px;height:56px}
.total{font-size:14px;color:var(--muted);margin:10px 0 0}
.assure{margin-top:26px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);border-radius:var(--radius);overflow:hidden;margin-top:28px}
.kpis div{background:var(--navy-800);padding:18px}
.kpis b{display:block;font-size:1.6rem;color:var(--yellow);line-height:1.1}
.kpis small{color:#cdd7e8;font-size:13px}
.bp-draw{border-radius:var(--radius-lg);padding:22px;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/24px 24px,#123a72;box-shadow:var(--shadow)}
.bp-draw svg{width:100%;height:auto;display:block}
.specs h3{margin-bottom:14px}
.spec-table.compact tbody th{width:auto;background:#fff;color:var(--muted);font-weight:500}
.spec-table.compact td{text-align:right;font-weight:600;color:var(--navy-900);white-space:nowrap}
.specs .dl{margin-top:20px}
.pdp-sticky{display:none}
@media (max-width:900px){
  .pdp{grid-template-columns:1fr}
  .pdp-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;align-items:center;gap:12px;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .pdp-sticky .p{font-weight:700;font-size:1.15rem;color:var(--navy-900)}
  .pdp-sticky .btn{flex:1;padding:14px 18px}
  body:has(.pdp-sticky) .wa-float{bottom:84px}
  body:has(.pdp-sticky){padding-bottom:76px}
}
@media (max-width:520px){.kpis{grid-template-columns:1fr}.thumbs button{width:72px;height:72px}}

/* =========================================================
   v3: más cercano al sitio original de Grupo Bentomex
   ========================================================= */
/* Topbar: íconos sociales en círculos amarillos */
.topbar .social a{width:28px;height:28px;border-radius:50%;background:var(--yellow);color:var(--navy-900)}
.topbar .social a:hover{background:#fff;color:var(--navy-900)}
.topbar .social svg{width:14px;height:14px}
/* Selector de idioma */
.nav a.lang-switch{color:var(--yellow);font-weight:600}
.nav a.lang-switch:hover{color:#fff}
/* Hero de inicio: fotografía completa como en el sitio original */
.hero-photo{min-height:min(86vh,760px);display:flex;align-items:center}
.hero-photo::before{display:none}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,26,56,.92) 0%,rgba(6,26,56,.7) 42%,rgba(6,26,56,.12) 75%),linear-gradient(0deg,rgba(6,26,56,.55),rgba(6,26,56,0) 40%)}
.hero-photo .container{padding-top:clamp(70px,9vw,120px);padding-bottom:clamp(120px,13vw,190px);width:100%}
.hero-photo h1{font-size:clamp(2.6rem,6vw,4.6rem);max-width:12ch;color:#fff}
.hero-photo .lead{max-width:52ch}
@media (prefers-reduced-motion:no-preference){
  .hero-photo .hero-copy>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
  .hero-photo .hero-copy>*:nth-child(2){animation-delay:.08s}
  .hero-photo .hero-copy>*:nth-child(3){animation-delay:.16s}
  .hero-photo .hero-copy>*:nth-child(4){animation-delay:.24s}
}
/* Hero interior con foto más visible (Nosotros) */
.page-hero.photo-hero .hero-media img{opacity:.6;mix-blend-mode:normal}
.page-hero.photo-hero::after{background:linear-gradient(95deg,rgba(6,26,56,.95) 0%,rgba(6,26,56,.82) 48%,rgba(6,26,56,.35) 100%)}
.page-hero.photo-hero .lead{max-width:62ch}
.page-hero.photo-hero h1{max-width:16ch}
/* Mapa del sitio original (PNG con fondo) */
.map-frame{border-radius:var(--radius-lg);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.map-frame img{width:100%;height:auto;display:block}
.locations{margin:24px 0 30px}
.loc{align-items:flex-start}
.loc svg{margin-top:2px}
.loc span{display:flex;flex-direction:column;line-height:1.35}
.loc strong{font-weight:600;color:var(--navy-900)}
.loc small{font-size:12.5px;color:var(--muted);font-weight:400}
.loc::after{margin-top:6px;align-self:flex-start}
/* Par de imágenes de producto alineadas */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.duo .media-frame img{aspect-ratio:3/4}
/* Tarjetas con foto (Compromiso con la calidad) */
.photo-card{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-lg);min-height:420px;display:flex;align-items:flex-end;color:#fff;background:var(--navy)}
.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.photo-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,26,56,.15) 0%,rgba(6,26,56,.92) 62%)}
.photo-card-body{padding:30px}
.photo-card h3{color:#fff;font-size:1.35rem;margin-bottom:10px}
.photo-card h3::after{content:"";display:block;width:34px;height:4px;border-radius:4px;background:var(--yellow);margin-top:12px}
.photo-card p{color:#dbe3f0;font-size:15px;margin:0}
@media (max-width:1020px){.grid-3 .photo-card{min-height:360px}}
/* Cifras sin superposición */
.stats.stats-flat{margin-top:0;padding:10px 0 0}
/* Nuestra expansión: foto de fondo + industrias */
.expansion{isolation:isolate}
.expansion-bg{position:absolute;inset:0;z-index:-2}
.expansion-bg img{width:100%;height:100%;object-fit:cover;opacity:.28}
.industries{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.industries li{display:flex;flex-direction:column;gap:14px;padding:22px 18px;border-radius:var(--radius);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(4px);color:#fff;font-weight:600;font-size:15px;line-height:1.35}
.industries .icon{background:var(--yellow);margin:0;width:48px;height:48px}
.industries .icon::after{display:none}
.industries .icon svg{stroke:var(--navy-900)}
@media (max-width:640px){.industries{grid-template-columns:repeat(2,1fr)}}
/* Footer como el sitio original: logo grande + contacto con círculos amarillos */
.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-logo img{width:min(100%,380px);height:auto}
.footer-claim{color:#fff;font-size:1.25rem;font-weight:600;line-height:1.35;margin-bottom:22px;max-width:30ch}
.footer-reach{display:grid;gap:16px}
.reach{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}
.reach:hover{color:#fff}
.reach:hover .reach-ico{background:#fff}
.reach-ico{flex:none;width:50px;height:50px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;transition:background .18s}
.reach-ico svg{width:22px;height:22px;fill:none;stroke:var(--navy-900);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reach-ico svg[viewBox] path[d^="M12 2a10"]{fill:var(--navy-900);stroke:none}
.reach span:last-child{display:flex;flex-direction:column;font-weight:600;font-size:1.02rem;overflow-wrap:anywhere}
.reach small{font-weight:400;font-size:13px;color:#a9b8d0}
.site-footer .social-lg a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.site-footer .social-lg a:hover{background:var(--yellow);border-color:var(--yellow);color:var(--navy-900)}
.site-footer .social-lg svg{width:16px;height:16px}
.footer-lang{margin-top:18px}
.footer-lang a{color:var(--yellow)}
@media (max-width:820px){.footer-top{grid-template-columns:1fr}}
/* Varios */
.note{font-size:13.5px;color:var(--muted);font-style:italic;margin:-6px 0 12px}
.related-list{padding-left:1.1em;margin:0}
.related-list li{margin-bottom:6px}
.table-note{margin-top:18px}
.article-cta{margin-top:48px}
.wa-float svg{fill:#fff}
.page-hero::before{display:none}