:root {

    --font-famili: 'Lato';
    --font-famili-regular: normal;

    --color-blanco: #fff;
    --color-rojo: #ff0000;
    --color-verde: #006633;
    --color-dark-verde: #006A2C;
    --color-verde--banner: #003717;
    --color-medium-verde: #49903A;
    --color-verde-light: #B7CD00;
    --color-amarillo: #f8b400;
    --fondo-convenios: #F1F0F1;
    --color-negro: #000;
    --franja-amarilla: #f8e636;

    --color-verde-herramientas: #026634;
    --color-plomo: #3C3C3B;
    --color-plomo-popup: #616160;
    --color-plomo-claro: #dee1e6;
    --color-hueso: #EFEFEF;

    --color-cabecera-programa-2: #004922;
    --color-figura-duracion-programa-2: #3aa935;

    --transparencia-cuadro-programas: rgba(20, 64, 158, 0.23);




    --fondo-contcto: #F3F3F3;

    --font-bebas: 'Bebas Neue';
    --font-lato: 'Lato';
    --font-lato-hairline: 'Lato Hairline';
    --font-monserrat: 'Monserrat';
    --font-roboto: 'Roboto';
}

body {
    font-family: var(--font-roboto);
    font-weight: var(--font-famili-regular);
}

input:focus {
    outline: none;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-3xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-famili);
    font-weight: var(--font-famili-regular);
}

h1,
h2,
h3 {
    margin: 0px;
}

pre {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.error {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-roboto);
    line-height: 1.2;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: initial;
}

.img_full_h img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.img_full_h_cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fondo_banner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.boder_radius_20 {
    border-radius: 20px;
    overflow: hidden;
}

.b_radius_10 {
    border-radius: 10px;
}

.w_auto {
    width: auto;
}

.btn_cerrar_popup_default {
    border: none;
    font-size: 15px;
    font-weight: bold;
    background-color: transparent;
    color: var(--color-principal);
}

.gap_5_t {
    gap: 5px;
}


.gap_10_t {
    gap: 10px;
}

.gap_20_de {
    gap: 20px;
}

.gap_40_de {
    gap: 40px;
}

.gap_50_de {
    gap: 50px;
}

.gap_5 {
    gap: 5px;
}

.gap_10 {
    gap: 10px;
}

.gap_20 {
    gap: 20px;
}

.l_h_1_3 {
    line-height: 1.3;
}

.padding_r_l_40 {
    padding-left: 40px;
    padding-right: 40px;
}

.negrita {
    font-weight: bold;
}

.remove_margins {
    margin: 0;
}

.titulo_24_bold {
    font-size: 24px;
    color: var(--color-dark-cyan);
    font-weight: bold;
}

.titulo_28_bold {
    font-size: 28px;
    color: var(--color-dark-cyan);
    font-weight: bold;
}

.titulo_section_g2 h2 {
    color: var(--color-blanco);
    font-size: 48px;
    font-family: 'Bebas Neue';
}


.container_title_sections {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    color: var(--color-blanco);
}

.container_title_sections .title_blanco {
    font-size: 45px;
    font-weight: 600;
    color: var(--color-blanco);
}

.container_title_sections .title_negro {
    font-size: 45px;
    font-weight: 600;
    color: var(--color-negro);
}

.container_title_sections .subtitle_popup {
    font-size: 33px;
    font-weight: 500;
    color: var(--color-blanco);
}


.container_title_sections .subtitle_blanco {
    font-size: 33px;
    font-weight: 500;
    color: var(--color-blanco);
}

.container_title_sections .subtitle_negro {
    font-size: 33px;
    font-weight: 500;
    color: var(--color-negro);
}

.uk-notification-center-middle {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1030;
    padding: 20px;
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 45px;
    height: 45px;
    background-color: #2db742;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsapp-float img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
    max-width: 40px;
}

.whatsapp-float:hover img {
    transform: scale(1.1);
}