.bg-primary {
    background-color: #fff !important;
}

img {
    max-width: 100%;
}

/* //=========================================================== */
/* // header  */
/* //===========================================================  */

.masthead .btn-primary {
    padding: 0.8rem 1.8rem;
}

#logo {
    padding-top: 0 !important;
    margin-top: -1rem;
}

#logo img {
    width: 80%;
}

/* //=========================================================== */
/* // nav bar  */
/* //===========================================================  */

.nav-link.active {
    /* background-color: #31f700f3; */
    border-bottom: 1px solid #c5252c;
}

.navbar {
    background-color: #fff !important;
    color: #292929 !important;
}

/* //=========================================================== */
/* // contacto */
/* //===========================================================  */

.error-email {
    text-align: center;
    margin: 1rem auto;
    font-size: 1.1rem;
}

/* //=========================================================== */
/* // footer */
/* //===========================================================  */

#boton {
    margin-top: 5rem;
    margin-bottom: 0;
}

footer .fas,
.fab {
    font-size: 1.5rem;
    color: #636363;
}

footer {
    margin-top: 8rem;
}

/* //=========================================================== */
/* // servicios  */
/* //===========================================================  */

#services .fas {
    font-size: 4rem;
    color: #c5252c;
    margin-bottom: 2rem;
    transition: all 0.4s;
}

#services .col-md-6 :hover .fas {
    font-size: 5rem;
    transform: rotateY(180deg);
}

/* //=========================================================== */
/* // eventos  */
/* //===========================================================  */

#eventos .h-100,
#eventos-pasados .h-100 {
    transition: all 0.3s;
}

#eventos .h-100.card:hover,
#eventos-pasados .h-100.card:hover {
    transform: scale(1.05);
    box-shadow: 8px 8px 55px -23px rgba(87, 87, 87, 1);
}

#eventos .card-footer a {
    color: #fff;
}

#eventos h4 a,
#eventos-pasados h4 a {
    font-size: 1.3rem;
}

#eventos p,
#eventos-pasados p {
    text-align: justify;
    text-transform: lowercase;
}

/* //=========================================================== */
/* // Paginas  */
/* //===========================================================  */

.container-convocatoria {
    margin: 2rem auto 5rem auto;
    border: 1px solid #e7e7e7;
    padding: 2rem 2rem 3rem 2rem;
    box-shadow: 8px 8px 35px -23px rgb(87 87 87 / 25%);
    border-radius: 15px;
}

.container-registro {
    margin: 2rem auto;
}

/* //=========================================================== */
/* // boton volver  */
/* //===========================================================  */

#boton {
    margin-top: 5rem;
    margin-bottom: 0;
}


.legal {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 16px;
  font-family: system-ui, sans-serif;
  color: #333;
}

.legal h1 {
  text-align: center;
  margin-bottom: 30px;
}

details {
  background: #fff;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

summary {
  font-weight: 600;
  cursor: pointer;
  color: #0b5ed7;
  font-size: 1.05rem;
}

details p,
details li {
  line-height: 1.6;
  margin-top: 10px;
}

details ul {
  padding-left: 20px;
}

a {
  color: #0b5ed7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.legal-footer {
  text-align: center;
  margin-top: 40px;
  font-size: .95rem;
}