/* Fondo azul del menú */
.hero {
  background-color: #0033a0; /* azuro institucional aproximado */
}

/* Ajustes rápidos para móviles */
@media (max-width: 576px) {
  .hero h1 {
    font-size: 1.6rem;
  }
  .hero .btn {
    font-size: 1rem;
  }
}
/* ======  FUENTES  ====== */
body,
.navbar-nav .nav-link,
p,
li,
td,
th,
small {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400; /* Regular */
}

h1, h2, h3, h4, h5, h6,
.fw-bold,
.card-header,
.btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; /* Bold */
}

/* ======  OTROS AJUSTES RÁPIDOS  ====== */
.hero { background-color: #0033a0; }
/* Justificar todo el texto de párrafo */
p {
  text-align: justify;
  text-justify: inter-word; /* mejor separación de palabras */
}
/* Hero imagen full-width */
.hero-image {
  line-height: 0;   /* elimina pequeño espacio inferior */
}
.hero-image img {
  width: 100%;
  height: auto;
  display: block;
}
/* Sección Presentación – fondo azul + texto blanco */
#presentacion {
  background-color: #0033a0;
  color: #fff;
}

/* Justificar solo los párrafos de esta sección */
#presentacion p {
  text-align: justify;
  text-justify: inter-word;
}
/* Fondo imagen completa */
#concurso .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
/* Fondo imagen completa */
section.py-5.position-relative .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
/* Icono hamburguesa blanco */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.hero-image img,
.hero-image .d-lg-none img {
  display: block;
  line-height: 0;
}
#agenda img {
  display: block;
  line-height: 0;
}
/* Contenedor del dropdown */
.dropdown-menu-dark {
    background-color: #0033a0;
    border: none;
    border-top: 2px solid white; /* línea de separación */
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    margin-top: 0;
    animation: fadeIn 0.2s ease-in-out;
}

/* Animación suave al aparecer */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Elementos del dropdown */
.dropdown-item {
    color: #ffffff;
    font-weight: 500;
    padding: 10px 20px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover más claro */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #0051d5;
    color: #ffffff;
}

/* Flecha del dropdown (más visible) */
.dropdown-toggle::after {
    border-top-color: #ffffff;
    transition: transform 0.2s ease;
}
.dropdown-item {
    white-space: normal;   /* permite salto de línea */
    word-break: break-word;
}

.dropdown-menu-dark { box-shadow:0 4px 10px rgba(0,0,0,.25); }

@media (max-width: 576px) {
    .dropdown-menu {
        min-width: 260px;   /* ajusta el valor a tu gusto */
        width: auto;
    }
}
/* Reducir el ancho de los controles a solo el icono + un pequeño margen */
#panelistasCarousel .carousel-control-prev,
#panelistasCarousel .carousel-control-next {
    width: 50px;          /* ancho del icono + margen */
    height: 50px;         /* alto del icono + margen */
    top: 50%;             /* centrado vertical */
    transform: translateY(-50%);
    margin: 0 10px;       /* separación de los bordes */
    border-radius: 50%;
}

/* Asegurar que el icono quede centrado */
#panelistasCarousel .carousel-control-prev-icon,
#panelistasCarousel .carousel-control-next-icon {
    width: 55px;
    height: 55px;
}
@media (max-width: 576px) {
    #panelistasCarousel .carousel-control-prev,
    #panelistasCarousel .carousel-control-next {
        display: none;
    }
}