/* Estilos personalizados */
.btn-negro { background-color: #000000; color: white; }
.btn-negro-outline { background-color: transparent; border: 2px solid #000000; color: #000000; }
.btn-negro:hover { filter: brightness(90%); }
.btn-negro-outline:hover { background-color: #000000; color: white; }
.bg-negro { background-color: #000000 !important; color: white; }
.text-negro { color: #000000 !important; }
.border-negro { border-color: #000000 !important; }
.btn-naranjo { background-color: #cc5200; color: white; }
.btn-naranjo-outline { background-color: transparent; border: 2px solid #cc5200; color: #cc5200; }
.btn-naranjo:hover { filter: brightness(90%); }
.btn-naranjo-outline:hover { background-color: #cc5200; color: white; }
.bg-naranjo { background-color: #cc5200 !important; color: white; }
.text-naranjo { color: #cc5200 !important; }
.border-naranjo { border-color: #cc5200 !important; }
.btn-rojo { background-color: #b80000; color: white; }
.btn-rojo-outline { background-color: transparent; border: 2px solid #b80000; color: #b80000; }
.btn-rojo:hover { filter: brightness(90%); }
.btn-rojo-outline:hover { background-color: #b80000; color: white; }
.bg-rojo { background-color: #b80000 !important; color: white; }
.text-rojo { color: #b80000 !important; }
.border-rojo { border-color: #b80000 !important; }
.navbar-brand { color: white; }
.navbar-brand:hover, .navbar-brand:focus { color: #fff; }
.nav-link { color: white; }
.nav-link:hover, .nav-link:focus { color: white; }
.nav-link.active { color: #fff !important; font-weight: bold; }
.navbar-expand-lg .navbar-nav .dropdown-menu { background-color: #333; }
.nav-link.show { color: white !important; }
.dropdown-item { color: #ffffff; }

.welcome-section {
  background: url('../../img/fondo.webp') bottom center / cover no-repeat;
  background-color: #000; /* fallback */
  position: relative;
}

.fondo-top{
  background: url('../../img/fondo_top.webp') bottom center / cover no-repeat;
  background-color: #000; /* fallback */
  position: relative;
}
.welcome-section h2, .welcome-section p {
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
.titulo-especial {
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
    font-style: italic;
}

.navbar-nav .nav-link {
  font-weight: 500;
  letter-spacing: 0.5px;
}
.navbar-nav .nav-link:hover {
  color: #fff !important;
  text-decoration: underline;
}