@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular Bold';
    src: url('../fonts/Poppins-Regular_Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'SolomonSansBold';
    src: url('../fonts/SolomonSansBold.ttf') format('truetype');
}

@font-face {
    font-family: 'SolomonSansNormal';
    src: url('../fonts/SolomonSansNormal.ttf') format('truetype');
}

@font-face {
    font-family: 'SolomonSansSemiBold';
    src: url('../fonts/SolomonSansSemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'webfa-brands';
    src: url('../fonts/webfa-brands-400.ttf') format('truetype');
}

@font-face {
    font-family: 'webfa-regular';
    src: url('../fonts/webfa-regular-400.ttf') format('truetype');
}

@font-face {
    font-family: 'webfa-solid';
    src: url('../fonts/webfa-solid-900.ttf') format('truetype');
}

@font-face {
    font-family: 'webfa-v4compatibility';
    src: url('../fonts/webfa-v4compatibility.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
}
body {
    font-family: 'Poppins-Regular', sans-serif;
    background-color: #F0F0F0;
    margin: 0;
    padding: 0;
}

.header-logo {
    width: 100%;
    height: auto;
}

.bg-primary {
  /*  background-color: #80009D !important;*/
}

.bg-danger {
    background-color: #FC2E03 !important;
}

.btn-primary {
    background-color: #80009D;
    border: none;
}

.btn-danger {
    background-color: #FC2E03;
    border: none;
}

form .inputForm {
    font-size: 13px;
    margin-bottom: 0;
    background-color: #ffffff;
    border-width: 0px;
    border-style: solid;
    max-width: 100%;
    width: 100%;
}

form select {
    background-color: #80009D;
    color: white;
    border: none;
    font-size: 13px;
    width: 100%;
}

form .submitInput {
    background-color: #80009D;
    color: white;
    border: none;
    padding: 10px;
    width: 100%;
    font-size: 15px;
}

.hide {
    display: none;
}

input[type="tel"], input[type="text"], input[type="email"], select {
    font-size: 13px;
    margin-bottom: 10px;
}

.label_protecc_datos {
    font-size: 13px;
}

.footer {
    width: 100%;
    background-color: #606060;
}

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


.bg-dark-grey {
    background-color: #606060;
}

.footer {
    width: 100%;
}

.bg-purple {
    background-color: #4AAD52 !important;
}
.bg-green {
    background-color: #4AAD52 !important;
}

.bg-dark-grey {
    background-color: #606060;
}

.footer .text-white {
    color: #ffffff;
}

.footer img {
    max-width: 300px; /* Ajusta el tamaño según sea necesario */
}

.footer p {
    margin: 0;
    font-family: 'Solomon', sans-serif;
}

@media (max-width: 576px) {
    .footer .d-flex {
        flex-direction: column;
        text-align: center;
    }

    .footer img {
        margin-bottom: 10px;
    }
}


.title-container {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px;
    margin:30px;
}

.line {
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #722e88;
}

.title {
    font-family: 'Poppins-Regular', sans-serif;
    color: #265B91;
    margin-left: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.subtitle {
    font-family: 'Poppins-Regular', sans-serif;
    color: #80009D;
    margin-left: 10px;
    font-size: 20px;
}

.accordion .card-header {
    padding: 0;
    text-align: justify;
}

.accordion .btn-link {
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    font-family: Poppins, Sans-serif;
    font-size: 1rem;
    color: #ffffff;
    background-color: #9d9d9c;
    border: none;
    font-weight: 600;
    font-size: 22px;
}

    .accordion .btn-link:hover, .accordion .btn-link:focus {
        text-decoration: none;
        color: #ffffff;
        background-color: #9d9d9c;
    }

.accordion .card-body {
    background-color: #F0EFEE;
    font-family: Poppins, Sans-serif;
    color: var(--e-global-color-text);
    text-align: justify;
}

.registrate-gratis {
    background-color: #FF2D00; /* Color de fondo naranja */
    color: white; /* Color del texto blanco */
    font-weight: bold; /* Texto en negrita */
    text-align: center; /* Centrar el texto */
    padding: 0 0 10px 0; /* Espaciado interno superior a cero y inferior a 10px */
    margin: 0 0 20px 0; /* Margen superior a cero e inferior a 20px */
    font-size: 16px; /* Tamaño de fuente */
    height: 35px;
}

.linePurple {
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #80009D;
    margin-top:50px;
    margin-bottom: 5px
}

.button-container {
    text-align: center; /* Centra el botón dentro del div */
    width:100%;
}

.custom-button {
    display: inline-block;
    width: 75%; /* Ajusta el ancho al 100% del contenedor */
    height: 150px; /* Ajusta la altura según sea necesario */
    background-image: url('../images/MicrositioOim/btn_inscribete.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; /* Centra la imagen dentro del botón */
    text-decoration: none; /* Elimina el subrayado del enlace */
}

.custom-button-registrar {
    display: inline-block;
    width: 50%;
    height: 50px;
    background-color: #265B91;
    border: 3px solid #265B91;
    color: white;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    margin-left: 20%;
    transition: all 0.3s ease;
    margin-top: 20px;
}

    /* Texto desde CSS */
    .custom-button-registrar::after {
        content: "ENVIAR REGISTRO";
    }

    /* Hover */
    .custom-button-registrar:hover {
        background-color: #4AAD52;
        color: #ffffff;
    }

        .custom-button-registrar:hover::after {
            color: #ffffff;
        }

    .custom-button:hover {
        cursor: pointer;
    }

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #80009D;
    color: white;
    font-size: 14px;
    border: 1px solid #80009D;
    border-radius: 4px;
    width: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFA500" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;
    margin-bottom: 2px;
}

    .custom-select:focus {
        border-color: #FFA500;
        outline: none;
    }

.form-group   {
    margin-bottom: 2px; /* Reduce el margen inferior a 2px */
}
.form-control {
    margin-bottom: 2px; /* Reduce el margen inferior a 2px */
    margin-top: 0px;
}
.icon-small {
    width: 50%;
    height: auto;
}

.btn-link .fas {
    font-size: 1rem; /* Ajusta el tamaño del ícono según tus necesidades */
}

.container-expanded {
    max-width: 1400px;
    background-color: #f8f9fa;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Poppins-Regular', sans-serif;
}

/* Estilos para pantallas grandes (más de 1400px) */
@media (min-width: 1400px) {
    .container-expanded {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Estilos para pantallas medianas */
@media (min-width: 992px) and (max-width: 1399px) {
    .container-expanded {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Estilos para pantallas pequeñas */
@media (max-width: 991px) {
    .container-expanded {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Estilos para pantallas muy pequeñas */
@media (max-width: 575px) {
    .container-expanded {
        margin-left: auto;
        margin-right: auto;
    }
}

.elementor-element .elementor-widget-container {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)
}
.containerRetorno {
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    background: white;
    width: 80%;
    max-width: 600px;
    margin: auto; /* Centrar horizontalmente */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    height: 600px;
    font-family: 'Solomon', sans-serif;
}

h2, h3, h4 {
    font-family: 'SolomonSansSemiBold', sans-serif;
}


/* Estilos para H2 */
h2 {
    font-size: 2rem; /* Tamaño de fuente */
    font-weight: 600; /* Grosor de la fuente */
    margin-bottom: 0.8rem; /* Espacio debajo */
    text-transform: uppercase; /* Texto en mayúsculas */
    letter-spacing: 0.5px; /* Espaciado entre letras */
}

/* Estilos para H3 */
h3 {
    font-size: 1.75rem; /* Tamaño de fuente */
    font-weight: 500; /* Grosor de la fuente */
    margin-bottom: 0.7rem; /* Espacio debajo */
    letter-spacing: 0.3px; /* Espaciado entre letras */
}

/* Estilos para H4 */
h4 {
    font-size: 1.5rem; /* Tamaño de fuente */
    font-weight: 500; /* Grosor de la fuente */
    margin-bottom: 0.6rem; /* Espacio debajo */
    text-transform: none; /* No cambiar el caso del texto */
    letter-spacing: 0.2px; /* Espaciado entre letras */
}