/* Estilos propios del nuevo index.php (Tailwind cubre el resto) */

/* Hero: mar del header original bajo un degradado de la paleta */
.hero {
  background-image:
    linear-gradient(100deg, rgba(1, 38, 47, .96) 25%, rgba(1, 38, 47, .55) 100%),
    url('../imagenes/header.jpg');
  background-size: cover;
  background-position: center;
}

/* Contenedor de AdSense: nunca más ancho que su columna */
.ad-box {
  max-width: 100%;
  overflow: hidden;
  min-height: 120px;
  padding: .75rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .6);
  contain: layout paint;
}

.ad-box ins.adsbygoogle {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Anuncios que AdSense inserta directo en el body (auto ads): que no rompan el pie */
body > ins.adsbygoogle,
body > .google-auto-placed {
  max-width: 100% !important;
  overflow: hidden !important;
  background: #01262f;
  margin: 0 !important;
}

html { background: #01262f; }

/* Scroll suave y anclas bajo el header fijo */
html { scroll-behavior: smooth; scroll-padding-top: 5rem; }