/* ==========================================================================
   components/ola.css — Ola (transición inferior de hero y cabeceras)
   Componente marcado: ola (hero de index y cabecera-pagina de las páginas internas).
   ========================================================================== */
/* El contenedor debe tener position: relative. Por defecto enlaza con una sección blanca. */
.ola {
  position: absolute;
  inset: auto 0 calc(var(--hairline) * -1) 0;
  width: 100%;
  height: var(--alto-ola);
  color: var(--c-blanco);
}