/* _________________________ *\
reset.css
-Reset / Normalizar
-Variables
-Form
\* _________________________ */

*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}


body {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    overflow-x: hidden;
}


li {
    list-style: none;
}


:root{
    font-size: 100%;

    /* tipografías */
    --font-primary: 'Montserrat', sans-serif;  /*Fuente primaria */
    --font-secondary: 'Roboto', sans-serif;    /*Fuente secundaria */

    /* tamaños tipografía */
    --h2-size: 3.2em;     /*Tamaño de los h2 */
    --h3-size: 2em;     /*Tamaño de los h3 */
    --h4-size:1.5em;      /*Tamaño de los h4 */
    --h5-size: 1.4em;     /*Tamaño de los h5 */
    --h6-size: 1.3em;     /*Tamaño de los h6 */
    --p-size: 1.2em;        /*Tamaño de los párrafos */

    /* colores */
    --color-primary: #025B7B; /*Color predominante de la web */
    --color-secondary: #7EC1D3;             /*Color secundario de la web */
    --color-beige: #f5ece0;
    --color-white: white;
    --color-grey: #6B7280;
    --color-dark: #635C55;
    --color-pink: #DA35BB;  
}


h1,h2,h3,h4,h5,h6,strong{
    font-size: inherit;
    font-weight: inherit;
}


img, video, iframe{
    max-width: 100%;
    width: 100%;
    display: block;
    overflow-x: hidden; 
}


a{
    display: block;
    color: inherit;
    text-decoration: none;
}


p a{
    display: inline;
}


form, input, select, textarea, label, button, legend{
    display:block;
    font-size: inherit;
    font-family: inherit;
    background-color: transparent;
    width: 100%;
}


html{
    scroll-behavior: smooth;
}