/*====================================================
BASE.CSS
LANDING V3
====================================================*/

/* RESET */

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

/* HTML */

html{

    scroll-behavior:smooth;

}

/* BODY */

body{

    font-family:var(--fuente);

    font-size:var(--texto-md);

    color:var(--texto-principal);

    background:var(--color-blanco);

    line-height:var(--linea);

    overflow-x:hidden;

}

/* CONTENEDOR */

.container{

    width:100%;

    max-width:var(--container);

    margin:auto;

    padding:0 20px;

}

/* IMÁGENES */

img{

    display:block;

    max-width:100%;

    height:auto;

}

/* VIDEOS */

video{

    display:block;

    max-width:100%;

}

/* LINKS */

a{

    text-decoration:none;

    transition:var(--transition);

}

/* LISTAS */

ul{

    list-style:none;

}

/* TÍTULOS */

h1{

    font-size:var(--titulo-xl);

    line-height:1.1;

    font-weight:900;

}

h2{

    font-size:var(--titulo-lg);

    line-height:1.2;

    font-weight:600;

}

h3{

    font-size:28px;

    font-weight:800;

}

/* PÁRRAFOS */

p{

    color:var(--texto-secundario);

}

/* SECCIONES */

section{

    padding:var(--seccion) 0;

}

/* BOTONES */

button{

    cursor:pointer;

    border:none;

    font-family:inherit;

}

/* INPUTS */

input,
textarea{

    font-family:inherit;

    font-size:16px;

}

/* RESPONSIVE */

@media(max-width:768px){

    section{

        padding:var(--seccion-mobile) 0;

    }

    h1{

        font-size:40px;

    }

    h2{

        font-size:34px;

    }

}