/* Lo poco que no cubre Tailwind. El resto son las mismas clases
   utilitarias que usa el sitio actual. */

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* La cabecera queda fija: los anclajes no deben esconderse debajo */
section[id],
nav[id],
footer[id] {
  scroll-margin-top: 96px;
}

/* Fondo de la sección de galería.
   PENDIENTE: en el sitio actual la textura de madera con granos viene de
   styles.css del build de Angular. Falta la URL de esa imagen; mientras
   tanto queda un tono neutro del mismo color. */
.galeria-fondo {
  background-color: #f5f2ee;
  background-image: url("https://ciacnen.com/assets/images/Blog/fondo.png");
  background-size: cover;
  background-position: center;
}

/* El video no debe mostrar controles nativos al pasar el mouse */
#miVideo::-webkit-media-controls {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-carrusel] { transition: none !important; }
}