/* css/principal-publica.css */
/* Estilos específicos para la página pública */

/* Reset para evitar conflictos */
#base-publica {
  padding-top: 0 !important;
}

/* Estilos para la cabecera pública */
#menu-publico {
  background: linear-gradient(to right, #f8f9fa, #e9ecef);
  border-bottom: 3px solid rgb(55, 110, 120);
}

#menu-publico .nav-link {
  color: rgb(55, 110, 120);
  font-weight: 500;
  margin: 0 5px;
  padding: 8px 16px;
  border-radius: 20px;
  transition: all 0.3s ease;
}

#menu-publico .nav-link:hover {
  background: rgb(55, 110, 120);
  color: white;
}

/* Espacio para fixed navbar */
body {
  padding-top: 76px;
}

/* Sobrescribir estilos que puedan venir de principal.css */
.navbar {
  z-index: 1030;
}

/* Estilos específicos para secciones de web-publica.php */
.hero-section {
  background-color: rgb(55, 110, 120) !important;
  color: white !important;
  padding: 80px 0 !important;
  text-align: center !important;
}

/* Asegurar que los botones se vean bien en móvil */
@media (max-width: 768px) {
  .responsive-buttons .btn {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0 !important;
  }

  .action-buttons .btn {
    margin-bottom: 10px;
  }
}