@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,400;0,700;0,800;1,100;1,400;1,700;1,800&display=swap");

h1 {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 800;
}
h2 {
    font-family: "Libre Franklin", sans-serif;
}
.titular-congreso {
    font-size: 2.7rem;
}
.titular-bajada-congreso {
    font-size: 1.2rem;
}
.titular-bajada {
    font-size: 1.3rem;
}
.navbar {
    padding-top: 0rem;
    font-size: 0.9rem;
    font-weight: 500;
    font-family: "Libre Franklin", sans-serif;
}
.navbar-light .navbar-nav .nav-link {
    color: #202020;
    font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: transparent;
}
/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 1200px) {
    .navbar {
        font-size: 0.85rem;
    }
}
.dropdown-item {
    font-size: 0.9rem;
    font-weight: 500;
    font-family: "Libre Franklin", sans-serif;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ff3e56;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #ffffff;
    background-color: #02cb8b;
}
.btn {
    border-radius: 0rem;
}
.btn-danger {
    background-color: #ff3e56;
    border-color: #dc3545;
}
.btn-primary {
    color: #fff;
    background-color: #02cb8b;
    border-color: #03c487;
}
.btn-primary:hover {
    color: #fff;
    background-color: #ff3e56;
    border-color: #ff3e56;
}
#expositores .card-body {
    flex: 1 1 auto;
    padding: 0.7rem 0.7rem;
}
#expositores .card-title {
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
}
.afiliacion {
	font-size: 0.8rem;
}
.bg-gray {
    background-color: #f0f0f0;
}
.bg-green {
    background-color: #02cb8b;
}
.footer-rrss a {
    text-decoration: none;
}
.directorio p {
    font-size: 0.8rem;
}
#comite .card-body {
    flex: 1 1 auto;
    padding: 0.5rem;
}
.comite p {
    font-size: 0.7rem;
}
.cursos p {
    font-size: 0.9rem;
}
.hover-x {
    --h: 1.2em; /* the height */

    linea-height: var(--h);
    color: #0000;
    overflow: hidden;
    text-shadow: 0 var(--_t, var(--h)) #fff, 0 0 var(--_c, #000);
    background: linear-gradient(#02cb8b 0 0) bottom/100% var(--_d, 0) no-repeat;
    transition: 0.3s;
}
.hover-x:hover {
    --_d: 100%;
    --_t: 0;
    --_c: #0000;
}
.carta-bienvenida p {
    font-size: 1.1rem;
}
.talleres th {
    font-size: 0.8rem;
}
.talleres tr {
    font-size: 0.8rem;
}
.card-header-congreso {
    background-color: #339cdc;
	color: white;
}
.card-header-congreso-online {
    background-color: #3fb4c9;
	color: white;
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #f0f0f0;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}