@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url(./menus.css);
@import url(./bannertodos.css);

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

html {
    scroll-behavior: smooth;
    font-size: 18px;
}

section[id] {
    scroll-margin-top:135px;
}

/* div[id] {
    scroll-margin-top:135px;
} */

h1[id] {
    scroll-margin-top:135px;
}

body {
    font-family: 'Noto Sans', sans-serif;
}

/********header******************/
#encabezado__prim {
    /* border: 2px solid black; */
    width: 100%;
    height: 70px;
    color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

section{
    /* border: 2px solid black; */
    width: 100%;
    height: auto;
    margin: auto;
}

.contenedor{
    /* border: 1px solid black; */
    width: 65rem;
    margin: auto;
    text-align: center;
}


.resalta_menu{
    background-color: rgb(97, 18, 50); 
    /* font-weight: 700; */
    height: 2rem;
    border-radius: .5rem;
}


.linea{
    /* border: 1px solid black; */
    width: 100%;
    height: 24px;
}

.parrafoSh{
    /* border: 1px solid black; */
    color: black;
    width: 100%;
    font-size: calc(.91vw + .5rem);
    /* font-size: 1.2rem; */
    font-weight:350;
    line-height: 1.8rem;
    text-align: justify;
    margin: auto;
    /* margin-top: 1.5rem; */
}

.parrafoFAQ{
    /* border: 1px solid black; */
    color: black;
    width: 100%;
    font-size: calc(.91vw + .5rem);
    /* font-size: calc(.61vw + .4rem); */
    /* font-size: 1.2rem; */
    font-weight:350;
    line-height: 1.8rem;
    text-align: justify;
    margin: auto;
    /* margin-top: 1.5rem; */
}


.secciones{
    /* border: 2px solid black; */
    /* color: rgb(152, 47, 75); */
    color: rgb(64, 64, 65);
    width: 65rem;
    font-size: calc(.9vw + .9rem);
    text-align: left;
    /* font-weight: 500; */
    margin: auto;
    margin-bottom: .4rem;
}

.titulos-esp{
    font-family: Patria;
    font-weight: 550;
}

.alineacion-esp{
    text-align: center;
}


.tituloModal{
    color: white;
    width: 65rem;
    font-size: calc(.9vw + .9rem);
    text-align: center;
    margin: auto;
    margin-bottom: .4rem;
}

.tituloBodyModal{
    /* border: 12px solid black; */
    color: black;
    width: 100%;
    font-size: calc(.9vw + .9rem);
    /* font-weight:700; */
    line-height: 1.8rem;
    text-align: center;
    margin: auto;
    margin-bottom: 1.5rem;
}

.seccionesModal{
    /* border: 12px solid black; */
    /* color: rgb(152, 47, 75); */ 
    color: rgb(0, 0, 0);
    width: 100%;
    font-size: calc(1.1vw + .9rem);
    text-align: left;
    font-weight: 500;
    margin: auto;
    margin-bottom: .4rem;
}

.textoBodyModal{
    /* border: 12px solid black; */
    color: black;
    width: 100%;
    font-size: calc(.9vw + .5rem);
    font-weight:500;
    line-height: 1.8rem;
    text-align: justify;
    margin: auto;
    margin-bottom: 1.5rem;
}

#imagenModal{
    width: 80%;
    text-align: center;
    margin: auto;
}

.modal-footer button{
    background-color:rgb(152, 47, 75)
}

@media screen and (max-width:1199px){

    .contenedor{
        /* border: 2px solid black; */
        width: 53.6rem;
    }

    .secciones{
        width: 53.6rem;
    }
}

@media screen and (max-width:991px){

    .contenedor{
        /* border: 2px solid black; */
        width: 40.5rem;
    }
    .secciones{
        width: 40.5rem;
    }
    
    .resalta_menu{
        /* display: none; */
        background-color:unset ; 
        
        /*font-weight: 700; 
        height: 35px;
        border-radius: .5rem; */
    }

    .parrafoFAQ{
        /* border: 1px solid black; */
        line-height: 1.1rem;
    }
    
}

@media screen and (max-width:767px){

    section{
        /* border: 2px solid black; */
        width: 100%;
    }

    .contenedor{
        /* border: 2px solid black; */
        width: 94%;
    }

    .secciones{
        width: 94%;
    }

    .parrafoSh{
        /* border: 1px solid black; */
        line-height: 1.1rem;
    }

    .parrafoFAQ{
        /* border: 1px solid black; */
        line-height: 1.1rem;
    }



    #imagenModal{
        width: 50%;
        text-align: center;
        margin: auto;
    }

    .textoBodyModal{
        /* border: 12px solid black; */
        line-height: 1rem;
    }

}