/* dyreco-odoo.css — puente entre el layout de Odoo (Bootstrap 5) y la maqueta.
   Se carga después de web.assets_frontend y antes de tokens/estilos. */
#wrapwrap { overflow-x: clip !important; }       /* hidden mata position:sticky */
#wrap { margin: 0; padding: 0; }
#wrapwrap > main { padding-top: 0 !important; }  /* Odoo reserva alto para su header fijo */
.btn { --bs-btn-padding-x: 0; --bs-btn-padding-y: 0; --bs-btn-border-width: 0;
  --bs-btn-border-radius: 0; --bs-btn-font-size: inherit; --bs-btn-line-height: inherit;
  padding: 0; border: 0; border-radius: 0; line-height: inherit; font-size: inherit;
  font-weight: inherit; vertical-align: baseline; text-decoration: none; transition: none;
  --bs-btn-color: inherit; --bs-btn-bg: transparent; --bs-btn-hover-bg: transparent;
  /* Odoo 18 declara además los mismos tokens SIN el prefijo `bs-`, y por ahí
     se colaba el color de hover: `.btn:hover{color:var(--btn-hover-color)}`
     (0-1-1) ganaba a `.btn--luz{color:…}` (0-1-0) y el texto del botón
     amarillo salía blanco. 9-sep-2026. */
  --btn-color: inherit; --btn-hover-color: inherit;
  --bs-btn-hover-color: inherit; --bs-btn-active-bg: transparent; --bs-btn-focus-box-shadow: none; }
.btn:hover, .btn:focus, .btn:active { color: inherit; background: transparent; box-shadow: none; }
.h2 { font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; }
.media { display: block; align-items: initial; }
/* Odoo/Bootstrap trae `a:hover{text-decoration:underline}` (0-1-1), que gana a
   nuestro `a{text-decoration:none}` (0-0-1) y subrayaba en hover el menú, los
   botones y los enlaces de flecha. Se apaga aquí, que es donde vive el
   problema; los dos subrayados que SÍ son del diseño (.ck__mas y
   .enlace-pendiente) se reafirman en estilos.css con especificidad 0-2-0.
   Los enlaces de prosa (legales y artículos) no se ven afectados: usan
   `border-bottom`, no `text-decoration`. */
a:hover, a:focus { text-decoration: none; }
/* Odoo (website, por debajo de 768 px) trae
   `section,.parallax,.row,.hr,.blockquote{height:auto!important}`, que ganaba
   al `.hero{height:100dvh}` de estilos.css: en móvil el hero de la Home medía
   su contenido (748 de 844 px en un iPhone 14) y asomaba la sección siguiente.
   Medido en las 19 páginas a 360/390/767: es la única sección afectada.
   Se restaura solo donde la maqueta lo pide; sin JS, con movimiento reducido
   o al imprimir el hero sigue siendo `height:auto` (estilos.css §6.8 y §27).
   ⚠️ `:not(.hero-div)`: los heroes de las cuatro divisiones también llevan
   `.hero`, pero miden su contenido (`.hero-div{height:auto}`, §30).
   28-sep-2026. */
@media screen and (max-width: 767.98px) and (prefers-reduced-motion: no-preference) {
  html.js .hero:not(.hero-div) { height: 100vh !important; height: 100dvh !important; }
}