/* tipografia para el menu de opciones font-family: 'Quicksand', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');
*
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, div, span, form, a, input, select, textarea, button
{
    font-family: 'Quicksand', sans-serif;
    line-height: 1;
}
h1
{
    font-weight: 500 !important;
}
body::-webkit-scrollbar-thumb
{
    background:linear-gradient(rgb(194, 18, 18),rgb(8, 8, 41));
    cursor:pointer;
}

body::-webkit-scrollbar
{
    background:rgb(255, 255, 255);
    width: 7px;
    height: 2px;
}
body
{
    background-attachment: fixed;
}
section, main
{
    padding:10px 0 !important;
}
section, header, footer, main
{
    overflow: hidden;
}
section .titulo, main .titulo
{
    width:100%;
    text-align:center;
}
section .titulo h2, main .titulo h2
{
    font-size: 2.2rem;
}
section .titulo hr, main .titulo hr
{
    display:table;
    width:240px;
    margin:0 auto;
    margin-top:20px;
    border:1px solid red;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}
main p
{
    margin:0 auto;
    text-align:center;
    padding-top:20px;
    width:60%;
}
section .contenedor, main .contenedor
{
    margin:0 auto;
    padding:20px 0 !important;
    width:80%;
}
svg
{
    border:0 !important;
}
#carga
{
    display: none;
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100%;
    z-index:20;
}
#carga div
{
    display: flex;
    justify-content: center;
    align-items: center;

}
@media(max-width:299px)
{
    section .titulo h2, main .titulo h2
    {
        font-size: 1.3rem;
    }
    section .titulo hr, main .titulo hr
    {
        width:130px;
    }
    section, main
    {
        padding:15px 0 !important;
    }
}
@media(min-width:300px) and (max-width:399px)
{
    section .titulo h2, main .titulo h2
    {
        font-size: 1.4rem;
    }
    section .titulo hr,main .titulo hr
    {
        width:135px;
    }
    section, main
    {
        padding:15px 0 !important;
    } 
}
@media(min-width:400px) and (max-width:499px)
{
    section .titulo h2, main .titulo h2
    {
        font-size: 1.5rem;
    }
    section .titulo hr, main .titulo hr
    {
        width:140px;
    }
    section, main
    {
        padding:10px 0 !important;
    } 
}
@media(min-width:500px) and (max-width:599px)
{
    section .titulo h2, main .titulo h2
    {
        font-size: 1.6rem;
    }
    section .titulo hr, main .titulo hr
    {
        width:145px;
    }
    section, main
    {
        padding:40px 0;
    }
}
@media(min-width:600px) and (max-width:799px)
{
    section .titulo h2, main .titulo h2
    {
        font-size: 1.7rem;
    }
    section .titulo hr, main .titulo hr
    {
        width:150px;
    }
    section, main
    {
        padding:50px 0;
    }
}
@media(min-width:800px) and (max-width:899px)
{
    section .titulo h2, main .titulo h2
    {
        font-size: 1.9rem;
    }
    section .titulo hr, main .titulo hr
    {
        width:160px;
    }
    section, main
    {
        padding:50px 0;
    }
}
@media(min-width:1700px)
{
    nav .contenido,
    header .contenedor
    {
        width:1500px !important;
    }
    section .contenedor,
    main .contenedor,
    footer .contenedor
    {
        width:1700px !important;
    }
}