/* ICUSA — hoja principal.
   Las medidas salieron de medir el render del sitio original a 1440 px.
   Cada bloque anota el ancho/alto real al que debe quedar. */

/* El filtro de distribuidores esconde con el atributo `hidden`. La hoja del
   navegador dice [hidden]{display:none}, pero es de MENOR prioridad que
   cualquier regla nuestra: `.ic-tarjeta-distrib{display:flex}` la pisaba y las
   nueve tarjetas se seguían viendo aunque el contador dijera 3. */
[hidden]{display:none!important}


.ic-saltar{position:absolute;left:-9999px;top:0;background:var(--ic-navy);color:#fff;padding:10px 16px;z-index:100}
.ic-saltar:focus{left:10px;top:10px}

/* ───────── Cabecera ─────────
   Barra oscura de 32 px pegada arriba + barra blanca de 81 px. */
.ic-cabecera{padding-inline:20px}

.ic-barra-superior{
  display:flex;align-items:center;justify-content:space-between;
  min-height:32px;padding:0 20px;
  background:var(--ic-navy);
  border-radius:0 0 var(--ic-radius-sm) var(--ic-radius-sm);
}
.ic-barra-superior__tel{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:500}
.ic-barra-superior__tel svg{fill:#fff}
.ic-barra-superior__tels{display:flex;align-items:center;gap:22px}
.ic-barra-superior__tel{white-space:nowrap}
.ic-barra-superior__der{display:flex;align-items:center;gap:14px}
@media (max-width:420px){
  .ic-barra-superior__tels{gap:8px}
  .ic-barra-superior__tel{gap:4px}
  .ic-barra-superior__tel span{font-size:12px!important}
  .ic-barra-superior__redes{gap:0!important}
  .ic-barra-superior__redes a{padding:0 5px!important}
  .ic-barra-superior__der{gap:4px}
}
.ic-barra-superior__tel--fijo{color:rgba(255,255,255,.88)}
.ic-barra-superior__redes{display:flex;align-items:center;gap:10px}
.ic-barra-superior__redes svg{fill:#fff;opacity:.9;transition:opacity .2s}
.ic-barra-superior__redes a:hover svg{opacity:1}

.ic-nav{
  display:flex;align-items:center;justify-content:space-between;
  min-height:81px;padding:10px 12px;margin-top:10px;
  background:#fff;border-radius:var(--ic-radius-sm);
}
.ic-nav__logo img{width:152px;height:auto}
.ic-nav__panel{display:flex;align-items:center;gap:0;flex:1;justify-content:flex-end}
.ic-menu{flex:1;justify-content:center}
.ic-nav__toggle{display:none;background:none;border:0;padding:8px;color:var(--ic-navy)}
.ic-nav__toggle svg{fill:currentColor}
.ic-nav__toggle-cerrar{display:none}
.ic-nav__toggle[aria-expanded="true"] .ic-nav__toggle-abrir{display:none}
.ic-nav__toggle[aria-expanded="true"] .ic-nav__toggle-cerrar{display:block}

.ic-menu{display:flex;align-items:center;gap:0}
.ic-menu__item{position:relative}
.ic-menu__enlace{
  display:inline-flex;align-items:center;gap:6px;
  background:none;border:0;padding:0 12px;
  color:var(--ic-navy);font-size:16px;font-weight:500;line-height:22px;
  transition:color .2s;
}
.ic-menu__enlace:hover,.ic-menu__item--actual>.ic-menu__enlace{color:var(--ic-green)}
.ic-menu__flecha{fill:currentColor;margin-left:10px}
.ic-submenu{
  position:absolute;top:calc(100% + 14px);left:0;z-index:20;
  min-width:200px;padding:8px;
  background:#fff;border-radius:var(--ic-radius-sm);box-shadow:var(--ic-shadow);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.ic-menu__item--padre:hover .ic-submenu,
.ic-menu__item--padre:focus-within .ic-submenu,
.ic-menu__enlace[aria-expanded="true"]+.ic-submenu{opacity:1;visibility:visible;transform:none}
.ic-submenu__enlace{display:block;padding:8px 12px;border-radius:8px;color:var(--ic-navy);font-size:15px;font-weight:500}
.ic-submenu__enlace:hover{background:var(--ic-ground);color:var(--ic-green)}
.ic-nav__cta{gap:12px;padding:12px 20px;font-size:16px}
.ic-nav__cta svg{fill:currentColor}

/* ───────── Hero ─────────
   Caja de 1280×650, radio 24, foto de fondo, texto a 64 px del borde. */
.ic-hero{margin-top:24px}
.ic-hero__caja{
  display:flex;flex-direction:column;justify-content:center;
  min-height:650px;padding-left:64px;
  border-radius:var(--ic-radius-lg);overflow:hidden;
  background-size:cover;background-position:0% 0%;background-repeat:no-repeat;
  position:relative;
}
/* Velo del lado del texto, también en escritorio (ronda 5). Las fotos en alta
   del Figma no traen el oscurecido parejo que traían las del sitio y en
   Industrial el texto blanco quedaba sobre maquinaria clara. El velo solo
   cubre el lado izquierdo: la foto sigue limpia a la derecha. En celular lo
   sustituye el velo vertical de abajo (mismo ::after). */
.ic-hero__caja::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(16,24,32,.78) 0%,rgba(16,24,32,.55) 34%,rgba(16,24,32,.15) 62%,rgba(16,24,32,0) 78%);
}
/* El logo de Industrial viene en tinta oscura: sobre la foto no se veía.
   Agroplásticos ya usa su versión en negativo; aquí se pasa a blanco. */
.ic-unidad-industrial .ic-hero__logo{filter:brightness(0) invert(1)}
.ic-hero__contenido{position:relative;z-index:1;width:620px;max-width:100%}
.ic-hero__pildora{
  display:flex;width:fit-content;align-items:center;gap:0;
  height:32px;padding:0 6px;border-radius:var(--ic-radius-lg);
  background:rgba(128,128,128,.2);border:1px solid var(--ic-line-soft);
  color:#fff;font-size:12px;font-weight:600;line-height:22px;
}
.ic-hero__punto{flex:0 0 auto;width:14px;height:14px;margin-right:3.5px}
.ic-hero__pildora span{padding-left:5px}
.ic-hero__titulo{margin-top:12px;font-size:62px;font-weight:700;line-height:62px;color:#fff}
.ic-hero__titulo em{font-style:italic;color:var(--ic-green)}
.ic-hero__texto{margin-top:22px;font-size:18px;font-weight:500;line-height:26px;color:#fff}
.ic-hero__botones{display:flex;flex-wrap:wrap;gap:26px;margin-top:54px}
.ic-hero__cifras{
  display:inline-flex;gap:0;margin-top:34px;
  background:rgba(16,24,32,.55);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--ic-radius-sm);backdrop-filter:blur(4px);
}
.ic-hero__cifras li{display:flex;align-items:center;gap:10px;padding:14px 22px}
.ic-hero__cifras li+li{border-left:1px solid rgba(255,255,255,.18)}
.ic-hero__cifra{font-size:26px;font-weight:900;line-height:28px;color:var(--ic-white)}
.ic-hero__cifra-etq{font-size:12px;font-weight:600;line-height:15px;color:rgba(255,255,255,.8)}

/* ───────── Marquesina ───────── */
.ic-marquesina{margin-top:24px}
.ic-marquesina__caja{
  display:flex;gap:0;
  height:44px;align-items:center;overflow:hidden;
  background:var(--ic-navy);border-radius:var(--ic-radius-sm);
}
.ic-marquesina__pista{
  display:flex;align-items:center;gap:38px;flex:0 0 auto;
  padding-right:38px;
  animation:ic-desliza 38s linear infinite;
}
.ic-marquesina__pista li{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:500;white-space:nowrap}
@keyframes ic-desliza{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){
  .ic-marquesina__pista{animation:none}
  .ic-marquesina__caja{overflow-x:auto}
}

/* ───────── Infraestructura ─────────
   Dos columnas 576 / 704 dentro del contenedor de 1280. */
.ic-infra{margin-top:72px}
.ic-infra__rejilla{display:grid;grid-template-columns:45fr 55fr;align-items:start;gap:0}
.ic-infra__texto{width:100%}
.ic-infra__titulo{width:500px;max-width:100%;margin-top:20px}
.ic-infra__lista{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-top:32px}
.ic-infra__lista li{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:var(--ic-navy)}
.ic-infra__punto{flex:0 0 auto}
.ic-infra__check{flex:0 0 auto;fill:var(--ic-green)}
.ic-infra__remate{margin-top:28px;font-size:18px;font-weight:900;line-height:26px;color:var(--ic-navy)}
.ic-infra__botones{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:28px}
.ic-infra__figura{position:relative;margin:0;border-radius:var(--ic-radius-lg);overflow:hidden}
.ic-infra__imagen{width:100%;height:430px;object-fit:cover}
.ic-infra__pie{
  position:absolute;left:16px;bottom:16px;
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;border-radius:24px;
  background:rgba(16,24,32,.75);color:#fff;font-size:12px;font-weight:600;
}

/* ───────── Cuatro sellos ─────────
   Tarjetas de 306 px, blancas, borde 1 px, radio 12, padding 34/24. */
.ic-sellos{margin-top:96px}
.ic-sellos__rejilla{display:grid;grid-template-columns:306fr 306fr 306fr 266fr;gap:32px;align-items:stretch}
.ic-sello{
  display:flex;flex-direction:column;
  padding:34px 24px;
  background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm);
}
.ic-sello--cifra{background:transparent;border:0;padding:0;justify-content:center}
.ic-sello__icono{display:flex;align-items:center;height:65px;color:var(--ic-green)}
.ic-sello__icono svg{stroke:currentColor}
.ic-sello__logo{width:77px;height:65px;object-fit:contain;object-position:left center}
.ic-sello__titulo{margin-top:8px;font-size:18px;font-weight:900;line-height:20px;color:var(--ic-navy)}
.ic-sello__texto{margin-top:8px;font-size:14px;font-weight:500;line-height:20px;color:var(--ic-text)}
.ic-sello__cifra{font-size:72px;font-weight:900;line-height:72px;color:var(--ic-navy)}
.ic-sello__mas{color:var(--ic-green)}

/* ───────── Unidades de negocio ─────────
   Franja oscura alta y dos tarjetas encimadas 250 px. */
.ic-unidades{margin-top:80px}
.ic-unidades__caja{
  padding:80px 0 260px;
  background:var(--ic-navy);border-radius:var(--ic-radius-sm);
  text-align:center;
}
.ic-unidades__caja>*{margin-inline:auto}
.ic-unidades__titulo{margin-top:20px;font-size:42px;font-weight:800;line-height:44px;color:#fff}
.ic-unidades__titulo em{font-style:italic;color:var(--ic-green)}
.ic-unidades__texto{margin-top:22px;max-width:620px}
.ic-unidades__tarjetas{margin-top:-215px}
.ic-unidades__rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,620px));gap:62px;justify-content:center}
.ic-unidad{
  display:flex;flex-direction:column;
  background:#fff;border-radius:var(--ic-radius-lg);box-shadow:var(--ic-shadow);
  overflow:hidden;
}
.ic-unidad__foto{
  min-height:284px;padding:24px 0 0 24px;
  background-size:cover;background-position:0% 0%;
}
.ic-unidad__pildora{
  display:inline-flex;align-items:center;gap:0;height:32px;padding:0 12px;
  background:var(--ic-white);border-radius:99px;
  font-size:13px;line-height:32px;color:var(--ic-navy);
}
.ic-unidad__pildora strong{font-weight:900}
.ic-unidad__pildora span{color:var(--ic-text)}
.ic-unidad__cuerpo{display:flex;flex-direction:column;flex:1;padding:16px 26px 52px 24px}
.ic-unidad--industrial .ic-unidad__cuerpo{padding-right:42px}
.ic-unidad__logo{align-self:flex-start;width:auto;height:64px;max-height:none} /* alto fijo: con carga diferida y height:auto la tarjeta crecía 65 px al aparecer el logo y la página brincaba (19-oct) */
.ic-unidad__texto{margin-top:18px;font-size:18px;font-weight:500;line-height:26px;color:var(--ic-navy)}
.ic-unidad__lista{display:flex;flex-direction:column;gap:8px;margin-top:24px}
.ic-unidad__lista li{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:500;line-height:26px;color:var(--ic-text)}
.ic-unidad__check{flex:0 0 auto;fill:var(--ic-green)}
.ic-unidad__boton{align-self:flex-start;margin-top:42px}
.ic-btn--azul{background:var(--ic-blue);color:var(--ic-white)}
.ic-btn--azul:hover{background:#296BD3}

/* ───────── Proceso ───────── */
.ic-proceso{margin-top:104px}
.ic-proceso__encabezado{display:grid;grid-template-columns:920fr 360fr;gap:0;align-items:start}
.ic-proceso__texto{width:360px;max-width:100%}
.ic-proceso__titulo{width:600px;max-width:100%;margin-top:20px}
/* Cada paso es una tarjeta blanca de 272 con la foto adentro (240×142) y el
   número en una píldora verde translúcida abajo a la izquierda de la foto.
   El original es un carrusel de Elementor con flechas; aquí es una tira que
   se desliza con el dedo y las mismas flechas, sin librería. */
.ic-proceso__carrusel{margin-top:36px}
.ic-proceso__tira{
  /* Es una <ol> (los pasos van en orden): sin esto el navegador le mete 40 px de sangría. */
  margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
  scroll-snap-type:x mandatory;scrollbar-width:none;
}
.ic-proceso__tira::-webkit-scrollbar{display:none}
.ic-paso{display:flex;padding:0;scroll-snap-align:start}
.ic-paso__tarjeta{
  display:flex;flex-direction:column;width:100%;min-height:320px;
  padding:20px 16px;background:var(--ic-white);border-radius:var(--ic-radius-sm);
}
.ic-paso__foto{
  display:flex;align-items:flex-end;
  height:142px;padding:0 0 10px 10px;
  background-size:cover;background-position:center;
  border-radius:var(--ic-radius-sm);
}
.ic-paso__numero{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;height:34px;padding:8px 12px;
  background:var(--ic-green);border-radius:99px;
  color:var(--ic-navy);font-size:14px;font-weight:900;
  box-shadow:0 4px 12px rgba(16,24,32,.25);
}
.ic-paso__titulo{margin-top:14px;font-size:18px;font-weight:900;line-height:22px;color:var(--ic-navy)}
.ic-paso__texto{margin-top:8px;font-size:14px;font-weight:500;line-height:22px;color:var(--ic-text)}


/* ───────── Mapa ───────── */
.ic-mapa{margin-top:104px}
.ic-mapa__encabezado{display:flex;flex-direction:column;align-items:center;text-align:center}
.ic-mapa__titulo{width:600px;max-width:100%;margin-top:20px}
.ic-mapa__titulo em{font-style:italic;color:var(--ic-green)}
.ic-mapa__texto{width:710px;max-width:100%;margin-top:16px}
.ic-mapa__caja{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px;align-items:stretch;height:520px}
.ic-mapa__lienzo{height:520px;background:#F4F5F3;border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg);overflow:hidden}
.ic-mapa__panel{display:flex;flex-direction:column;gap:20px;padding:28px;background:#fff;border-radius:var(--ic-radius-lg)}
.ic-mapa__pastillas{display:flex;flex-wrap:wrap;gap:8px}
.ic-pastilla{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:24px;
  background:var(--ic-white);border:1px solid var(--ic-line);
  font-size:13px;font-weight:600;color:var(--ic-navy);
}
.ic-pastilla.activa{background:var(--ic-green);color:#fff}
.ic-mapa__region-nombre{font-size:22px;font-weight:900;color:var(--ic-navy)}
.ic-mapa__region-sub{margin-top:2px;font-size:13px;font-weight:600;color:var(--ic-green-dark)}
.ic-mapa__region-desc{margin-top:10px;font-size:15px;font-weight:500;line-height:22px;color:var(--ic-text)}
.ic-mapa__lugares{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}
.ic-mapa__lugares li{
  display:flex;align-items:center;gap:7px;
  padding:7px 10px;border:1px solid var(--ic-line);border-radius:8px;
  font-size:12px;font-weight:500;color:var(--ic-navy);
}
.ic-mapa__lugares li::before{
  content:'';flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--ic-green);
}
.ic-mapa__cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid var(--ic-line)}
.ic-mapa__cifra{display:block;font-size:26px;font-weight:900;color:var(--ic-navy)}
.ic-mapa__cifra-etq{display:block;font-size:12px;font-weight:600;color:var(--ic-text)}
.ic-mapa__nota{
  display:flex;align-items:center;gap:16px;
  width:1030px;max-width:100%;min-height:70px;margin:44px auto 0;padding:10px 20px;
  background:rgba(105,233,12,.07);border:1px solid rgba(105,233,12,.25);
  border-radius:var(--ic-radius-sm);
}
.ic-mapa__nota-icono{flex:0 0 auto;display:grid;place-items:center;width:50px;height:50px}
.ic-mapa__nota-titulo{font-size:16px;font-weight:900;line-height:22px;color:var(--ic-navy)}
.ic-mapa__nota-texto{margin-top:2px;font-size:14px;font-weight:500;line-height:20px;color:var(--ic-text)}

/* ───────── Blog ───────── */
.ic-blog{margin-top:80px}
.ic-blog__encabezado{display:flex;flex-direction:column;align-items:center;text-align:center}
.ic-blog__titulo{width:600px;max-width:100%;margin-top:20px}
.ic-blog__titulo em{font-style:italic;color:var(--ic-green)}
.ic-blog__texto{width:710px;max-width:100%;margin-top:16px}
.ic-blog__rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px;min-height:488px}
.ic-tarjeta-post{display:flex;flex-direction:column;background:#fff;border-radius:var(--ic-radius-lg);overflow:hidden}
.ic-tarjeta-post__foto img{width:100%;height:220px;object-fit:cover}
.ic-tarjeta-post__cuerpo{display:flex;flex-direction:column;flex:1;padding:24px}
.ic-tarjeta-post__fecha{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ic-text)}
.ic-tarjeta-post__fecha svg{fill:var(--ic-green)}
.ic-tarjeta-post__titulo{margin-top:10px;font-size:20px;font-weight:900;line-height:26px;color:var(--ic-navy)}
.ic-tarjeta-post__extracto{margin-top:10px;font-size:15px;font-weight:500;line-height:22px;color:var(--ic-text)}
.ic-tarjeta-post__enlace{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:14px;font-weight:700;color:var(--ic-green-dark)}
.ic-tarjeta-post__enlace svg{fill:currentColor}

/* ───────── Pie ─────────
   CTA oscuro de 819 px encimado 180 px sobre la tarjeta blanca. */
.ic-pie{margin-top:96px;margin-bottom:36px}
.ic-pie__interior{display:flex;flex-direction:column;align-items:center}
.ic-pie__cta{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  width:min(819px,100%);padding:56px 126px;
  background:var(--ic-navy);border-radius:var(--ic-radius-sm);
}
.ic-pie__cta-titulo{width:460px;max-width:100%;margin-top:12px;font-weight:800;line-height:48px}
.ic-pie__cta-texto{width:567px;max-width:100%;margin-top:6px;font-size:16px;line-height:22px}
.ic-pie__cta .ic-btn{margin-top:42px}
.ic-pie__tarjeta{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  width:100%;margin-top:-180px;padding:266px 108px 78px;
  background:#fff;border-radius:var(--ic-radius-sm);
}
.ic-pie__logo{width:150px;height:auto}
.ic-pie__col--marca{padding-right:12px}
.ic-pie__texto{margin-top:14px;font-size:14px;font-weight:500;line-height:22px;color:var(--ic-text)}
.ic-pie__tel{display:flex;align-items:center;gap:7px;width:fit-content}
.ic-pie__tel svg{fill:currentColor;flex:none;opacity:.75}
.ic-pie__tel:hover{color:var(--ic-green)}
.ic-pie__titulo{font-size:13px;font-weight:900;letter-spacing:1px;color:var(--ic-navy)}
.ic-pie__lista{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.ic-pie__lista a{font-size:14px;font-weight:500;color:var(--ic-text);transition:color .2s}
.ic-pie__lista a:hover{color:var(--ic-green)}
.ic-pie__sellos{margin-top:22px;width:120px;height:auto}
.ic-pie__base{
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  width:100%;margin-top:24px;padding:12px 20px;
  background:var(--ic-navy);border-radius:6px;
  color:#fff;font-size:13px;font-weight:500;line-height:22px;
}
.ic-pie__base a{color:#fff;font-weight:700}
.ic-pie__base a:hover{color:var(--ic-green)}

/* ───────── WhatsApp flotante ───────── */
/* Botón flotante de WhatsApp (ronda 4). Logo oficial en su verde sobre
   blanco: el logo ya es la burbuja, no se encierra en otro círculo de color.
   Al pasar el mouse se abre la píldora con el texto. */
.ic-wa{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
/* Verde oficial de WhatsApp con el logo en blanco (Fer, 8-oct-2026: «¿por qué
   no es verde? así más pro»). Es el estilo del botón oficial «Chat on WhatsApp». */
.ic-wa-flotante{
  display:inline-flex;align-items:center;gap:0;height:60px;padding:0 15px;
  background:#25D366;border-radius:999px;color:#fff;
  box-shadow:0 10px 28px rgba(37,211,102,.35),0 2px 6px rgba(16,24,32,.15);
}
.ic-wa-flotante:hover{background:#1EBE5A}
.ic-wa-flotante__logo{display:grid;place-items:center;width:30px;height:30px}
.ic-wa-flotante__logo svg{fill:#fff;width:30px;height:30px}
.ic-wa-flotante__texto{max-width:0;overflow:hidden;white-space:nowrap;font-size:15px;font-weight:700;opacity:0}
.ic-wa-flotante:hover .ic-wa-flotante__texto,.ic-wa-flotante:focus-visible .ic-wa-flotante__texto{max-width:220px;margin-left:10px;opacity:1}
.ic-wa__globo{
  position:relative;width:min(300px,calc(100vw - 48px));padding:18px 18px 16px;
  background:#fff;border-radius:var(--ic-radius-sm);
  box-shadow:0 18px 44px rgba(16,24,32,.18),0 0 0 1px rgba(16,24,32,.05);
}
.ic-wa__globo::after{content:'';position:absolute;right:26px;bottom:-7px;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 6px rgba(16,24,32,.06)}
.ic-wa__cerrar{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;padding:0;background:none;border:0;border-radius:50%;color:var(--ic-text);cursor:pointer}
.ic-wa__cerrar:hover{background:var(--ic-ground)}
.ic-wa__cerrar svg{fill:currentColor}
.ic-wa__quien{display:flex;align-items:center;gap:8px;padding-right:28px;font-size:13px;font-weight:700;color:var(--ic-navy)}
.ic-wa__punto{width:8px;height:8px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.2)}
.ic-wa__saludo{margin-top:8px;font-size:15px;line-height:21px;color:var(--ic-text)}
.ic-wa__accion{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:14px;padding:0 16px;background:#25D366;border-radius:999px;color:#fff;font-size:14px;font-weight:700}
.ic-wa__accion:hover{background:#1EBE5A}

/* Cabecera flotante: aparece al subir, se esconde al bajar (anim.js). */
/* Centrada con márgenes automáticos, NO con left:50% + translateX(-50%):
   como el transform está animado, el corrimiento horizontal también se
   animaba y la cabecera «llegaba de lado» al subir (Fer, 8-oct-2026).
   Aquí el transform solo mueve en vertical. */
.ic-nav.ic-nav--flotante{
  position:fixed;top:10px;left:0;right:0;z-index:70;margin:0 auto;
  width:min(var(--ic-container),calc(100% - 40px));min-height:66px;
  transform:translateY(calc(-100% - 24px));
  box-shadow:0 14px 40px rgba(16,24,32,.14),0 0 0 1px rgba(16,24,32,.04);
}
.ic-nav.ic-nav--flotante.ic-nav--visible{transform:translateY(0)}
.ic-nav--flotante .ic-nav__logo img{width:124px}

/* Barra de avance de lectura en el blog. */
.ic-avance{position:fixed;top:0;left:0;right:0;z-index:80;height:3px;background:transparent;pointer-events:none}
.ic-avance span{display:block;height:100%;width:100%;background:var(--ic-acento);transform-origin:0 50%;transform:scaleX(0)}

/* La aparición al hacer scroll vive en anim.css (archivo aparte, se puede
   quitar de un enqueue sin tocar el diseño). */








/* ───────── Mapa dibujado en SVG ─────────
   Sin proveedor de azulejos y sin llave de API. Al cambiar de región el
   viewBox se anima, así que el mapa hace zoom en vez de saltar. */
.ic-svgmapa{display:block;width:100%;height:100%;background:var(--ic-white)}
.ic-svgmapa__paises path{
  fill:#E9EDE7;stroke:var(--ic-white);stroke-width:1.2;stroke-linejoin:round;
  transition:fill .45s ease;
}
.ic-svgmapa__paises path.activo{fill:#D3E4C4}
.ic-svgmapa__punto{fill:var(--ic-green)}
.ic-svgmapa__halo{fill:var(--ic-green);opacity:.22;transform-origin:center;transform-box:fill-box}
/* Los pines nacen VISIBLES. La animación de entrada los dejaba en opacity:0
   mientras corría el retraso, que es justo el defecto que tumbaba el hero del
   sitio original. Lo único que se mueve es el halo, y eso no esconde nada. */
.ic-svgmapa__pin .ic-svgmapa__halo{animation:ic-latido 2.6s var(--retraso,0ms) infinite}
@keyframes ic-latido{0%,100%{transform:scale(1);opacity:.22}50%{transform:scale(1.5);opacity:.06}}
@media (prefers-reduced-motion:reduce){
  .ic-svgmapa__pin,.ic-svgmapa__pin .ic-svgmapa__halo{animation:none}
}

/* ═══════════ Páginas de unidad (Agroplásticos e Industrial) ═══════════ */

/* La unidad Industrial usa el azul del kit en vez del verde: botones,
   etiquetas y la palabra resaltada de los títulos. Así viene en el original. */
.ic-unidad-industrial{
  --ic-acento:var(--ic-blue);
  --ic-acento-hondo:#296BD3;
  --ic-acento-tinte:var(--ic-blue-tint);
}
.ic-unidad-industrial .ic-producto__sellos li{background:var(--ic-blue-tint);color:var(--ic-blue)}
.ic-unidad-industrial .ic-infra__check,
.ic-unidad-industrial .ic-unidad__check{fill:var(--ic-blue)}

.ic-hero__caja--interior .ic-hero__contenido{width:620px;max-width:100%}
.ic-hero__logo{width:auto;max-height:50px;margin-bottom:39px}

/* ── Enfoque estratégico: texto a la izquierda, foto a la derecha ── */
.ic-enfoque{margin-top:72px}
.ic-enfoque__caja{
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  padding:56px;background:var(--ic-white);border-radius:var(--ic-radius-lg);
}
.ic-enfoque__titulo{width:460px;max-width:100%;margin-top:20px}
.ic-enfoque__lead{margin-top:20px}
.ic-enfoque__boton{margin-top:28px}
.ic-enfoque__figura{position:relative;margin:0;border-radius:var(--ic-radius-sm);overflow:hidden}
.ic-enfoque__imagen{width:100%;height:340px;object-fit:cover}

/* ── Portafolio de productos ── */
.ic-portafolio{margin-top:88px}
.ic-portafolio__encabezado{display:flex;flex-direction:column;align-items:center;text-align:center}
.ic-portafolio__titulo{width:760px;max-width:100%;margin-top:20px}
.ic-portafolio__texto{width:710px;max-width:100%;margin-top:16px}
.ic-portafolio__rejilla{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;
  justify-content:start;margin-top:36px;
}
.ic-producto{
  display:flex;flex-direction:column;
  background:var(--ic-white);border-radius:var(--ic-radius-sm);
  padding-bottom:26px;overflow:hidden;
}
.ic-producto__foto{
  height:214px;
  background-size:cover;background-position:center;
  border-radius:var(--ic-radius-sm);
}
.ic-producto__cuerpo{display:flex;flex-direction:column;flex:1;padding:32px 22px 0}
.ic-producto__titulo{font-size:22px;font-weight:900;line-height:26px;color:var(--ic-navy)}
.ic-producto__texto{margin-top:12px;font-size:15px;font-weight:500;line-height:22px;color:var(--ic-text)}
.ic-producto__sellos{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ic-producto__sellos li{
  padding:4px 12px;border-radius:99px;
  background:var(--ic-green-tint);color:var(--ic-green-dark);
  font-size:12px;font-weight:600;line-height:20px;
}
.ic-producto__nota{
  margin-top:12px;padding-top:12px;border-top:1px solid var(--ic-line);
  font-size:13px;font-weight:500;line-height:20px;color:var(--ic-text-2,var(--ic-text));
}
.ic-producto__nota{margin-bottom:22px}
/* El botón va siempre al fondo de la tarjeta: así quedan a la misma altura en toda la fila. */
.ic-producto__boton{align-self:stretch;justify-content:center;margin-top:auto}




/* ═══════════ Páginas internas ═══════════ */

/* ── Documento de texto (postventa, garantías, legales) ── */
.ic-documento{margin-top:24px}
.ic-documento__caja{padding:64px;background:var(--ic-white);border-radius:var(--ic-radius-lg)}
.ic-documento__cabeza{padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid var(--ic-line)}
.ic-documento__titulo{font-size:42px;font-weight:700;line-height:48px;color:var(--ic-navy)}

.ic-prosa{max-width:66ch}
.ic-prosa h2{margin:36px 0 12px;font-size:24px;font-weight:900;line-height:30px;color:var(--ic-navy)}
.ic-prosa h3{margin:28px 0 10px;font-size:19px;font-weight:900;line-height:26px;color:var(--ic-navy)}
.ic-prosa p{margin:0 0 16px;font-size:17px;line-height:28px}
.ic-prosa ul,.ic-prosa ol{margin:0 0 20px;padding-left:22px;list-style:disc}
.ic-prosa ol{list-style:decimal}
.ic-prosa li{margin-bottom:9px;font-size:17px;line-height:28px}
.ic-prosa a{color:var(--ic-green-dark);text-decoration:underline;text-underline-offset:2px}
.ic-prosa strong{color:var(--ic-navy);font-weight:700}
.ic-prosa img{border-radius:var(--ic-radius-sm);margin:8px 0 20px}

/* ── Cifras grandes ── */
.ic-cifras{margin-top:40px}
.ic-cifras__rejilla{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
  padding:40px 56px;background:var(--ic-white);border-radius:var(--ic-radius-lg);
}
.ic-cifras__rejilla--tres{grid-template-columns:repeat(3,1fr);max-width:1100px;margin-inline:auto}
.ic-cifras__rejilla--dos{grid-template-columns:repeat(2,1fr);max-width:760px;margin-inline:auto}
.ic-cifra__num{font-size:52px;font-weight:900;line-height:56px;color:var(--ic-navy)}
.ic-cifra__num .editable{color:inherit}
.ic-cifra__etq{margin-top:4px;font-size:14px;font-weight:600;color:var(--ic-text)}

/* ── Historia ── */
.ic-historia{margin-top:72px}
.ic-historia__caja{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ic-historia__titulo{margin-top:20px}
.ic-historia__p{margin-top:16px}
.ic-historia__figura{position:relative;margin:0;border-radius:var(--ic-radius-lg);overflow:hidden}
.ic-historia__imagen{width:100%;height:420px;object-fit:cover}

/* ── Fichas (filosofía, propuesta de valor) ── */
.ic-filosofia,.ic-valor,.ic-calidad{margin-top:72px}
.ic-filosofia__rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.ic-valor__rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.ic-ficha{padding:32px 28px;background:var(--ic-white);border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm)}
.ic-ficha--valor{display:flex;flex-direction:column;align-items:flex-start}
.ic-ficha__check{fill:var(--ic-green);margin-bottom:12px}
.ic-ficha__titulo{font-size:20px;font-weight:900;line-height:26px;color:var(--ic-navy)}
.ic-ficha__texto{margin-top:10px;font-size:15px;font-weight:500;line-height:24px;color:var(--ic-text)}

/* ── Política de calidad ── */
.ic-calidad__caja{
  display:grid;grid-template-columns:1.4fr 1fr;gap:56px;
  padding:56px;background:var(--ic-white);border-radius:var(--ic-radius-lg);
}
.ic-calidad__titulo{margin-top:20px}
.ic-calidad__lead{margin-top:18px}
.ic-calidad__lista{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.ic-calidad__lista li{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:500;line-height:26px;color:var(--ic-navy)}
.ic-distintivos{display:flex;flex-direction:column;gap:14px}
.ic-distintivo{padding:22px;background:var(--ic-ground);border-radius:var(--ic-radius-sm)}
.ic-distintivo__titulo{font-size:16px;font-weight:900;line-height:22px;color:var(--ic-navy)}
.ic-distintivo__texto{margin-top:6px;font-size:14px;font-weight:500;line-height:20px;color:var(--ic-text)}

/* ── Red de distribuidores ── */
.ic-distrib{margin-top:24px}
.ic-distrib__cabeza{
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;
  padding:48px 56px;background:var(--ic-navy);border-radius:var(--ic-radius-sm);
}
.ic-distrib__titulo{margin-top:16px;color:var(--ic-white)}
.ic-distrib__titulo em{font-style:italic;color:var(--ic-green)}
.ic-distrib__texto{margin-top:12px;max-width:52ch}
.ic-distrib__cifras{display:flex;gap:38px}
.ic-distrib__cifra{display:block;font-size:38px;font-weight:900;line-height:42px;color:var(--ic-white)}
.ic-distrib__etq{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.7)}

.ic-distrib__filtros{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.ic-distrib__conteo{margin-top:18px;font-size:14px;font-weight:500;color:var(--ic-text)}
.ic-distrib__conteo strong{color:var(--ic-navy);font-weight:900}
.ic-distrib__rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px}
.ic-tarjeta-distrib{
  display:flex;flex-direction:column;
  padding:24px;background:var(--ic-white);
  border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm);
}
.ic-tarjeta-distrib__zonas{display:flex;flex-wrap:wrap;gap:8px}
.ic-marca{
  font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--ic-text-2,#8A928D);
}
.ic-marca--zona{color:var(--ic-green-dark);font-weight:700}
.ic-tarjeta-distrib__zonas{gap:14px}
.ic-tarjeta-distrib__nombre{margin-top:14px;font-size:17px;font-weight:900;line-height:23px;color:var(--ic-navy)}
.ic-tarjeta-distrib__dir{display:flex;gap:8px;margin-top:10px;font-size:13px;font-weight:500;line-height:20px;color:var(--ic-text)}
.ic-tarjeta-distrib__dir svg{flex:0 0 auto;margin-top:6px}
.ic-tarjeta-distrib__acciones{display:flex;gap:8px;margin-top:auto;padding-top:18px}
.ic-btn-chico{
  padding:7px 14px;border-radius:99px;border:1px solid var(--ic-line);
  font-size:13px;font-weight:700;color:var(--ic-navy);
}
.ic-btn-chico:hover{border-color:var(--ic-navy)}
.ic-btn-chico--wa{background:var(--ic-green-tint);border-color:transparent;color:var(--ic-green-dark)}
.ic-distrib__vacio{margin-top:24px;font-size:16px;color:var(--ic-text)}
.ic-distrib__cierre{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;
  margin-top:40px;padding:32px;background:var(--ic-navy);border-radius:var(--ic-radius-sm);
  color:var(--ic-white);text-align:center;
}
.ic-distrib__cierre p{font-size:16px;font-weight:500}

/* ── Formularios ── */
.ic-campo{display:flex;flex-direction:column;gap:7px}
.ic-campo__etq{font-size:13px;font-weight:700;color:var(--ic-navy)}
.ic-campo input,.ic-campo textarea,.ic-campo select{
  width:100%;padding:12px 14px;
  background:var(--ic-white);color:var(--ic-navy);
  border:1px solid var(--ic-line);border-radius:10px;
  font-family:inherit;font-size:15px;line-height:22px;
  transition:border-color .18s ease;
}
.ic-campo input:focus,.ic-campo textarea:focus,.ic-campo select:focus{
  outline:none;border-color:var(--ic-green);
}
.ic-campo textarea{resize:vertical;min-height:110px}
.ic-campo--check{flex-direction:row;align-items:flex-start;gap:10px;font-size:14px;color:var(--ic-text)}
.ic-campo--check input{width:auto;margin-top:3px}
.ic-senuelo{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ic-forma{display:flex;flex-direction:column;gap:18px;margin-top:26px;position:relative}
.ic-forma__titulo{font-size:15px;font-weight:900;color:var(--ic-navy)}
.ic-forma__enviar{align-self:flex-start}
.ic-forma__aviso{font-size:14px;font-weight:600;min-height:20px}
.ic-forma__aviso--ok{color:var(--ic-green-dark)}
.ic-forma__aviso--error{color:#C0442F}

/* ── Contacto ── */
.ic-contacto{margin-top:24px}
.ic-contacto__caja{
  display:grid;grid-template-columns:1.15fr .85fr;gap:0;
  background:var(--ic-white);border-radius:var(--ic-radius-lg);overflow:hidden;
}
.ic-contacto__forma{padding:56px}
.ic-contacto__titulo{margin-top:16px}
.ic-contacto__lead{margin-top:14px;max-width:52ch}
.ic-contacto__datos{padding:56px;background:var(--ic-navy);color:var(--ic-white)}
.ic-contacto__datos-titulo{font-size:20px;font-weight:900;color:var(--ic-white)}
.ic-dato{margin-top:26px}
.ic-dato__etq{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ic-green)}
.ic-dato__val{margin-top:5px;font-size:15px;font-weight:500;line-height:24px;color:rgba(255,255,255,.9)}
.ic-dato__val a:hover{color:var(--ic-green)}
.ic-contacto__wa{
  display:flex;align-items:center;gap:14px;
  margin-top:30px;padding:18px;border-radius:var(--ic-radius-sm);
  background:rgba(255,255,255,.07);
}
.ic-contacto__wa:hover{background:rgba(255,255,255,.12)}
.ic-contacto__wa svg{flex:0 0 auto;fill:var(--ic-green)}
.ic-contacto__wa strong{display:block;font-size:15px;font-weight:900;color:var(--ic-white)}
.ic-contacto__wa span{font-size:13px;line-height:19px;color:rgba(255,255,255,.75)}
.ic-contacto__redes{display:flex;gap:18px;margin-top:5px;font-size:15px;font-weight:700}
.ic-contacto__redes a:hover{color:var(--ic-green)}

/* ── Blog ── */
.ic-blog-lista{margin-top:24px}
.ic-blog-lista__cabeza{
  padding:44px 48px;background:var(--ic-navy);border-radius:var(--ic-radius-sm);
}
.ic-blog-lista__titulo{margin-top:14px;font-size:42px;font-style:italic;font-weight:700;line-height:48px;color:var(--ic-white)}
.ic-blog-lista__bajada{margin-top:12px;max-width:62ch}
.ic-blog__rejilla--lista{margin-top:32px;min-height:0}
.ic-paginacion{display:flex;justify-content:center;gap:8px;margin-top:48px}
.ic-paginacion .page-numbers{
  padding:9px 15px;border-radius:10px;background:var(--ic-white);
  font-size:14px;font-weight:700;color:var(--ic-navy);
}
.ic-paginacion .current{background:var(--ic-navy);color:var(--ic-white)}
.ic-blog-lista__vacio{margin-top:40px;text-align:center}

.ic-entrada{margin-top:24px}
.ic-entrada__caja{max-width:900px;padding:64px;background:var(--ic-white);border-radius:var(--ic-radius-lg)}
.ic-entrada__cabeza{padding-bottom:26px;border-bottom:1px solid var(--ic-line)}
.ic-entrada__titulo{margin-top:12px;font-size:40px;font-weight:900;line-height:46px;color:var(--ic-navy)}
.ic-entrada__portada{margin:32px 0 0}
.ic-entrada__portada img{width:100%;border-radius:var(--ic-radius-sm)}
.ic-entrada .ic-prosa{margin-top:32px}
.ic-entrada__pie{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px;padding-top:32px;border-top:1px solid var(--ic-line)}

/* ── Bolsa de trabajo ── */
.ic-cultura,.ic-vacantes{margin-top:72px}
.ic-cultura__rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.ic-testimonio{margin:0;padding:32px 28px;background:var(--ic-white);border-radius:var(--ic-radius-sm)}
.ic-testimonio blockquote{margin:0;font-size:16px;font-weight:500;line-height:26px;color:var(--ic-navy)}
.ic-testimonio figcaption{margin-top:18px}
.ic-testimonio strong{display:block;font-size:15px;font-weight:900;color:var(--ic-navy)}
.ic-testimonio span{font-size:13px;color:var(--ic-text)}

.ic-vacantes__rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}
.ic-vacante{
  display:flex;flex-direction:column;align-items:flex-start;
  padding:32px 28px;background:var(--ic-white);
  border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm);
}
.ic-vacante__cabeza{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.ic-vacante__icono{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--ic-green-tint);color:var(--ic-green-dark)}
.ic-vacante__titulo{margin-top:14px;font-size:22px;font-weight:900;line-height:28px;color:var(--ic-navy)}
.ic-vacante__texto{margin-top:10px;font-size:15px;font-weight:500;line-height:23px;color:var(--ic-text)}
.ic-vacante__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ic-vacante__meta span{padding:4px 12px;border-radius:99px;background:var(--ic-ground);font-size:12px;font-weight:600;color:var(--ic-text)}
.ic-vacante__boton{margin-top:22px}
.ic-vacantes__vacio{margin-top:32px;text-align:center}

.ic-cv{
  display:flex;justify-content:center;
  margin-top:40px;padding:48px 32px;background:var(--ic-navy);border-radius:var(--ic-radius-sm);
}
.ic-cv__centro{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px}
.ic-cv__icono{display:grid;place-items:center;color:var(--ic-green);margin-bottom:14px}
.ic-vacantes__contacto{display:flex;justify-content:center;margin-top:34px}
.ic-cv__titulo{font-size:26px;line-height:32px}
.ic-cv__texto{margin-top:12px}
.ic-cv .ic-btn{margin-top:24px}
.ic-forma--cv{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:0}
.ic-forma--cv .ic-campo__etq{color:rgba(255,255,255,.85)}
.ic-forma--cv .ic-campo--ancho{grid-column:1/-1}
.ic-forma--cv .ic-campo--check{color:rgba(255,255,255,.75)}
.ic-forma--cv button{grid-column:1/-1;justify-self:start}
.ic-forma--cv .ic-forma__aviso{grid-column:1/-1}

/* ═══════════ Adaptación por ancho ═══════════
   Van de mayor a menor a propósito: la regla más angosta debe ir al final
   para que gane. Si se reordenan, celular hereda reglas de escritorio. */

/* ───────── Entre tablet y escritorio ─────────
   El contenedor mide 1280 y necesita 1300 px de ventana para caber. Debajo
   de eso las rejillas de píxeles fijos se desbordaban: aquí pasan a
   fracciones. Arriba de 1300 nada cambia y el diseño queda igual al medido. */
/* ═════════ Páginas internas premium (ronda 5, 8-oct-2026) ═════════ */
/* Productos: 8 botones verdes sólidos idénticos pesaban; ahora contorno con el
   acento de la página (verde en Agro, azul en Industrial) y se llena al pasar. */
.ic-producto .ic-producto__boton{background:transparent;color:var(--ic-acento-hondo);box-shadow:inset 0 0 0 1.5px var(--ic-acento)}
.ic-producto .ic-producto__boton svg{fill:currentColor}
.ic-producto .ic-producto__boton:hover{background:var(--ic-acento);color:#fff}

/* Propuesta de valor (Conócenos): de 6 cajitas a un solo panel con líneas finas.
   La rejilla pinta las líneas con su propio fondo (gap de 1 px), así funcionan
   con 3, 2 o 1 columna sin reglas extra. */
.ic-valor__rejilla{gap:1px;background:var(--ic-line);border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg);overflow:hidden}
.ic-ficha--valor{border:0;border-radius:0;padding:34px 32px}
.ic-ficha--valor .ic-ficha__check{box-sizing:border-box;width:44px;height:44px;padding:10px;margin-bottom:18px;background:var(--ic-green-tint);border-radius:12px}

/* Contacto: «Cómo llegar» y enlaces con flecha. */
.ic-contacto__mapa{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;font-size:14px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:999px}
.ic-contacto__mapa:hover{border-color:var(--ic-green);color:var(--ic-green)}
.ic-contacto__mapa svg{fill:currentColor}
.ic-enlace-flecha{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ic-green-dark)}
.ic-enlace-flecha svg{fill:currentColor}
.ic-enlace-flecha:hover{color:var(--ic-navy)}
.ic-vacantes__contacto{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;font-size:16px;color:var(--ic-text)}
.ic-tarjeta-distrib__enlaces{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto;padding-top:16px}

/* Formulario de contacto premium (ronda 5): campos rellenos que se iluminan
   al enfocar, correo y teléfono en dos columnas, interés en pastillas. */
.ic-forma--premium{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;margin-top:30px}
.ic-forma--premium .ic-forma__titulo,.ic-forma--premium .ic-campo--ancho,.ic-forma--premium .ic-forma__pie,.ic-forma--premium .ic-forma__aviso{grid-column:1/-1}
.ic-forma--premium .ic-campo{gap:8px;margin:0;padding:0;border:0;min-width:0}
.ic-forma--premium .ic-campo__etq{font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--ic-navy)}
.ic-forma--premium .ic-campo input,.ic-forma--premium .ic-campo textarea{
  min-height:54px;padding:15px 16px;background:#F6F7F5;border:1.5px solid transparent;border-radius:12px;
  font-size:16px;color:var(--ic-navy);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ic-forma--premium .ic-campo textarea{min-height:140px;resize:vertical}
.ic-forma--premium .ic-campo input::placeholder,.ic-forma--premium .ic-campo textarea::placeholder{color:#9AA19A}
.ic-forma--premium .ic-campo input:hover,.ic-forma--premium .ic-campo textarea:hover{background:#F0F2EE}
.ic-forma--premium .ic-campo input:focus,.ic-forma--premium .ic-campo textarea:focus{background:#fff;border-color:var(--ic-green);box-shadow:0 0 0 4px rgba(116,204,52,.16);outline:none}
.ic-forma--premium .ic-campo input:user-invalid,.ic-forma--premium .ic-campo textarea:user-invalid{border-color:#D9644A;background:#FFF8F6}
.ic-interes__opciones{display:flex;flex-wrap:wrap;gap:8px}
.ic-interes__op{position:relative;cursor:pointer}
.ic-interes__op input{position:absolute;opacity:0;pointer-events:none}
.ic-interes__op span{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--ic-line);background:#fff;font-size:14px;font-weight:600;color:var(--ic-navy);transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.ic-interes__op:hover span{border-color:var(--ic-green)}
.ic-interes__op input:checked+span{background:var(--ic-navy);border-color:var(--ic-navy);color:#fff}
.ic-interes__op input:focus-visible+span{outline:2px solid var(--ic-green);outline-offset:2px}
.ic-forma__pie{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:4px}
.ic-forma--premium .ic-forma__enviar{min-height:54px;padding:0 30px;font-size:16px}
.ic-forma__legal{font-size:13px;color:var(--ic-text)}
.ic-forma__legal a{color:var(--ic-navy);text-decoration:underline;text-underline-offset:2px}

/* Fotos dentro de marcos redondeados: Safari no recorta las esquinas de una
   foto que se agranda al pasar el mouse (overflow:hidden + border-radius +
   transform). La máscara obliga a recortar. */
.ic-enfoque__figura,.ic-infra__figura,.ic-historia__figura,.ic-producto,.ic-tarjeta-post,.ic-unidad,.ic-paso__tarjeta,.ic-mencionado,.ic-linea-pendiente{-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate}
.ic-enfoque__imagen,.ic-infra__imagen,.ic-historia__imagen{border-radius:inherit}

/* Banda «de planta» de Industrial (ronda 5): la foto real de la Línea 3 a
   sangre y las tres líneas como renglones grandes separados por filetes azules,
   igual que una hoja técnica. El único lugar oscuro de la página. */
.ic-planta{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden;background:var(--ic-navy);border-radius:var(--ic-radius-lg);-webkit-mask-image:-webkit-radial-gradient(white,black)}
.ic-planta__foto{min-height:620px;background-size:cover;background-position:center}
.ic-planta__cuerpo{display:flex;flex-direction:column;justify-content:center;padding:64px 64px 56px}
.ic-planta__titulo{font-size:44px;font-weight:700;line-height:50px;color:#fff;text-wrap:balance}
.ic-planta__titulo .ic-verde{color:#6FA8FF}
.ic-planta__texto{margin-top:18px;max-width:46ch;font-size:17px;line-height:27px;color:rgba(255,255,255,.72)}
.ic-planta__lineas{margin-top:38px;border-top:1px solid rgba(51,130,255,.45)}
.ic-planta__lineas li{padding:20px 0;border-bottom:1px solid rgba(51,130,255,.45);font-size:24px;font-weight:600;line-height:31px;color:#fff;letter-spacing:-.005em}
.ic-planta__cierre{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:34px}
.ic-planta__nota{flex:1 1 260px;font-size:15px;line-height:23px;color:rgba(255,255,255,.72)}
.ic-unidad-industrial .ic-portafolio{margin-top:72px}

/* ═════════ Portada premium (ronda 4) ═════════ */
/* Fila de pruebas del encabezado: tres datos reales, discretos, bajo los botones. */
.ic-hero__pruebas{display:flex;flex-wrap:wrap;gap:10px 28px;width:max-content;max-width:min(860px,calc(100vw - 160px));margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}
.ic-hero__pruebas li{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#fff}
.ic-hero__pruebas svg{flex:none;width:10px;height:10px;fill:var(--ic-green);filter:drop-shadow(0 0 5px rgba(116,204,52,.6))}

/* Franja de confianza: un solo panel, cuatro columnas iguales. */
.ic-confianza{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg);overflow:hidden}
.ic-confianza__item{display:flex;flex-direction:column;padding:34px 30px 32px;border-left:1px solid var(--ic-line)}
.ic-confianza__item:first-child{border-left:0}
.ic-confianza__visual{display:flex;align-items:flex-end;height:64px;margin:0}
.ic-confianza__cifra{gap:0;font-size:60px;font-weight:900;line-height:1;color:var(--ic-navy);letter-spacing:-.02em}
.ic-confianza__mas{color:var(--ic-green)}
.ic-confianza__unidad{margin:0 0 8px 8px;font-size:18px;font-weight:700;letter-spacing:0;color:var(--ic-green-dark)}
.ic-confianza__logo{width:auto;height:58px;object-fit:contain;object-position:left bottom}
.ic-confianza__logo--ancho{height:52px}
.ic-confianza__titulo{margin-top:18px;font-size:18px;font-weight:900;line-height:23px;color:var(--ic-navy)}
.ic-confianza__texto{margin-top:8px;font-size:14px;font-weight:500;line-height:21px;color:var(--ic-text)}

.ic-blog__pie{display:flex;justify-content:center;margin-top:36px}
/* Solo se ve en modo edición: lleva a la tabla de distribuidores del panel. */
.ic-aviso-editor{margin:18px 0 0;padding:14px 18px;font-size:15px;line-height:22px;color:var(--ic-navy);background:#EAF2FE;border:1px dashed #5FA7FB;border-radius:12px}
.ic-aviso-editor a{font-weight:700;text-decoration:underline}

/* ═════════ Blog (ronda 4, 7-oct-2026) ═════════
   La entrada se arma para ser citada: respuesta corta en su caja, puntos
   clave, artículo con tablas que se deslizan en celular, productos, preguntas
   y un solo llamado a WhatsApp. Los colores salen del acento de la página. */
.ic-migas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72)}
.ic-migas a{color:rgba(255,255,255,.86)}
.ic-migas a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

.ic-articulo{margin-top:24px}
.ic-articulo__banda{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;
  padding:56px 56px 56px 64px;background:var(--ic-navy);border-radius:var(--ic-radius-lg);
}
.ic-articulo__titulo{margin-top:18px;font-size:44px;font-weight:700;line-height:50px;color:#fff;text-wrap:balance}
.ic-articulo__bajada{margin-top:16px;max-width:56ch;font-size:18px;line-height:28px;color:rgba(255,255,255,.82)}
.ic-articulo__meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:14px;font-weight:500;color:rgba(255,255,255,.7)}
.ic-articulo__meta span{display:inline-flex;align-items:center;gap:8px}
.ic-articulo__meta svg{fill:var(--ic-green)}
.ic-articulo__foto{margin:0;border-radius:var(--ic-radius-sm);overflow:hidden;aspect-ratio:4/3}
.ic-articulo__foto img{width:100%;height:100%;object-fit:cover}

.ic-articulo__cuerpo{margin-top:48px}
.ic-articulo__rejilla{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start;max-width:1240px}
.ic-articulo__principal{min-width:0}

.ic-respuesta{padding:26px 28px;background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm)}
.ic-respuesta__etq{display:inline-block;padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ic-green-dark);background:var(--ic-green-tint);border-radius:999px}
.ic-respuesta__texto{margin-top:14px;font-size:20px;font-weight:500;line-height:31px;color:var(--ic-navy)}

.ic-puntos{margin-top:20px;padding:24px 28px;background:var(--ic-green-tint);border-radius:var(--ic-radius-sm)}
.ic-puntos__titulo{font-size:15px;font-weight:700;color:var(--ic-navy)}
.ic-puntos ul{display:grid;gap:12px;margin-top:14px}
.ic-puntos li{display:grid;grid-template-columns:18px 1fr;gap:12px;font-size:16px;line-height:24px;color:var(--ic-navy)}
.ic-puntos__check{margin-top:4px;fill:var(--ic-green-dark)}

.ic-prosa--articulo{max-width:none;margin-top:40px}
.ic-prosa--articulo h2{scroll-margin-top:110px;margin-top:44px;font-size:28px;line-height:34px}
.ic-prosa--articulo h3{scroll-margin-top:110px}
.ic-tabla{margin:8px 0 26px;overflow-x:auto;border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm);background:#fff}
.ic-tabla:focus-visible{outline:2px solid var(--ic-acento);outline-offset:2px}
.ic-tabla table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:22px}
.ic-tabla th{padding:12px 16px;text-align:left;font-weight:700;color:#fff;background:var(--ic-navy)}
.ic-tabla td{padding:12px 16px;vertical-align:top;border-top:1px solid var(--ic-line);color:var(--ic-text)}
.ic-tabla tbody tr:nth-child(even) td{background:#FAFBF9}
.ic-tabla td:first-child{font-weight:700;color:var(--ic-navy)}

.ic-mencionados{margin-top:48px}
.ic-mencionados__titulo,.ic-faq__titulo{font-size:26px;font-weight:700;line-height:32px;color:var(--ic-navy)}
.ic-mencionados__rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.ic-mencionado{display:grid;grid-template-columns:132px 1fr;gap:0;overflow:hidden;background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm)}
.ic-mencionado__foto{display:block;min-height:132px;background-size:cover;background-position:center}
.ic-mencionado__cuerpo{display:flex;flex-direction:column;gap:6px;padding:16px 18px}
.ic-mencionado__nombre{font-size:17px;font-weight:700;color:var(--ic-navy)}
.ic-mencionado__texto{font-size:14px;line-height:20px;color:var(--ic-text)}
.ic-mencionado__ver{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:700;color:var(--ic-green-dark)}
.ic-mencionado__ver svg{fill:currentColor}

.ic-faq{margin-top:48px}
.ic-faq__item{margin-top:12px;background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm)}
.ic-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;list-style:none;cursor:pointer;font-size:17px;font-weight:700;line-height:24px;color:var(--ic-navy)}
.ic-faq__item summary::-webkit-details-marker{display:none}
.ic-faq__signo{position:relative;flex:0 0 22px;height:22px;border-radius:50%;background:var(--ic-green-tint)}
.ic-faq__signo::before,.ic-faq__signo::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:2px;background:var(--ic-green-dark);transform:translate(-50%,-50%)}
.ic-faq__signo::after{transform:translate(-50%,-50%) rotate(90deg)}
.ic-faq__item p{padding:0 22px 20px;font-size:16px;line-height:26px;color:var(--ic-text)}

.ic-articulo__cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:48px;padding:32px 36px;background:var(--ic-navy);border-radius:var(--ic-radius-lg)}
.ic-articulo__cta-titulo{font-size:22px;font-weight:700;line-height:29px;color:#fff;text-wrap:balance}
.ic-articulo__cta-texto{margin-top:8px;font-size:15px;line-height:22px;color:rgba(255,255,255,.75)}
.ic-articulo__cta .ic-btn{flex:none}

.ic-articulo__lateral{position:sticky;top:100px}
.ic-articulo__pegajoso{display:grid;gap:18px}
.ic-indice{padding:22px 22px 18px;background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-sm)}
.ic-indice__titulo{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ic-text)}
.ic-indice ol{display:grid;gap:2px;margin-top:12px;list-style:none;padding:0}
.ic-indice a{display:block;padding:7px 0 7px 12px;border-left:2px solid var(--ic-line);font-size:14px;font-weight:500;line-height:20px;color:var(--ic-text)}
.ic-indice a:hover{color:var(--ic-navy)}
.ic-indice a[aria-current]{border-left-color:var(--ic-acento);color:var(--ic-navy);font-weight:700}
.ic-indice--movil{display:none;margin-top:20px}
.ic-indice--movil summary{cursor:pointer;font-size:15px;font-weight:700;color:var(--ic-navy)}
.ic-lateral-dist{padding:22px;background:var(--ic-green-tint);border-radius:var(--ic-radius-sm)}
.ic-lateral-dist__titulo{font-size:16px;font-weight:700;color:var(--ic-navy)}
.ic-lateral-dist__texto{margin-top:6px;font-size:14px;line-height:21px;color:var(--ic-text)}
.ic-lateral-dist__enlace{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:700;color:var(--ic-green-dark)}
.ic-lateral-dist__enlace svg{fill:currentColor}
.ic-lateral-wa{justify-content:center;width:100%}
.ic-btn--wa svg{fill:currentColor}

.ic-relacionadas{margin-top:96px}
.ic-relacionadas__titulo{text-align:center}

/* Índice del blog y archivos por estado. */
.ic-blog-estados{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:28px}
.ic-blog-estados__etq{font-size:14px;font-weight:700;color:var(--ic-navy)}
.ic-blog-estados ul{display:flex;flex-wrap:wrap;gap:8px}
.ic-blog-estados a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600;color:var(--ic-navy);background:#fff;border:1px solid var(--ic-line);border-radius:999px}
.ic-blog-estados a span{font-size:12px;font-weight:700;color:var(--ic-text)}
.ic-blog-estados a:hover{border-color:var(--ic-acento)}
.ic-blog-estados a[aria-current]{color:#fff;background:var(--ic-navy);border-color:var(--ic-navy)}
.ic-blog-estados a[aria-current] span{color:rgba(255,255,255,.7)}
.ic-tarjeta-post--blog .ic-tarjeta-post__foto{position:relative;display:block;overflow:hidden}
/* Los blogs enlazan a cada producto con ancla: que el título no quede bajo la cabecera flotante. */
.ic-producto{scroll-margin-top:110px}
.ic-tarjeta-post__estado{position:absolute;left:14px;top:14px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--ic-navy);background:rgba(255,255,255,.92);border-radius:999px;backdrop-filter:blur(6px)}
.ic-tarjeta-post--destacada{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-column:1/-1}
.ic-tarjeta-post--destacada .ic-tarjeta-post__foto img{height:400px}
.ic-tarjeta-post--destacada .ic-tarjeta-post__cuerpo{justify-content:center;padding:40px 48px}
.ic-tarjeta-post--destacada .ic-tarjeta-post__enlace{margin-top:0}
.ic-tarjeta-post--destacada .ic-tarjeta-post__titulo{font-size:30px;line-height:36px}
.ic-tarjeta-post--destacada .ic-tarjeta-post__extracto{font-size:17px;line-height:26px}
.ic-blog-lista__cabeza--estado .ic-blog-lista__titulo{font-style:normal}

/* Pantalla ancha (ronda 4). Va ANTES de los max-width: no se cruza con
   ninguno porque arranca en 1500. */
@media (min-width:1500px){
  .ic-portafolio__rejilla{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
  /* Industrial tiene 3 productos: con 4 columnas quedaba un hueco. */
  .ic-unidad-industrial .ic-portafolio__rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:1299px){
  .ic-infra__rejilla{grid-template-columns:45% 1fr;gap:32px}
  .ic-sellos__rejilla{grid-template-columns:repeat(4,1fr)}
  .ic-unidades__rejilla{grid-template-columns:1fr 1fr;gap:32px}
  .ic-proceso__encabezado{grid-template-columns:1.6fr 1fr;gap:32px}
  .ic-portafolio__rejilla{grid-template-columns:repeat(3,1fr);justify-content:stretch}
  .ic-mapa__caja{grid-template-columns:1fr 1fr}
  .ic-hero__titulo{font-size:52px;line-height:54px}
  .ic-proceso__texto,
  .ic-mapa__titulo,.ic-mapa__texto,.ic-mapa__nota,
  .ic-blog__titulo,.ic-blog__texto,
  .ic-portafolio__titulo,.ic-portafolio__texto,
  .ic-infra__titulo,.ic-enfoque__titulo,
  .ic-pie__cta-titulo,.ic-pie__cta-texto,
  .ic-unidades__titulo,.ic-unidades__texto,.ic-proceso__titulo{width:100%}
  .ic-pie__cta{padding:56px 64px}
  .ic-pie__tarjeta{padding:266px 64px 78px}
}

/* ───────── Tablet ───────── */
@media (max-width:1024px){
  .ic-hero__caja{min-height:520px;padding:48px 40px}
  .ic-hero__titulo{font-size:44px;line-height:48px}
  .ic-infra__rejilla{grid-template-columns:1fr;gap:32px}
  .ic-infra__texto{padding-right:0}
  .ic-sellos{margin-top:90px}
  .ic-sellos__rejilla{grid-template-columns:repeat(2,1fr)}
  .ic-unidades__rejilla{grid-template-columns:1fr;gap:24px}
  .ic-unidades__tarjetas{margin-top:-220px}
  .ic-proceso,.ic-mapa{margin-top:110px}
  .ic-proceso__encabezado,.ic-blog__encabezado{grid-template-columns:1fr;gap:16px;align-items:start}
  .ic-proceso__tira{grid-template-columns:repeat(2,50%)}
  .ic-mapa__caja{grid-template-columns:1fr;height:auto}
  .ic-blog__rejilla{grid-template-columns:repeat(2,1fr)}
  .ic-pie__tarjeta{grid-template-columns:1fr 1fr;padding:240px 48px 56px;gap:32px}
  .ic-nav__panel{gap:16px}
  .ic-menu{gap:18px}
}

@media (max-width:1024px){
  .ic-enfoque{margin-top:64px}
  .ic-enfoque__caja{grid-template-columns:1fr;gap:32px;padding:32px}
  .ic-portafolio{margin-top:80px}
  .ic-portafolio__rejilla{grid-template-columns:repeat(2,1fr);justify-content:stretch}
  .ic-hero__caja--interior .ic-hero__contenido{width:100%}
}

@media (max-width:1024px){
  .ic-documento__caja,.ic-entrada__caja{padding:40px}
  .ic-cifras__rejilla{grid-template-columns:repeat(2,1fr);padding:32px}
  .ic-cifras__rejilla--tres{grid-template-columns:repeat(3,1fr)}
  .ic-historia__caja,.ic-calidad__caja,.ic-contacto__caja,.ic-cv{grid-template-columns:1fr;gap:32px}
  .ic-calidad__caja{padding:32px}
  .ic-contacto__forma,.ic-contacto__datos{padding:32px}
  .ic-filosofia__rejilla,.ic-valor__rejilla,.ic-cultura__rejilla{grid-template-columns:repeat(2,1fr)}
  .ic-distrib__cabeza{grid-template-columns:1fr;padding:32px}
  .ic-distrib__rejilla{grid-template-columns:repeat(2,1fr)}
  .ic-cv{padding:32px}
}

/* ───────── Menú en hamburguesa ─────────
   A 768 px el menú completo pedía 1007 px de ancho (logo 152 + menú 716 +
   botón 139) y se desbordaba 185 px. Colapsa desde 1024. */
@media (max-width:1024px){
  .ic-nav{min-height:64px;padding:8px 10px;position:relative;flex-wrap:wrap}
  .ic-nav__logo img{width:120px}
  .ic-nav__toggle{display:inline-flex}
  .ic-nav__panel{
    display:none;flex-direction:column;align-items:stretch;gap:6px;
    width:100%;margin-top:10px;padding-top:12px;border-top:1px solid var(--ic-line);
  }
  .ic-nav__panel.abierto{display:flex}
  .ic-menu{flex-direction:column;align-items:stretch;gap:2px}
  .ic-menu__enlace{width:100%;justify-content:space-between;padding:12px 8px;font-size:17px}
  .ic-submenu{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;padding:0 0 6px 12px;min-width:0;
    display:none;
  }
  .ic-menu__enlace[aria-expanded="true"]+.ic-submenu{display:block}
  .ic-nav__cta{justify-content:center;margin-top:8px}
}

/* ───────── Áreas táctiles ─────────
   En celular, un enlace de menos de 40 px de alto es difícil de picar con el
   dedo. Se le da aire a los enlaces de listas, pie y barra superior. */
/* Foto ligera en celular (inc/content.php → icusa_fondo_movil). El !important
   es para ganarle al style en línea, que trae la foto de escritorio. */
@media (max-width:767px){
  .editable-bg[style*="--ic-fondo-movil"]{background-image:var(--ic-fondo-movil)!important}
}

@media (max-width:767px){
  .ic-barra-superior{min-height:44px}
  .ic-barra-superior__tel,
  .ic-barra-superior__redes a{display:inline-flex;align-items:center;min-height:40px}
  .ic-barra-superior__redes{gap:6px}
  .ic-barra-superior__redes a{padding:0 8px}
  .ic-pie__lista{gap:2px}
  .ic-pie__lista a{display:inline-flex;align-items:center;min-height:40px}
  .ic-tarjeta-post__enlace,
  .ic-contacto__redes a,
  .ic-btn-chico{min-height:40px;display:inline-flex;align-items:center}
  .ic-pie__tel{min-height:40px}
  .ic-dato__val a{min-height:40px;display:inline-flex;align-items:center}
  .ic-pastilla{min-height:40px}
}

/* ───────── Celular ───────── */
@media (max-width:767px){
  .ic-cabecera{padding-inline:12px}
  .ic-barra-superior{padding:0 12px}
  .ic-nav__logo img{width:120px}
  .ic-barra-superior__tel span{font-size:13px}
  .ic-barra-superior__tels{gap:12px}
  .ic-barra-superior__tel .ic-icono{width:14px;height:14px}

  .ic-hero__caja{min-height:480px;padding:36px 24px;border-radius:var(--ic-radius-sm)}
  .ic-hero__caja::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(16,24,32,.3) 0%,rgba(16,24,32,.78) 100%);
  }
  .ic-hero__contenido{padding-right:0}
  .ic-hero__titulo{font-size:36px;line-height:38px}
  .ic-hero__texto{margin-top:16px;font-size:16px;line-height:24px}
  .ic-hero__botones{gap:12px;margin-top:28px}
  .ic-hero__botones .ic-btn{width:100%;justify-content:center}

  .ic-infra{margin-top:56px}
  .ic-infra__lista{grid-template-columns:1fr}
  .ic-sellos{margin-top:56px}
  .ic-sellos__rejilla{grid-template-columns:1fr;gap:14px}
  .ic-sello--cifra{padding:14px 0}
  .ic-unidades{margin-top:56px}
  .ic-unidades__caja{padding:48px 20px 260px}
  .ic-unidades__tarjetas{margin-top:-210px}
  .ic-unidad__cuerpo{padding:22px 20px 24px}
  .ic-unidad__boton{width:100%;justify-content:center}
  .ic-proceso,.ic-mapa{margin-top:72px}
  .ic-proceso__tira{grid-template-columns:repeat(4,88%)}
  .ic-paso{padding:0 8px}
  .ic-proceso__flecha{display:none}
  .ic-blog{margin-top:56px}
  .ic-blog__rejilla{grid-template-columns:1fr}
  .ic-mapa__lienzo{height:320px}
  .ic-mapa__panel{padding:20px}

  .ic-pie{margin-top:64px}
  .ic-pie__cta{padding:36px 24px}
  .ic-pie__tarjeta{grid-template-columns:1fr;padding:230px 24px 40px;gap:28px}
  .ic-pie__col--marca{padding-right:0}
  .ic-pie__base{flex-direction:column;gap:6px;text-align:center;align-items:center}
  /* (el botón de WhatsApp se ajusta al final del archivo, ronda 4) */
}

@media (max-width:767px){
  .ic-enfoque{margin-top:48px}
  .ic-enfoque__caja{padding:22px}
  .ic-enfoque__titulo{width:100%}
  .ic-portafolio{margin-top:56px}
  .ic-portafolio__rejilla{grid-template-columns:1fr;gap:18px}
  .ic-hero__logo{max-height:40px;margin-bottom:14px}
}

@media (max-width:767px){
  .ic-documento__caja,.ic-entrada__caja{padding:24px}
  .ic-documento__titulo{font-size:30px;line-height:36px}
  .ic-entrada__titulo{font-size:28px;line-height:34px}
  .ic-prosa p,.ic-prosa li{font-size:16px;line-height:26px}
  .ic-cifras__rejilla,.ic-cifras__rejilla--dos,.ic-cifras__rejilla--tres{grid-template-columns:1fr;gap:18px;padding:24px}
  .ic-cifra__num{font-size:42px;line-height:46px}
  .ic-historia__imagen{height:280px}
  .ic-filosofia__rejilla,.ic-valor__rejilla,.ic-cultura__rejilla,.ic-vacantes__rejilla{grid-template-columns:1fr}
  .ic-distrib__filtros,.ic-distrib__rejilla{grid-template-columns:1fr}
  .ic-distrib__cifras{gap:22px}
  .ic-distrib__cifra{font-size:30px;line-height:34px}
  .ic-forma--cv{grid-template-columns:1fr}
  .ic-filosofia,.ic-valor,.ic-calidad,.ic-cultura,.ic-vacantes,.ic-historia{margin-top:56px}
}

/* ───────── Ajustes tras la revisión sección por sección ───────── */
/* El proceso ya no se corta: cuatro columnas que caben en el contenedor. */
@media (max-width:1024px){
  .ic-proceso__tira{grid-template-columns:repeat(2,1fr);row-gap:22px}
}
@media (max-width:767px){
  .ic-proceso__tira{grid-template-columns:1fr;row-gap:16px}
  .ic-paso{padding:0}
  .ic-hero__cifras{width:100%;margin-top:24px}
  .ic-hero__cifras li{flex:1;padding:12px 14px}
  .ic-hero__cifra{font-size:22px}
  .ic-blog-lista__cabeza{padding:28px 22px}
  .ic-blog-lista__titulo{font-size:32px;line-height:38px}
  .ic-cv{padding:32px 20px}
}

/* Ronda 4: ajustes de celular del botón de WhatsApp. Va al final a propósito
   (los @media van de mayor a menor y este es de 767). */
@media (max-width:767px){
  .ic-wa{right:14px;bottom:14px}
  .ic-wa-flotante{height:56px;padding:0 13px}
  .ic-nav.ic-nav--flotante{width:calc(100% - 24px);min-height:60px}
}

/* Ronda 4: blog en tablet y celular (al final, de mayor a menor). */
@media (max-width:1024px){
  .ic-articulo__banda{grid-template-columns:1fr;gap:32px;padding:44px 40px}
  .ic-articulo__foto{aspect-ratio:16/9}
  .ic-articulo__rejilla{grid-template-columns:1fr;gap:0}
  .ic-articulo__lateral{display:none}
  .ic-indice--movil{display:block;padding:16px 20px}
  .ic-tarjeta-post--destacada{grid-template-columns:1fr}
  .ic-tarjeta-post--destacada .ic-tarjeta-post__foto img{height:260px}
}
@media (max-width:767px){
  .ic-articulo__banda{padding:30px 22px 24px}
  .ic-articulo__titulo{font-size:30px;line-height:36px}
  .ic-articulo__bajada{font-size:16px;line-height:25px}
  .ic-articulo__cuerpo{margin-top:28px}
  .ic-respuesta{padding:20px}
  .ic-respuesta__texto{font-size:18px;line-height:28px}
  .ic-puntos{padding:20px}
  .ic-prosa--articulo h2{font-size:23px;line-height:29px}
  .ic-mencionados__rejilla{grid-template-columns:1fr}
  .ic-mencionado{grid-template-columns:104px 1fr}
  .ic-articulo__cta{flex-direction:column;align-items:flex-start;padding:26px 22px}
  .ic-articulo__cta .ic-btn{width:100%;justify-content:center}
  .ic-tarjeta-post--destacada .ic-tarjeta-post__cuerpo{padding:24px}
  .ic-tarjeta-post--destacada .ic-tarjeta-post__titulo{font-size:22px;line-height:28px}
  .ic-relacionadas{margin-top:64px}
}

/* Ronda 4: portada premium en tablet y celular (al final, de mayor a menor). */
@media (max-width:1024px){
  .ic-confianza{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ic-confianza__item:nth-child(3){border-left:0}
  .ic-confianza__item:nth-child(n+3){border-top:1px solid var(--ic-line)}
}
@media (max-width:767px){
  .ic-hero__pruebas{flex-direction:column;gap:10px;width:auto;max-width:none;margin-top:26px;padding-top:18px}
  .ic-hero__pruebas li{font-size:14px}
  .ic-confianza__item{padding:24px 18px}
  .ic-confianza__cifra{font-size:46px}
  .ic-confianza__visual{height:52px}
  .ic-confianza__logo{height:46px}
}
@media (max-width:480px){
  .ic-confianza{grid-template-columns:1fr}
  .ic-confianza__item{border-left:0}
  .ic-confianza__item+.ic-confianza__item{border-top:1px solid var(--ic-line)}
}
@media (max-width:380px){
  /* La pastilla «Desde 1967» se parte en dos renglones: radio menor para que el borde no se deforme. */
  .ic-hero__pildora{height:auto;min-height:32px;border-radius:14px;line-height:17px;padding-top:6px;padding-bottom:6px}
}
/* Industrial tiene 3 productos: en tablet ancha se quedan en 3 columnas para no dejar uno solo en la fila. */
@media (min-width:861px) and (max-width:1024px){
  .ic-unidad-industrial .ic-portafolio__rejilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
}
@media (max-width:600px){
  .ic-forma--premium{grid-template-columns:1fr}
  .ic-forma--premium .ic-forma__enviar{width:100%;justify-content:center}
}
@media (max-width:1024px){
  .ic-planta{grid-template-columns:1fr}
  .ic-planta__foto{min-height:340px}
  .ic-planta__cuerpo{padding:44px 40px}
  .ic-planta__titulo{font-size:36px;line-height:42px}
}
@media (max-width:767px){
  .ic-planta__foto{min-height:240px}
  .ic-planta__cuerpo{padding:30px 22px 32px}
  .ic-planta__titulo{font-size:28px;line-height:34px}
  .ic-planta__lineas li{padding:16px 0;font-size:19px;line-height:25px}
  .ic-planta__cierre .ic-btn{width:100%;justify-content:center}
}

/* ═══════ Q/A 12-oct-2026 ═══════ */

/* Productos: el último renglón incompleto se centra (8 productos en 3 columnas
   dejaban un hueco a la derecha). Misma cuenta de columnas que antes. */
.ic-portafolio__rejilla{display:flex;flex-wrap:wrap;justify-content:center;--cols:3;--gap:34px;gap:var(--gap)}
.ic-portafolio__rejilla>*{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}
@media (min-width:1500px){.ic-portafolio__rejilla{--cols:4;--gap:28px}.ic-unidad-industrial .ic-portafolio__rejilla{--cols:3}}
@media (max-width:1299px){.ic-portafolio__rejilla{--gap:24px}}
@media (max-width:1024px){.ic-portafolio__rejilla{--cols:2}}
@media (min-width:861px) and (max-width:1024px){.ic-unidad-industrial .ic-portafolio__rejilla{--cols:3;--gap:18px}}
@media (max-width:767px){.ic-portafolio__rejilla{--cols:1;--gap:18px}}

/* Pasos del proceso: en una sola columna la altura mínima dejaba media tarjeta vacía. */
@media (max-width:767px){.ic-paso__tarjeta{min-height:0}}

/* Pie: la etiqueta del bloque de contacto toma el acento de la página (azul en Industrial). */
.ic-pie__cta .ic-eyebrow{background:var(--ic-acento-hondo,#50951E)}

/* Pie: redes sociales (YouTube aparece solo cuando tenga enlace). */
.ic-pie__redes{display:flex;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.ic-pie__redes a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ic-bg,#F3F3F3);color:var(--ic-navy);transition:background .2s,color .2s,transform .2s}
.ic-pie__redes a:hover{background:var(--ic-navy);color:#fff;transform:translateY(-2px)}
.ic-pie__redes svg{fill:currentColor}
@media (pointer:coarse){.ic-pie__redes a{width:44px;height:44px}}

/* Q/A: menú de celular. «flex:1» del escritorio le ganaba a width:100% y el
   panel abierto quedaba encimado junto al logo (375-1024 px). */
@media (max-width:1024px){.ic-nav__panel{flex:0 0 100%}}

/* Q/A: áreas táctiles de 44 px en pantallas que se tocan (teléfono y tableta).
   Lo que vive en la barra superior agranda el área con un pseudo-elemento para
   no engordar la barra. */
@media (pointer:coarse){
  .ic-pie__lista a,.ic-pie__tel{min-height:44px;display:inline-flex;align-items:center}
  .ic-barra-superior__redes a,.ic-barra-superior__tel{position:relative}
  .ic-barra-superior__redes a::after,.ic-barra-superior__tel::after{content:'';position:absolute;inset:-12px -4px}
  .ic-pastilla{min-height:44px}
  .ic-nav__toggle{min-width:44px;min-height:44px;justify-content:center;align-items:center}
  .ic-dato__val a{min-height:44px}
}


/* ═══════ Selector de idioma en la cabecera (12-oct-2026) ═══════
   Riel claro con una píldora navy que se desliza a la opción elegida: hace eco
   del botón «Contacto» y es el único movimiento del componente. */
.ic-idioma{
  --ic-idioma-alto:46px;
  position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;
  flex:none;margin-left:12px;padding:4px;height:var(--ic-idioma-alto);box-sizing:border-box;
  border-radius:999px;background:#F1F3F2;box-shadow:inset 0 0 0 1px rgba(16,24,32,.07);
}
.ic-idioma::before{
  content:'';position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);
  border-radius:999px;background:var(--ic-navy);
  box-shadow:0 6px 14px -6px rgba(16,24,32,.55),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .42s cubic-bezier(.65,0,.2,1);
}
.ic-idioma[data-lang="en"]::before{transform:translateX(100%)}
.ic-idioma__op{
  position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:100%;padding:0 14px 0 9px;border-radius:999px;
  font-size:13px;font-weight:900;letter-spacing:.06em;line-height:1;color:#5D5D5D;
  transition:color .3s ease;
}
.ic-idioma__op:hover{color:var(--ic-navy)}
.ic-idioma__op.is-actual,.ic-idioma__op.is-actual:hover{color:#fff}
.ic-idioma__bandera{
  display:block;flex:none;width:20px;height:20px;border-radius:50%;
  box-shadow:0 0 0 1.5px #fff,0 1px 3px rgba(16,24,32,.25);
  filter:saturate(.35) opacity(.85);transition:filter .3s ease;
}
.ic-idioma__op:hover .ic-idioma__bandera,.ic-idioma__op.is-actual .ic-idioma__bandera{filter:none}
.ic-idioma__op.is-actual .ic-idioma__bandera{box-shadow:0 0 0 1.5px rgba(255,255,255,.9)}
.ic-idioma__op:focus-visible{outline:2px solid var(--ic-green);outline-offset:2px}
/* Al elegir el otro idioma la píldora se adelanta mientras carga la página. */
.ic-idioma.is-cambiando .ic-idioma__op{color:#5D5D5D}
.ic-idioma.is-cambiando .ic-idioma__op[data-lang]:not(.is-actual){color:#fff}
@media (prefers-reduced-motion:reduce){.ic-idioma::before,.ic-idioma__op,.ic-idioma__bandera{transition:none}}

/* Celular y tableta: el selector va en la barra, entre el logo y la hamburguesa;
   el menú abierto baja al renglón de abajo. */
@media (max-width:1024px){
  .ic-idioma{--ic-idioma-alto:40px;order:1;margin-left:auto;margin-right:6px}
  .ic-nav__toggle{order:2}
  .ic-nav__panel{order:3}
  .ic-idioma__op{padding:0 11px 0 7px;font-size:12px;gap:6px}
}
@media (max-width:360px){
  .ic-idioma__cod{display:none}
  .ic-idioma__op{padding:0 7px}
}

/* 19-oct-2026 · ICUSA pidió centrar la foto de la portada para que se aprecie
   completa (campo con acolchado y cielo). Solo la portada: las internas siguen
   alineadas arriba a la izquierda como el diseño original. */
.ic-hero__caja:not(.ic-hero__caja--interior){background-position:50% 55%}

/* 19-oct-2026 · Conócenos: en la foto de ICUSA los rollos blancos ocupan el centro
   y quedan detrás del párrafo. Acercar o recorrer la foto no los aleja del texto,
   así que en esta página el velo del lado del texto es más oscuro y llega más lejos. */
@media (min-width:768px){
  .ic-hero__caja--nosotros::after{
    background:linear-gradient(90deg,rgba(16,24,32,.88) 0%,rgba(16,24,32,.8) 38%,rgba(16,24,32,.45) 58%,rgba(16,24,32,.1) 76%,rgba(16,24,32,0) 88%);
  }
}

@media (min-width:768px) and (max-width:1024px){
  .ic-hero__caja--nosotros .ic-hero__contenido{max-width:520px}
}

/* 19-oct-2026 · Portada en celular: recorte vertical propio (los surcos que se
   juntan en el horizonte), franja abajo sin texto para que se vea el campo y
   velo fuerte solo detrás del texto. Antes la foto horizontal se estiraba, salía
   borrosa y el velo parejo la dejaba gris. */
@media (max-width:767px){
  .ic-hero__caja:not(.ic-hero__caja--interior){padding-bottom:170px;background-position:50% 100%}
  .ic-hero__caja:not(.ic-hero__caja--interior)::after{
    background:linear-gradient(180deg,rgba(16,24,32,.74) 0%,rgba(16,24,32,.64) 38%,rgba(16,24,32,.66) 66%,rgba(16,24,32,.28) 82%,rgba(16,24,32,0) 94%);
  }
}


/* ═══════ Mini mega menú de Productos (Fer, 19-oct-2026) ═══════
   Una tarjeta por división con su foto real, una línea de qué es y accesos
   directos; abajo el atajo a un asesor. Hereda de .ic-submenu cómo se abre
   (hover, foco y aria-expanded) y en celular se vuelve una lista compacta. */
.ic-mega{--mega-c:#50951E;color:var(--ic-navy)}
.ic-mega__division--industrial{--mega-c:#296BD3}
.ic-mega__principal{display:block;color:inherit}
.ic-mega__nombre{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ic-navy)}
.ic-mega__nombre::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--mega-c);flex:none}
.ic-mega__flecha{fill:var(--mega-c);margin-left:auto;transition:transform .25s ease}
.ic-mega__texto{display:block;color:#5D5D5D}
.ic-mega__atajos{list-style:none;margin:0;padding:0}
.ic-mega__atajos a{display:block;color:var(--ic-navy);transition:background .15s,color .15s}
.ic-mega__todo{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--mega-c)}
.ic-mega__todo svg{fill:currentColor}
.ic-mega__asesor{display:flex;align-items:center;gap:12px;border-radius:12px;background:var(--ic-navy);color:rgba(255,255,255,.82);line-height:1.35}
.ic-mega__asesor svg{fill:#25D366;flex:none}
.ic-mega__asesor strong{color:#fff;font-weight:700}
.ic-mega__simple{display:block;padding:8px 12px;border-radius:8px;color:var(--ic-navy);font-weight:500}

@media (min-width:1025px){
  .ic-submenu.ic-mega{
    left:50%;margin-left:-340px;width:680px;min-width:0;padding:14px;border-radius:20px;
    box-shadow:0 30px 70px -24px rgba(16,24,32,.38),0 0 0 1px rgba(16,24,32,.06);
  }
  /* Puente invisible entre el botón y el panel: sin él, al bajar el mouse se cerraba. */
  .ic-mega::before{content:'';position:absolute;left:0;right:0;top:-32px;height:32px}
  .ic-mega__divisiones{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .ic-mega__division{display:flex;flex-direction:column;padding:10px 10px 12px;border-radius:14px;background:#F5F7F4;transition:background .2s ease}
  .ic-mega__division--industrial{background:#F3F6FB}
  .ic-mega__division:hover{background:#EEF3EA}
  .ic-mega__division--industrial:hover{background:#EBF1FA}
  .ic-mega__principal:hover .ic-mega__flecha{transform:translateX(3px)}
  .ic-mega__nombre{margin:14px 4px 0;font-size:17px}
  .ic-mega__texto{margin:4px 4px 0;font-size:13px;line-height:19px}
  .ic-mega__atajos{display:grid;gap:1px;margin:10px 0 6px;padding-top:8px;border-top:1px solid rgba(16,24,32,.08)}
  .ic-mega__atajos a{padding:6px 8px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.35}
  .ic-mega__atajos a:hover,.ic-mega__atajos a:focus-visible{background:#fff;color:var(--mega-c)}
  .ic-mega__todo{margin:auto 0 0;padding:4px 8px;font-size:13px}
  .ic-mega__asesor{margin-top:12px;padding:12px 16px;font-size:14px;transition:background .2s}
  .ic-mega__asesor:hover{background:#1c2a36}
}
@media (max-width:1024px){
  .ic-submenu.ic-mega{padding:2px 0 10px}
  .ic-mega__divisiones{display:grid;gap:8px}
  .ic-mega__division{border-radius:12px;background:#F5F7F4}
  .ic-mega__division--industrial{background:#F3F6FB}
  .ic-mega__principal{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:12px}
  .ic-mega__icono{grid-row:1 / 3;width:48px;height:48px;border-radius:13px}
  .ic-mega__nombre{font-size:16px;align-self:end}
  .ic-mega__texto{font-size:13px;line-height:18px;align-self:start}
  .ic-mega__atajos,.ic-mega__todo{display:none}
  .ic-mega__asesor{margin-top:8px;padding:12px 14px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.ic-mega__icono,.ic-mega__flecha{transition:none}}

/* Ícono de cada división (en vez de foto, Fer 19-oct): cuadro con el tono de la
   división; al pasar el mouse se llena del color y el trazo pasa a blanco. */
.ic-mega{--mega-tinte:#E7F4DC}
.ic-mega__division--industrial{--mega-tinte:#E3EDFE}
.ic-mega__icono{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--mega-tinte);color:var(--mega-c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mega-c) 18%,transparent);transition:background .25s ease,color .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.ic-mega__principal:hover .ic-mega__icono,.ic-mega__principal:focus-visible .ic-mega__icono{background:var(--mega-c);color:#fff;transform:translateY(-2px)}
@media (min-width:1025px){.ic-mega__principal{padding:6px 4px 0}.ic-mega__icono{margin-left:4px}}

.ic-mega__nombre::before{display:none} /* el color ya lo da el ícono */
/* Página 404 (Q/A 19-oct-2026) */
.ic-404__codigo{margin:0 0 4px;font-size:clamp(64px,12vw,120px);line-height:1;font-weight:700;color:var(--ic-acento,#74CC34);letter-spacing:-.02em}
.ic-404__botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Q/A completo 19-oct-2026 (responsive) */
/* El mega menú bajaba hasta rozar la base del logo; se separa 12 px más
   (el puente invisible de arriba creció lo mismo). */
@media (min-width:1025px){.ic-submenu.ic-mega{top:calc(100% + 26px)}}
/* Con la cabecera flotante (position:fixed) el menú abierto no tenía scroll:
   en celulares bajos o acostados el botón «Contacto» quedaba fuera de alcance. */
@media (max-width:1024px){
  .ic-nav--flotante .ic-nav__panel.abierto{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
/* Selector de idioma: área táctil de 44 px sin cambiar su tamaño visible. */
@media (pointer:coarse){
  .ic-idioma__op{position:relative}
  .ic-idioma__op::after{content:'';position:absolute;inset:-8px -2px}
}
/* Tablas anchas del blog: sombra en el borde que avisa que se desliza. */
.ic-tabla{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/40px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(16,24,32,.18),transparent) left/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(16,24,32,.18),transparent) right/14px 100% no-repeat scroll,#fff}
/* Esc cierra el mega menú aunque el foco o el mouse sigan dentro (Q/A 19-oct). */
@media (min-width:1025px){.ic-menu__item--cerrado .ic-submenu{opacity:0!important;visibility:hidden!important;pointer-events:none}}