/******************************************************************
Sitio público de Enflex — sistema de diseño (Bootstrap 5.3.8)
Autor: eTips Chile
Reemplaza a estilos.etips.css (Bootstrap 4) desde el rediseño de 2026.
Paleta anclada al azul del logo (#0100A2). Ver ___docs/web-publica/.
******************************************************************/

/* ============================================================
   TOKENS
   ============================================================ */
:root{
  --enx-azul-logo:#0100A2;   /* enlaces, acentos (mismo azul del logo) */
  --enx-tinta:#0A0960;       /* títulos, botones oscuros, barra superior */
  --enx-oscuro:#06053F;      /* footer */
  --enx-ambar:#F5B301;       /* acción principal (cotizar) */
  --enx-ambar-suave:#FFF4D1;
  --enx-ambar-texto:#5C4600;
  --enx-wa:#157A43;          /* WhatsApp (contraste AA con blanco) */
  --enx-wa-suave:#E3F4EA;
  --enx-texto:#2B2C42;
  --enx-texto-2:#47485F;
  --enx-texto-3:#5C5D75;
  --enx-borde:#E4E4EF;
  --enx-borde-campo:#CACAE0;
  --enx-fondo-suave:#F5F5FB;
  --enx-tinta-suave:#E9E9FB;
  --enx-claro-sobre-oscuro:#D8D8F2;
  --enx-gris-sobre-oscuro:#BEBEE6;
  --enx-radio:12px;
  --enx-sombra:0 20px 44px rgba(10,9,96,.14);
  --enx-fuente-titulos:"Manrope",system-ui,sans-serif;
  --enx-fuente-texto:"Inter",system-ui,sans-serif;

  /* Bootstrap 5 */
  --bs-body-font-family:var(--enx-fuente-texto);
  --bs-body-color:var(--enx-texto);
  --bs-body-line-height:1.6;
  --bs-link-color:var(--enx-azul-logo);
  --bs-link-color-rgb:1,0,162;
  --bs-link-hover-color:var(--enx-tinta);
  --bs-link-hover-color-rgb:10,9,96;
  --bs-border-color:var(--enx-borde);
}

/* ============================================================
   BASE
   ============================================================ */
body{font-family:var(--enx-fuente-texto);color:var(--enx-texto);background-color:#fff;}
/* La cabecera es fija: al saltar a un ancla o a un campo con error, que no quede tapado */
html{scroll-padding-top:96px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--enx-fuente-titulos);color:var(--enx-tinta);font-weight:800;}
a{text-underline-offset:2px;}
/* Foco visible solo con teclado (el CSS anterior lo eliminaba en todo el sitio) */
:focus-visible{outline:3px solid var(--enx-ambar);outline-offset:2px;}
/* Bootstrap 5 quita el contorno de enlaces del menú y botones: se repone para quien navega con teclado */
#navMenuTop .nav-link:focus-visible,.dropdown-item:focus-visible,.btn:focus-visible,.navbar-toggler:focus-visible{outline:3px solid var(--enx-ambar)!important;outline-offset:2px;box-shadow:none;border-radius:6px;}
/* Un número de teléfono no se corta en dos líneas (en celular "+56 2 2672 / 7377" se partía) */
a[href^="tel:"]{white-space:nowrap;}
main:focus{outline:none;}
.enx-saltar{position:absolute;left:16px;top:8px;z-index:2000;background:var(--enx-tinta);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;}
.enx-saltar:focus{color:#fff;}
.form-control:focus,.form-select:focus{border-color:var(--enx-azul-logo);box-shadow:0 0 0 .2rem rgba(1,0,162,.15);}

/* Relleno lateral del contenedor = mitad de --bs-gutter-x. Debe ser >= al margen negativo de las
   filas que contiene: con g-lg-5 (3rem) el relleno por defecto de 12px desbordaba 12px entre 992 y 1279 */
.enx-wrap{max-width:1272px;--bs-gutter-x:2rem;}
@media (min-width:992px){.enx-wrap{--bs-gutter-x:3rem;}}
.enx-seccion{padding-top:88px;padding-bottom:88px;}
.enx-seccion-sm{padding-top:56px;padding-bottom:56px;}
.enx-bg-suave{background-color:var(--enx-fondo-suave);}
.enx-bg-tinta{background-color:var(--enx-tinta);color:var(--enx-claro-sobre-oscuro);}
.enx-bg-tinta h2,.enx-bg-tinta h3{color:#fff;}
.enx-antetitulo{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--enx-azul-logo);margin-bottom:12px;}
.enx-titulo-seccion{font-size:clamp(1.6rem,2.6vw,2.25rem);margin-bottom:.5rem;}
.enx-bajada{font-size:1.0625rem;color:var(--enx-texto-3);}
.enx-texto-2{color:var(--enx-texto-2);}
.enx-texto-3{color:var(--enx-texto-3);}

/* ============================================================
   BOTONES
   ============================================================ */
.btn{font-weight:600;border-radius:10px;}
.btn-enx-cotizar{--bs-btn-bg:var(--enx-ambar);--bs-btn-border-color:var(--enx-ambar);--bs-btn-color:var(--enx-tinta);
  --bs-btn-hover-bg:#E0A300;--bs-btn-hover-border-color:#E0A300;--bs-btn-hover-color:var(--enx-tinta);
  --bs-btn-active-bg:#CC9500;--bs-btn-active-border-color:#CC9500;--bs-btn-active-color:var(--enx-tinta);font-weight:700;}
.btn-enx-wa{--bs-btn-bg:var(--enx-wa);--bs-btn-border-color:var(--enx-wa);--bs-btn-color:#fff;
  --bs-btn-hover-bg:#11663A;--bs-btn-hover-border-color:#11663A;--bs-btn-hover-color:#fff;
  --bs-btn-active-bg:#0E5531;--bs-btn-active-border-color:#0E5531;--bs-btn-active-color:#fff;}
.btn-enx-wa-outline{--bs-btn-color:var(--enx-wa);--bs-btn-border-color:var(--enx-wa);--bs-btn-hover-bg:var(--enx-wa);
  --bs-btn-hover-border-color:var(--enx-wa);--bs-btn-hover-color:#fff;--bs-btn-active-bg:#11663A;--bs-btn-active-color:#fff;border-width:1.5px;}
.btn-enx-tinta{--bs-btn-bg:var(--enx-tinta);--bs-btn-border-color:var(--enx-tinta);--bs-btn-color:#fff;
  --bs-btn-hover-bg:var(--enx-azul-logo);--bs-btn-hover-border-color:var(--enx-azul-logo);--bs-btn-hover-color:#fff;}
.btn-enx-linea{--bs-btn-color:var(--enx-tinta);--bs-btn-border-color:var(--enx-tinta);--bs-btn-hover-bg:var(--enx-tinta);
  --bs-btn-hover-border-color:var(--enx-tinta);--bs-btn-hover-color:#fff;border-width:1.5px;}
.btn-enx-alto{min-height:54px;padding-left:1.6rem;padding-right:1.6rem;font-size:1.0625rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;}
.btn-enx-medio{min-height:44px;padding-left:1.1rem;padding-right:1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;}

/* GTM lee las clases del elemento clicado: los íconos dentro de los enlaces medidos
   no deben "robar" el clic (link-telefono, link-llamar-*, btn-form-whatsapp) */
.link-telefono *,[class*="link-llamar-"] *,.btn-form-whatsapp *,.btn-cotizar *{pointer-events:none;}

/* ============================================================
   CABECERA
   ============================================================ */
.enx-barra-superior{background-color:var(--enx-tinta);color:var(--enx-claro-sobre-oscuro);font-size:13px;}
.enx-barra-superior .enx-wrap{min-height:36px;}
.enx-barra-superior a{color:#fff;text-decoration:none;font-weight:600;}
.enx-barra-superior a:hover{text-decoration:underline;}

#navMenuTop{background-color:#fff;border-bottom:1px solid var(--enx-borde);transition:box-shadow .2s ease;}
#navMenuTop.navbarscroll{box-shadow:0 6px 18px rgba(10,9,96,.08);}
#navMenuTop .navbar-brand img{height:30px;width:auto;display:block;}
#navMenuTop .nav-link{color:var(--enx-tinta);font-weight:500;font-size:15px;padding-left:.85rem;padding-right:.85rem;}
#navMenuTop .nav-link:hover,#navMenuTop .nav-link:focus-visible{color:var(--enx-azul-logo);}
#navMenuTop .nav-link.active{color:var(--enx-azul-logo);font-weight:600;}
#navMenuTop .navbar-toggler{border:0;padding:.5rem;}
#navMenuTop .navbar-toggler:focus{box-shadow:none;}
.enx-icono-boton{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--enx-tinta);font-size:1.25rem;}

/* Menú de productos (mega menú en escritorio, lista en celular) */
.enx-mega{border:0;border-radius:0 0 var(--enx-radio) var(--enx-radio);box-shadow:var(--enx-sombra);padding:1.5rem 0;margin-top:0;}
.enx-mega .dropdown-item{white-space:normal;padding:.45rem 0;color:var(--enx-texto);font-size:15px;}
.enx-mega .dropdown-item:hover,.enx-mega .dropdown-item:focus{background:none;color:var(--enx-azul-logo);}
.enx-mega .dropdown-item.active,.enx-mega .dropdown-item:active{background:none;color:var(--enx-azul-logo);font-weight:600;}
.enx-mega .enx-mega-titulo{font-family:var(--enx-fuente-titulos);font-weight:700;color:var(--enx-tinta);font-size:15px;margin-bottom:.5rem;}
.enx-mega .enx-mega-destacado{display:block;border:1px solid var(--enx-borde);border-radius:var(--enx-radio);padding:1rem 1.1rem;text-decoration:none;color:var(--enx-tinta);height:100%;}
.enx-mega .enx-mega-destacado:hover{border-color:var(--enx-azul-logo);}
.enx-mega .enx-mega-destacado strong{display:block;font-family:var(--enx-fuente-titulos);}
.enx-mega .enx-mega-destacado span{font-size:14px;color:var(--enx-texto-3);}
@media (min-width:1200px){
  #navMenuTop .dropdown-mega{position:static;}
  #navMenuTop .dropdown-mega .dropdown-menu{width:100%;left:0;right:0;}
}
@media (max-width:1199.98px){
  #menuCompleto{padding:.5rem 0 1.25rem;border-top:1px solid var(--enx-borde);margin-top:.5rem;max-height:calc(100vh - 80px);overflow-y:auto;}
  #navMenuTop .nav-link{padding:.75rem 0;font-size:16px;}
  .enx-mega{box-shadow:none;padding:0 0 .5rem 1rem;}
}

/* ============================================================
   COMPONENTES DE CONTENIDO
   ============================================================ */
/* Hero */
.enx-hero{background-color:var(--enx-fondo-suave);}
.enx-hero h1{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.08;margin-bottom:1.25rem;}
.enx-hero .enx-hero-bajada{font-size:clamp(1.05rem,1.4vw,1.1875rem);color:var(--enx-texto-2);max-width:540px;}
.enx-hero-img{position:relative;max-width:440px;margin-left:auto;margin-right:auto;}
.enx-hero-img img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:0 24px 48px rgba(10,9,96,.18);}
.enx-hero-sello{position:absolute;left:-20px;bottom:28px;background:#fff;border-radius:12px;padding:12px 16px;
  box-shadow:0 12px 28px rgba(10,9,96,.16);display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.35;}
.enx-hero-sello i{width:40px;height:40px;border-radius:50%;background:var(--enx-ambar-suave);color:#8A6400;display:flex;align-items:center;justify-content:center;font-size:18px;}
.enx-hero-sello strong{color:var(--enx-tinta);font-size:14px;}
@media (max-width:575.98px){.enx-hero-sello{left:12px;bottom:12px;}}
.enx-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;max-width:520px;font-size:15px;}
.enx-checks li{display:flex;gap:10px;align-items:center;}
.enx-checks i{color:var(--enx-azul-logo);}

/* Logos de clientes */
.enx-logos{border-bottom:1px solid var(--enx-borde);}
.enx-logos img{height:64px;width:auto;filter:grayscale(1);opacity:.75;}
.enx-logos img.enx-logo-color{filter:none;opacity:1;height:40px;}
@media (max-width:767.98px){.enx-logos .enx-logos-fila{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;padding-bottom:6px;}}

/* Tarjetas de categoría/producto */
.enx-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--enx-borde);border-radius:14px;overflow:hidden;background:#fff;
  text-decoration:none;color:var(--enx-texto);transition:border-color .2s ease,box-shadow .2s ease;}
.enx-card:hover{border-color:var(--enx-azul-logo);box-shadow:0 12px 28px rgba(10,9,96,.10);color:var(--enx-texto);}
.enx-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;}
.enx-card .enx-card-cuerpo{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.enx-card .enx-card-titulo{font-family:var(--enx-fuente-titulos);font-weight:700;font-size:1.2rem;color:var(--enx-tinta);margin:0;}
.enx-card .enx-card-texto{font-size:15px;color:var(--enx-texto-3);margin:0;}
.enx-card .enx-card-accion{margin-top:auto;font-weight:600;color:var(--enx-azul-logo);font-size:15px;}
.enx-chip{display:inline-block;font-size:14px;padding:8px 14px;border-radius:999px;background:var(--enx-fondo-suave);border:1px solid var(--enx-borde);text-decoration:none;color:var(--enx-tinta);}
.enx-chip:hover{border-color:var(--enx-azul-logo);color:var(--enx-azul-logo);}

/* Producto destacado (bloque horizontal) */
.enx-destacado{border:1px solid var(--enx-borde);border-radius:16px;overflow:hidden;background:var(--enx-fondo-suave);}
.enx-destacado img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;}
.enx-destacado-titulo{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:800;margin-bottom:.75rem;}
.enx-destacado-specs li{font-size:13px;font-weight:600;background:#fff;border:1px solid var(--enx-borde);border-radius:8px;padding:4px 10px;color:var(--enx-tinta);}

/* Migas de pan */
.enx-migas{font-size:14px;color:var(--enx-texto-3);}
.enx-migas a{color:var(--enx-texto-3);}
.enx-migas .breadcrumb{margin:0;}
.enx-migas .breadcrumb-item+.breadcrumb-item::before{color:var(--enx-texto-3);}
.enx-migas .breadcrumb-item.active{color:var(--enx-tinta);}

/* Tarjeta de formulario */
.enx-form-card{background:#fff;border-radius:16px;padding:28px;box-shadow:var(--enx-sombra);}
@media (max-width:575.98px){.enx-form-card{padding:20px;}}
#form_cotizar{scroll-margin-top:96px;}

/* Opciones de compra (stock vs a pedido) */
.enx-opcion{height:100%;}/* Informativo, no clicable: sin borde ni fondo de tarjeta (las tarjetas son de producto) */
.enx-opcion-img{width:120px;flex:0 0 120px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px;}
@media (max-width:575.98px){.enx-opcion{gap:16px!important;align-items:flex-start!important;}.enx-opcion-img{width:88px;flex-basis:88px;}}
.enx-opcion h3{font-size:1.15rem;font-weight:700;margin:10px 0 6px;}
.enx-etiqueta{display:inline-block;font-size:13px;font-weight:600;border-radius:999px;padding:4px 12px;background:var(--enx-ambar-suave);color:var(--enx-tinta);}
.enx-etiqueta.enx-etiqueta-tinta{background:var(--enx-tinta);color:#fff;}

/* Medidas en tarjetas */
.enx-medidas{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;}
.enx-medidas li{font-size:13px;background:var(--enx-fondo-suave);border-radius:6px;padding:2px 8px;color:var(--enx-texto-2);}

/* Ficha de producto */
.enx-galeria .carousel{background:var(--enx-fondo-suave);border-radius:16px;overflow:hidden;}
.enx-galeria .carousel-item img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;}
.enx-galeria .carousel-control-prev,.enx-galeria .carousel-control-next{width:56px;}
.enx-galeria .carousel-control-prev-icon,.enx-galeria .carousel-control-next-icon{background-color:rgba(10,9,96,.55);border-radius:50%;padding:18px;background-size:50%;}
.enx-miniaturas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;}
.enx-miniaturas button{padding:0;border:1px solid var(--enx-borde);border-radius:10px;overflow:hidden;background:none;}
.enx-miniaturas button.active{border:2px solid var(--enx-tinta);}
.enx-miniaturas img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;}
.enx-ficha h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.12;}
.enx-paso-ficha{font-weight:600;color:var(--enx-tinta);margin-bottom:10px;}
.enx-medida-opciones{display:flex;flex-wrap:wrap;gap:10px;}
.enx-medida-opcion{position:relative;}
.enx-medida-opcion input{position:absolute;opacity:0;pointer-events:none;}
.enx-medida-opcion label{display:flex;flex-direction:column;gap:2px;min-width:160px;min-height:56px;justify-content:center;
  border:1px solid var(--enx-borde-campo);border-radius:10px;padding:10px 16px;cursor:pointer;background:#fff;}
.enx-medida-opcion label strong{color:var(--enx-tinta);font-size:15px;}
.enx-medida-opcion label span{font-size:13px;color:var(--enx-texto-3);}
.enx-medida-opcion input:checked+label{border:2px solid var(--enx-tinta);background:var(--enx-fondo-suave);padding:9px 15px;}
.enx-medida-opcion input:focus-visible+label{outline:3px solid var(--enx-ambar);outline-offset:2px;}
.enx-medida-opcion.enx-medida-otra label{border-style:dashed;}
#instrucciones.text-danger{font-weight:600;}
@media (max-width:575.98px){.enx-medida-opcion{flex:1 1 100%;}.enx-medida-opcion label{flex-direction:row;justify-content:space-between;align-items:center;}}
.enx-confianza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--enx-borde);padding-top:20px;font-size:14px;color:var(--enx-texto-2);}
.enx-confianza strong{display:block;color:var(--enx-tinta);}
/* Texto descriptivo del producto (HTML libre guardado en la BD) */
.enx-glosa{color:var(--enx-texto-2);font-size:16px;}
.enx-glosa h2{font-size:1.5rem;margin:1.75rem 0 .75rem;}
.enx-glosa h3,.enx-glosa h5{font-size:1.15rem;font-weight:700;color:var(--enx-tinta);margin:1.5rem 0 .6rem;}
.enx-glosa ul,.enx-glosa ol{padding-left:1.25rem;}
.enx-glosa ul.list-unstyled{padding-left:0;}
.enx-glosa li{margin-bottom:.35rem;}
.enx-glosa .card{border-radius:14px;margin-bottom:1rem;}
.enx-glosa .card-header{font-family:var(--enx-fuente-titulos);font-weight:700;border-radius:14px 14px 0 0;}
.enx-glosa .bg-primary{background-color:var(--enx-tinta)!important;}
.enx-glosa .border-primary{border-color:var(--enx-tinta)!important;}
.enx-glosa .bg-warning{background-color:var(--enx-ambar)!important;}
.enx-glosa .border-warning{border-color:var(--enx-ambar)!important;}
.enx-glosa .text-success{color:var(--enx-wa)!important;}
.enx-glosa .text-warning{color:#8A6400!important;}
.enx-glosa .container-fluid{padding-left:0;padding-right:0;}
.enx-condicion{border-top:3px solid var(--enx-ambar);padding-top:16px;}
.enx-condicion h3{font-size:1.05rem;font-weight:700;margin-bottom:6px;}
.enx-condicion p{font-size:15px;color:var(--enx-texto-2);margin:0;}

/* Acceso al admin (login y recuperar clave) */
.enx-auth{max-width:440px;margin:0 auto;padding:24px 0;}
.enx-auth-exito{border-top:4px solid var(--enx-wa);}
.enx-auth-error{border-top:4px solid #B42318;}
.enx-auth-exito i,.enx-auth-error i{font-size:2.25rem;display:block;margin-bottom:12px;}
.enx-auth-exito i{color:var(--enx-wa);}.enx-auth-error i{color:#B42318;}

/* Textos legales (términos y privacidad, HTML de los archivos de idioma) */
.enx-legal{color:var(--enx-texto-2);font-size:16px;line-height:1.7;}
.enx-legal h2,.enx-legal h3,.enx-legal h4{font-size:1.2rem;font-weight:700;margin:1.75rem 0 .6rem;}
.enx-legal b,.enx-legal strong{color:var(--enx-tinta);}

/* Trabajos para clientes */
.enx-trabajo{display:block;position:relative;border-radius:14px;overflow:hidden;text-decoration:none;}
.enx-trabajo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .3s ease;}
.enx-trabajo:hover img{transform:scale(1.03);}
.enx-trabajo-texto{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;color:#fff;
  background:linear-gradient(to top,rgba(6,5,63,.88),rgba(6,5,63,0));display:flex;flex-direction:column;line-height:1.3;}
.enx-trabajo-texto strong{font-family:var(--enx-fuente-titulos);font-size:15px;}
.enx-trabajo-texto span{font-size:13px;color:var(--enx-claro-sobre-oscuro);}

/* Pasos */
.enx-paso-num{width:40px;height:40px;border-radius:50%;background:var(--enx-ambar);color:var(--enx-tinta);font-family:var(--enx-fuente-titulos);
  font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.enx-paso h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;}
.enx-paso p{font-size:15px;margin:0;}

/* Atributos (por qué Enflex) */
.enx-atributo h3{font-size:1.0625rem;font-weight:700;margin-bottom:4px;}
.enx-atributo p{font-size:15px;color:var(--enx-texto-3);margin:0;}
.enx-img-redondeada{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;}

/* Preguntas frecuentes */
.enx-faq details{border:1px solid var(--enx-borde);border-radius:12px;background:#fff;}
.enx-faq details+details{margin-top:12px;}
.enx-faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-family:var(--enx-fuente-titulos);font-weight:700;font-size:1.0625rem;color:var(--enx-tinta);
  display:flex;justify-content:space-between;gap:16px;align-items:center;}
.enx-faq summary::-webkit-details-marker{display:none;}
.enx-faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--enx-azul-logo);}
.enx-faq details[open] summary::after{content:"−";}
.enx-faq details p{margin:0;padding:0 22px 18px;color:var(--enx-texto-2);}
/* Zonas táctiles de al menos ~44px en pantallas táctiles (WCAG 2.5.8) */
@media (pointer:coarse){
  main a.text-decoration-none:not(.btn):not(.enx-card):not(.enx-chip):not(.enx-trabajo):not(.enx-mega-destacado),
  .enx-footer li a,.enx-footer .enx-footer-legal a{display:inline-block;padding-top:10px;padding-bottom:10px;}
  .enx-mega .dropdown-item{padding-top:.7rem;padding-bottom:.7rem;}
}

/* Llamado final */
.enx-cta-final{background-color:var(--enx-ambar);}
.enx-cta-final h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:6px;}
.enx-cta-final .enx-cta-texto{color:#3A2E00;font-size:1.0625rem;}
.enx-cta-final .enx-cta-texto a{color:var(--enx-tinta);font-weight:700;}

/* ============================================================
   BANDA DE CERTIFICACIÓN GMP
   ============================================================ */
.enx-gmp{background-color:var(--enx-ambar-suave);}
.enx-gmp .enx-gmp-titulo{font-family:var(--enx-fuente-titulos);font-weight:700;font-size:1.25rem;color:var(--enx-tinta);}
.enx-gmp .enx-gmp-sub{font-size:15px;color:var(--enx-ambar-texto);}
.enx-gmp .enx-gmp-icono{font-size:2.25rem;color:#8A6400;}

/* ============================================================
   FOOTER
   ============================================================ */
.enx-footer{background-color:var(--enx-oscuro);color:var(--enx-gris-sobre-oscuro);font-size:15px;}
.enx-footer .enx-footer-logo{height:30px;width:auto;}
.enx-footer h2{color:#fff;font-family:var(--enx-fuente-texto);font-weight:600;font-size:15px;margin-bottom:14px;}
.enx-footer a{color:var(--enx-gris-sobre-oscuro);text-decoration:none;}
.enx-footer a:hover{color:#fff;text-decoration:underline;}
.enx-footer .enx-footer-contacto a{color:#fff;}
.enx-footer .enx-footer-legal{border-top:1px solid #1E1D78;font-size:13px;}
.enx-footer .enx-footer-legal a{color:var(--enx-gris-sobre-oscuro);text-decoration:underline;}
.enx-footer .enx-redes a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;text-decoration:none;}
.enx-footer .enx-redes a:hover{background:rgba(255,255,255,.08);}

/* WhatsApp flotante (solo escritorio) y barra fija de contacto (celular) */
.enx-wa-flotante{position:fixed;right:24px;bottom:24px;z-index:1030;width:60px;height:60px;border-radius:50%;
  background-color:var(--enx-wa);color:#fff;align-items:center;justify-content:center;font-size:30px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);text-decoration:none;}
.enx-wa-flotante:hover{color:#fff;background-color:#11663A;}
.enx-barra-movil{position:fixed;left:0;right:0;bottom:0;z-index:1030;background-color:#fff;border-top:1px solid var(--enx-borde);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(10,9,96,.08);}
.enx-barra-movil .btn{min-height:48px;}
@media (max-width:991.98px){body.enx-con-barra-movil{padding-bottom:76px;}}

/* ============================================================
   MODALES Y FORMULARIOS
   ============================================================ */
.modal-content{border:0;border-radius:16px;}
#modalBoxSpinner .modal-content{background-color:transparent;}
#modalBoxSpinner .spinner-border{margin:0 auto;color:#fff;}
.enx-form label,.enx-form .form-label{font-size:14px;font-weight:500;margin-bottom:6px;}
.enx-form .form-control,.enx-form .form-select{min-height:48px;border-color:var(--enx-borde-campo);border-radius:8px;}
.enx-form .form-group{margin-bottom:14px;}
.enx-wa-icono{width:44px;height:44px;border-radius:50%;background-color:var(--enx-wa-suave);color:var(--enx-wa);
  display:inline-flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 44px;}
/* Sello flotante de reCAPTCHA oculto: los formularios muestran el aviso de Google en su lugar */
.grecaptcha-badge{visibility:hidden!important;}
/* Validación de jQuery Validate (errorElement span.help-block) */
.help-block{display:block;font-size:13px;margin-top:4px;}
.has-error .form-control,.has-error .form-select{border-color:#B42318;}
.has-error .help-block{color:#B42318;}
.has-success .form-control,.has-success .form-select{border-color:var(--enx-wa);}
/* El modal de WhatsApp en celular se abre como hoja desde abajo */
@media (max-width:575.98px){
  #modalBoxWhatsapp .modal-dialog{margin:0;min-height:100%;display:flex;align-items:flex-end;}
  #modalBoxWhatsapp .modal-content{border-radius:20px 20px 0 0;}
}

/* ============================================================
   COMPATIBILIDAD: HTML guardado en la BD (glosas de productos y
   categorías) que todavía usa clases de Bootstrap 4
   ============================================================ */
.mr-1{margin-right:.25rem!important;}.mr-2{margin-right:.5rem!important;}.mr-3{margin-right:1rem!important;}
.ml-1{margin-left:.25rem!important;}.ml-2{margin-left:.5rem!important;}.ml-3{margin-left:1rem!important;}
.font-weight-bold{font-weight:700!important;}.font-weight-normal{font-weight:400!important;}
.text-left{text-align:left!important;}.text-right{text-align:right!important;}