/* Ecoloo Chile - estilos base compartidos por todas las paginas.
   Generado desde el export de Claude Design: los bloques <style> de cada
   seccion y las reglas :hover derivadas de style-hover. */
html, body { margin:0; padding:0; background:#ffffff; color:#1a1a1a; font-family:'Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
* { box-sizing:border-box; }
::selection { background:rgba(76,175,80,0.25); }
a { color:#388e3c; text-decoration:none; }
a:hover { color:#2e7d33; }
:focus-visible { outline:2px solid #4caf50; outline-offset:2px; }
img, video { max-width:100%; }

/* [hidden] debe ganarle al display:flex de las clases y de los estilos
   inline del export; si no, el menu movil y el desplegable "Otra
   Informacion" aparecen abiertos al cargar la pagina. */
[hidden] { display:none !important; }

/* Bloque del sello Empresa B: apilado en movil, sello al lado en pantallas
   con espacio. */
.eco-bcorp { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
@media (min-width:480px) { .eco-bcorp { flex-direction:row; align-items:center; gap:22px; } }

@keyframes econav-fade-down { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
  @keyframes econav-pop { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
  .econav-desktop { display:none; }
  .econav-burger { display:flex; }
  @media (min-width:1180px) {
    .econav-desktop { display:flex; }
    .econav-burger { display:none; }
  }
  @media (prefers-reduced-motion:reduce) { * { animation:none !important; } }

.nav-h1:hover { background:#e8f5e9; color:#388e3c; }
.nav-h2:hover { background:#e8f5e9; color:#388e3c; }
.nav-h3:hover { background:#e8f5e9; color:#388e3c; }
.nav-h4:hover { background:#e8f5e9; color:#388e3c; }
.nav-h5:hover { background:#e8f5e9; color:#388e3c; }
.nav-h6:hover { background:#e8f5e9; color:#388e3c; }
.nav-h7:hover { background:#e8f5e9; color:#388e3c; }
.nav-h8:hover { background:#e8f5e9; color:#388e3c; }
.nav-h9:hover { color:#388e3c; border-color:#4caf50; }
.nav-h10:hover { background:#388e3c; color:#fff; transform:translateY(-2px); }
.nav-h11:active { transform:translateY(0); }
.nav-h12:hover { background:#e8f5e9; color:#388e3c; }
.nav-h13:hover { background:#e8f5e9; color:#388e3c; }
.nav-h14:hover { background:#e8f5e9; color:#388e3c; }
.nav-h15:hover { background:#e8f5e9; color:#388e3c; }
.nav-h16:hover { background:#e8f5e9; color:#388e3c; }
.nav-h17:hover { background:#e8f5e9; color:#388e3c; }
.nav-h18:hover { background:#e8f5e9; color:#388e3c; }
.nav-h19:hover { background:#388e3c; color:#fff; }

@keyframes ecowa-pulse { 0% { box-shadow:0 8px 24px rgba(0,0,0,0.25), 0 0 0 0 rgba(37,211,102,0.55); } 70% { box-shadow:0 8px 24px rgba(0,0,0,0.25), 0 0 0 16px rgba(37,211,102,0); } 100% { box-shadow:0 8px 24px rgba(0,0,0,0.25), 0 0 0 0 rgba(37,211,102,0); } }
  .ecowa { animation:ecowa-pulse 2.4s ease-out infinite; }
  .ecofoot-grid { display:grid; grid-template-columns:1fr; gap:36px; }
  @media (min-width:720px) { .ecofoot-grid { grid-template-columns:1.6fr 1fr 1.2fr 1fr; gap:40px; } }
  @media (prefers-reduced-motion:reduce) { .ecowa { animation:none !important; } }

.foot-h1:hover { transform:scale(1.08); }
.foot-h2:hover { color:#7dc241; }
.foot-h3:hover { color:#7dc241; }
.foot-h4:hover { color:#7dc241; }
.foot-h5:hover { color:#7dc241; }
.foot-h6:hover { color:#7dc241; }
.foot-h7:hover { color:#7dc241; }
.foot-h8:hover { color:#7dc241; }
.foot-h9:hover { color:#7dc241; }
.foot-h10:hover { color:#7dc241; }