/*ESTILOS GENERALES*/


:root {
  --primary: #cc0000;
  --primary-dark: #9e0101;
  --secondary: #2E2E2E;
}


body {
  font-family: 'Jost', sans-serif;
  ;
}


main .content {
  padding: 0 0 40px 0;

}

a {
  text-decoration: none;
}



/* NAVBAR */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-link {
  font-size: 1.2rem;
  font-weight: 450;
}

.nav-link:hover {
  color: #171650;
}

.dropdown-item:hover {
    color: #171650;
}

.dropdown-item:active {
    background-color: white;
}




/* FLECHA IR AL TOP */
#btn-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  cursor: pointer;
  background-color: transparent;
}

#btn-top .fa-circle-arrow-up {
  color: #171650;
  font-size: 3em;

}

#btn-top .fa-circle-arrow-up:hover {
  color: var(--primary-dark);
}

.btn-radio {
  color: #cc0000 !important;
  background-color: white !important;
}




.form-check-input:checked {
  background-color: #cc0000;
  border-color: #cc0000;
}

.form-check-input {
  border-color: #be8686
}

.user_bar {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #cc0000;
  height: 1.5rem;
  clip-path: polygon(0% 0, 100% 0, 100% 100%, 5% 100%);
}

.user_bar button {
  color: #ececec;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  border: 0px;
}


.btn-top {
  border: none;
}


.btn-top:hover {
  background-color: #cc0000;
  color: rgb(0, 0, 0);
}

.btn-top:active {
  background-color: #cc0000 !important;
  color: rgb(0, 0, 0) !important;
}



/* ===== Submenu desktop (>=992px): hover, sin flecha, integrado con el navbar ===== */
@media (min-width: 992px) {
    .nav-item.dropdown .dropdown-menu {
        display: none;
        margin-top: 0;
        border: 0;
        border-radius: 0;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        padding: 0.4rem 0;
        min-width: 13rem;
        background-color: #fff;
    }
    .nav-item.dropdown:hover > .dropdown-menu,
    .nav-item.dropdown .dropdown-menu.show {
        display: block;
    }
    .nav-item.dropdown .dropdown-item {
        padding: 0.55rem 1.25rem;
        font-weight: 500;
        transition: background-color .15s ease, color .15s ease;
    }
}

/* ===== Submenu móvil (<992px): inline dentro del offcanvas, abrir con click ===== */
@media (max-width: 991.98px) {
    .nav-item.dropdown .dropdown-menu {
        border: 0;
        box-shadow: none;
        padding: 0 0 0 1rem;
        margin: 0;
        background-color: transparent;
    }
    .nav-item.dropdown .dropdown-item {
        padding: 0.5rem 0.5rem;
    }
}