:root {



    --font-famili: 'Roboto';

    --font-famili-regular: normal;

    

    --color-rojo: #ff0000;



    --color-dark-cyan: #1b6eba;

    --color-cyan: #2fbffe;

    --color-blanco: #FFFFFF;



    --color-negro: #000;

    --color-amarillo: #fece0a;





}



body {

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

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

}



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;

}



.gap_5{

    gap: 5px;

}

.gap_mc_50{
    gap: 50px;
}