:root {



    --font-famili: 'Lato';

    --font-famili-regular: normal;



    --font-family-monserrat: 'Montserrat-Bold', sans-serif;

    --font-family-poppins: 'Poppins-Bold', sans-serif;

    --font-family-poppins-regular: 'Poppins-Regular', sans-serif;

    --font-family-nunito: 'Nunito-Regular', sans-serif; 

    --font-family-nunito-bold: 'Nunito-Bold', sans-serif; 

    --font-family-raleway: 'Raleway', sans-serif; 



    --font-family-breul: 'BreulGroteskA', sans-serif;





    --color-principal: #004368;

    --color-verde-solido: #2C6E75;

    --color-gris-oscuro: #6B7278;

    --color-gris: #C8C9CB;

    --color-purpura-claro: #D4D9E2;

    --color-claro: #F8F8F2;

    --color-marron-claro: #C9A86A;

    --color-claro-2: #F8FFEF;



    --color-blanco: #FFFFFF;

    --color-negro: #000;



    --plyr-color-main: #C9A86A;

    --plyr-control-icon-color: #F8FFEF;

    --plyr-video-control-background: rgba(0, 0, 0, 0.7);



}



body {

    font-family: var(--font-famili);

    font-weight: var(--font-famili-regular);

}



input:focus {

    outline: none;

}



.plyr__control {

    color: var(--color-principal);

}



.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);

}



a {

    text-decoration: none;

}



h1,

h2,

h3,

p {

    margin: 0px;

}



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;

}





.boder_radius_20 {

    border-radius: 20px;

    overflow: hidden;

}



.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;

}



.p_t_20 {

    padding-top: 20px;

}



.m_0 {

    margin: 0px;

}



.m_b_15{

    margin-bottom: 15px;

}



.m_b_nav{

    margin-bottom: -30px;

}



.error {

    display: none !important;

}



.uk-input[aria-invalid="true"] {

    border: 1px solid red!important;

    background-color: var(--color-blanco);

}



.uk-input[aria-invalid="true"]::placeholder {

    color: black !important;

}



.uk-input[aria-invalid="true"]:focus {

    border: 1px solid red !important;

    background-color: var(--color-blanco) !important;

}



.btn_principal,

.uk-button.btn_principal {

    background-color: var(--color-principal);

    color: var(--color-blanco);

    border-radius: 10px !important;

    font-weight: 600;

    letter-spacing: 1px;
    
    line-height: 1.2;
    
    padding: 10px 30px!important;

}



.btn_principal:hover {

    background-color: var(--color-verde-solido);

    color: var(--color-negro);



}



.title_pages_bar {

    color: var(--color-blanco);

    font-size: 35px;

    font-family: var(--font-family-monserrat);

    font-weight: 600;

    letter-spacing: 1.2px;

    margin: 10px 0;

}



.textcontent_pages_bar {

    color: var(--color-blanco) !important;

    font-family: var(--font-family-nunito);

    font-size: 22px;

}



.title_pages_services {

    color: var(--color-principal);

    font-size: 35px;

    font-family: var(--font-family-monserrat);

    font-weight: 600;

    letter-spacing: 1.2px;

}



.text_section_nosotros{

    color: var(--color-negro);

    text-align: center;

}



.section_banner_nosotros{

    max-width: 850px;

    margin-left: auto;

    margin-right: auto;

}



.item_page_servicios li.separator::after {

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background-color: var(--color-verde-solido);

    margin-top: 5px;

}



.button_slider {

    margin: auto;

    font-family: var(--font-family-nunito);

    font-size: 15px;

}



.button_normal {

    font-family: var(--font-famili);

    font-size: 15px;

}

.btn_minuta{
    text-transform:inherit!important;
    line-height:1.2;
}

.btn_minuta figure{
    padding-right:10px;
}

.btn_minuta figure img{
    width:100%;
    object-fit:contain;
}



.padding_t_b_20 {

    padding-top: 20px;

    padding-bottom: 20px;

}



.padding_b_20{

    padding-bottom: 20px;

}



.padding_l_r_40{

    padding-left: 40px;

    padding-right: 40px;

}



.padding_l_r_20{

    padding-left: 20px;

    padding-right: 20px;

}



.preload_jjloayza{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5); 

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 9999;

    display: none; 

}



.spinner {

    border: 4px solid rgba(0, 0, 0, 0.1);

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border-left-color: var(--color-blanco);

    animation: spin 1s linear infinite;

}

@keyframes spin {

    to { transform: rotate(360deg); }

}



.titulo_tyc_c,.titulo_interna{

    color: var(--color-principal)!important;

    text-align: center;

}



.content_interna{

    color: var(--color-negro);

    margin: 10px 0px;

}

.section-description{

    margin: 10px 0px;

}

.section-description h2{

    font-size: 25px;

    margin-bottom: 10px;

    color: var(--color-principal);

}

/*Modal*/

.modificar_buscador {
    padding: 40px;
    border-radius: 10px;
}

.quitar_svg_cerrar svg {
    display: none;
}

.contenedor_mensaje_contac h2 {
    font-size: 30px;
    color: var(--color-principal);
    font-weight: 800;
}

.contenedor_mensaje_contac p {
    font-size: 15px;
    color: var(--color-negro);
    font-weight: 700;
}

.spiner_load_ajax {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffffbf;
    width: 100%;
    height: 100vh;
    z-index: 9999 !important;
}

.spiner_load_ajax svg circle {
    stroke-width: 2px !important;
    stroke: var(--color-principal) !important
}



