/*
 * ESTILOS EXCLUSIVOS DE LA SECCIÓN AGENTES
 * - No incluye estilos estructurales (.container, .row)
 * - Carga después del style.css global
 */

#main-contacto,
#main-agentes-cursos {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#main-contacto {
  background-image: url('../img/home-contacto/background-main.webp');
}

#main-agentes-cursos {
  background-image: url('../img/agentes-cursos/img-background.jpg');
}

#img-header-agentes-comunicados {
  background-image: url('../img/agentes-comunicados/img-header.jpg');
}

#img-header-agentes-material-apoyo {
  background-image: url('../img/agentes-material-apoyo/img-header.jpg');
}

#img-header-agentes-patrocinios {
  background-image: url('../img/banners-home/BANNER-PATROCINIOS-Y-EVENTOS-02.jpg');
}

#img-header-agentes-incentivos {
  background-image: url('../img/banners-home/BANNER-PATROCINIOS-Y-EVENTOS-01.jpg');
}

#img-header-agentes-comunicados,
#img-header-agentes-material-apoyo,
#img-header-agentes-patrocinios,
#img-header-agentes-incentivos {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
}

#img-buscador-agentes-material-apoyo {
  width: 300px;
  height: 200px;
}

#img-buscador-agentes-comunicados {
  width: 260px;
  height: 240px;
}

#img-header-agentes-interior-noticias {
  background-image: url('../img/agentes-interior-noticias/img-header.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 250px;
}

.img-fluid-mosaico {
  width: 200px;
  height: 100%;
  object-fit: cover;
}

#img-header-agentes-siaf {
  background-image: url('../img/agentes-siaf/img-header.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 250px;
}

/* Actualmente sin uso en las vistas de Agentes; se mantiene aquí por si se reutiliza */
.card-overlay-agentes-sofimex {
  height: 200px;
  top: -100px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  width: 80%;
  text-align: center;
  z-index: 5;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}