:root {
  --color-principal: #00226f;
  --color-subtitulo:#0037a3;
  --fuente-base: 'Arial', sans-serif;
  --color-apoyo : #08b1bb;
  --color-azul-fondo:#eef5ff;
  --color-texto-gris:#3a3c3d;
  --color-btn :#0033a0;
}

section{
    margin-top: 50px;
}
.titulo{
    font-size: 2rem;
    color: var(--color-principal);
    font-weight: bold;
}
.subtitulo{
    font-size: 1.5rem;
    color: var(--color-principal);
    font-weight: bold;
}
.sub{
    font-size: 1.5rem;
    color: var(--color-subtitulo);
    font-weight: bold;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sub::after{
    content: " ";
    width: 50px;
    height: 3px;
    border-bottom: 4px solid #08b1bb ;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
}
.rojo{
    color: rgb(233, 22, 22);
}
body{
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  max-width: 1900px;
  margin: 0 auto;
}


/*Encabezado*/
.encabezado{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: max-content;
}

.encabezado span{
    width: 100%;
    text-align: center;
    background-color: #002268;
    color: white;
    padding: 2px 0px;
    font-weight: bold;
}
.encabezado img{
    width: 10%;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 180px;
}


/*PRESENTACION*/
.contenido-presentacion{
    width: 80%;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}
.txt-presentacion{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 30px;
}
.contenedor-texto{
    width: 60%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
.cuadro-retiro{
    display: flex;
    flex-direction: column;
}
.cuadro-retiro strong{
    font-size: 1rem;
}
.cuadro-retiro span{
    font-size: 0.875rem;
    color: var(--color-texto-gris);
    font-weight: 500;
}
.img-presentacion{
    width: 80%;
    height: 400px;
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden;
    border-radius: 50px;
  
}
.img-presentacion img{
    width: 100%;
    height: 420px;
    
    object-fit: cover;

    box-shadow: 0px 0px 14px -1px rgba(131, 131, 131, 0.61);
-webkit-box-shadow: 0px 0px 14px -1px  rgba(131, 131, 131, 0.61);
-moz-box-shadow: 0px 0px 14px -1px  rgba(131, 131, 131, 0.61);
}

.formulario-presentacion{
    width: 40%;
    display: flex;
    align-items: center;
    
}

.formulario-general{
    width: 70%;
    height: max-content;
    padding: 30px;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    box-shadow: 0px 0px 17px 0px rgba(201, 200, 200, 0.61);
-webkit-box-shadow: 0px 0px 17px -1px  rgba(201, 200, 200, 0.61);
-moz-box-shadow: 0px 0px 17px -1px  rgba(201, 200, 200, 0.61);
}

.cuadro-informativo{
    font-size: 0.675rem;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(95, 134, 252, 0.295);
    border-radius: 10px;
    padding: 10px;
    background-color: var(--color-azul-fondo);
}
.cuadro-informativo strong{
    color: var(--color-principal);
}
.cuadro-informativo span{
    color: var(--color-texto-gris);
}

.formulario-general h3{
    color: var(--color-principal);
    text-align: center;
}

.subtitulo-formulario{
    font-size: 0.705rem;
    text-align: center;
    line-height: 0;
    font-weight: 500;
}

.valores{
    height: max-content;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.valores label{
    font-size: 0.675rem;
    color: var(--color-texto-gris);
    font-weight: 500;
    margin-top: 7px;
}
.valores input{
    border: 1px solid rgb(194, 194, 194);
    height: 25px;
    margin-top: 5px;
}
.valores select{
    border: 1px solid rgb(194, 194, 194);
    height: 25px;
    margin-top: 5px;
}
.valores option{
    color: var(--color-texto-gris);
    padding-left: 16px;
}

.formulario-general button{
    background-color: var(--color-btn);
    color: white;
    border: 0px;
    height: 45px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: bold;
    margin-top: 15px;
}
.txt-aviso-privacidad{
    font-size: 0.675rem;
    color: var(--color-texto-gris);
    text-align: center;
    margin-top: 10px;
}


/*plan*/
.contenedor-plan{
    width: 35%;
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}
.contenedor-plan h3{
    color: var(--color-subtitulo);
    font-size: 1.2rem;
    text-align: center;
}
.contenedor-plan span{
    text-align: center;
    font-size: 0.775rem;
    color: var(--color-texto-gris);
    font-weight: 400;
}
.tipos-planes{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
}
.tipos-planes span{ 
    border: 1px solid rgba(128, 128, 128, 0.274);
    padding: 5px 15px;
    border-radius: 20px;
}



/*INFORMACION INSTITUCIONAL*/

.contenedor-informacion{

    width: 50%;
    height: max-content;
    margin: 0 auto;
}
.cuadro{
    width: 100%;
    height: max-content;
    border-radius: 20px;
}
.encabezado-informacion{
    background-color: var(--color-principal);
    color: white;
    font-weight: bold;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 10px 20px;
    font-size: 1.2rem;
    
}
.cuadros-informacion{
    display: flex;
    border: 1px solid rgba(128, 128, 128, 0.151);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.cuadros-informacion div{
 flex:1;
 display: flex;
 flex-direction: column;
 border-left: 1px solid rgba(128, 128, 128, 0.151);
 padding: 15px;
 
}
.cuadros-informacion label{
    font-size: 0.595rem;
    color: rgb(168, 168, 168);
    text-transform: uppercase;
}
.cuadros-informacion span{
    color: var(--color-principal);
    font-weight: bold;
    font-size: 0.875rem;
    margin-top: 10px;
}


/*RESPALDO DE EMPRESAS*/
.respaldo{
    background-color: var(--color-azul-fondo);
    padding: 40px 15px;
}

.contenedor-respaldo{
    width: 70%;
    height: max-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contenedor-respaldo h1{
    color: var(--color-principal);
    font-size: 1.5rem;
    text-align: center;
}
.contenedor-respaldo span{
    font-size: 0.875rem;
}
.empresas{
    display: flex;
    gap: 20px;
}
.contenido-empresas{
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column
    ;
    margin-top: 40px;
    align-items: center;
}
.contenido-empresas img{
    width: 100px;
    height: 50px;
    object-fit: contain;
}
.contenido-empresas small{
    color: rgb(58, 58, 58);
    font-weight: 300;
}
.contenido-empresas span{
    color: var(--color-principal) !important;
    font-size: 1.3rem;
    font-weight: bold;
}


/*VENTAJAS Y DESVENTAJAS*/

.cont-ven-desv{
    width: 60%;
    height: max-content;
    margin: 0 auto;
    display: flex;
    gap: 50px;
   
}
.cuadro-opcion{
    flex: 1;
     padding: 25px;
     
}
.cuadro-opcion h1{
    font-size: 1.3rem;
    width: 100%;
}
.cuadro-opcion ul{
    width: 100%;
    list-style-type: none;
    line-height: 2.5;
    font-size: 0.775rem;
    padding: 0;

}

.cuadro-rojo{
    background-color: rgb(252, 242, 242);
    border-left: 3px solid #fc130b;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.cuadro-rojo h1{
    color: rgb(155, 5, 5);
}
.cuadro-rojo ul li {
    display: flex;
    align-items: center;
}
.cuadro-rojo ul li::before{
    content: "X";
    position: relative;
    text-align: center;
    width: 8%;
    font-weight: 500;
    font-size: 1rem;
    color: rgb(230, 7, 7);
}


.cuadro-azul{
    background-color: var(--color-azul-fondo);
    border-left: 3px solid #002268;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.cuadro-azul h1{
    color: var(--color-principal);
}

.cuadro-azul ul li {
    display: flex;
    align-items: center;
}
.cuadro-azul ul li::before{
    content: "✓";
    position: relative;
    text-align: center;
    width: 8%;
    font-weight: 700;
    font-size: 1rem;
    color: var(--color-subtitulo);
}


/*ATRIBUTOS*/
.puntos-importantes{
    background-color: var(--color-azul-fondo);
    padding: 50px;
}
.contenedor-puntos{
    width: 70%;
    height: max-content;
    margin: 0 auto;
  
}
.contenedor-puntos h1{
    color: var(--color-principal);
    font-size: 1.5rem;
    text-align: center;
}
.cuadro-puntos{
    display: flex;
      margin-top:40px;
    gap: 20px;
}
.cuadro-puntos div{
    flex: 1;
    background-color: white;
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.cuadro-puntos i{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    background-color: var(--color-principal);
}


/*MARCAS INTERNACIONALES*/
.contenedor-marcas{
    width: 70%;
    height: max-content;
    margin: 0 auto;
    gap: 30px;
    display: flex;
    align-items: center;
}
.contenedor-marcas div{
    flex: 1
}
.txt-marcas{
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    line-height: 1.2;
    
}
.txt-marcas h1{
    font-size: 1.5rem;
    color: var(--color-principal);
}
.txt-marcas span{
    color: #3a3c3d;
    font-size: 0.875rem;
}
.txt-marcas strong{
    font-size: 0.875rem;
    color:var(--color-principal)
}
.txt-marcas a{
    background-color: var(--color-principal);
    color: white;
    font-size: 0.875rem;
    width: max-content;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
}

.img-marcas{
    display: flex;
}
.img-marcas img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0px 0px 17px 0px rgba(201, 200, 200, 0.61);
-webkit-box-shadow: 0px 0px 17px -1px  rgba(201, 200, 200, 0.61);
-moz-box-shadow: 0px 0px 17px -1px  rgba(201, 200, 200, 0.61);
}

/*documentacion*/
.datos{
    background-color: var(--color-azul-fondo);
    padding: 50px;
}
.contenedor-datos{
    width: 50%;
    height: max-content;
    display: flex;
    gap: 40px;
    margin: 0 auto;
}
.contenedor-datos div{
    flex: 1;
}
.cuadro-datos{
    background-color: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 0px 17px 0px rgba(201, 200, 200, 0.61);
-webkit-box-shadow: 0px 0px 17px -1px  rgba(201, 200, 200, 0.61);
-moz-box-shadow: 0px 0px 17px -1px  rgba(201, 200, 200, 0.61);
}
.cuadro-datos h1{
    font-size: 1.2rem;
    color: var(--color-principal);
}
.cuadro-datos ul{
    font-size: 0.775rem;
    line-height: 2.5;
    padding:7px;
    color: grey;
}


/*TIPO DE ATENCION*/
.contenedor-atencion{

    width: 60%;
    height: max-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contenedor-atencion h3{
    color: var(--color-principal);
    font-size: 1.6rem;
    margin-bottom: 5b 0px;
}
.cuadros-atencion{
    display: flex;
    justify-content: space-between;
}
.cuadros-atencion div{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;

}
.cuadros-atencion div span{
    text-align: center;
    font-size: 0.875rem;
}
.cuadros-atencion div strong{
    color: var(--color-principal);
}
.cuadros-atencion div i{
    background-color: var(--color-azul-fondo);
    padding: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--color-principal);
    border-radius: 50%;
}


/*OPINIONES*/
.opiniones{
    background-color: var(--color-azul-fondo);
    padding: 50px;
}

.contenedor-opiniones{
    width: 70%;
    height: max-content;
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.contenedor-opiniones h3{
    font-size: 1.5rem;
    line-height: 0.5;
    color: var(--color-principal);

}
.contenedor-opiniones span{
    color: gray;
    font-size: 0.876rem;
}

.cuadro-opiniones{
    display: flex;
    gap: 30px;
    
}
.opinion{
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 20px;
    border-radius: 20px;
    margin-top: 20px;
}

.opinion span{
    font-size: 0.845rem;
    font-style: oblique;
    margin-bottom: 10px;
}
.opinion strong{
    font-size: 0.875rem;
    color: var(--color-principal);
}
.opinion small{
    color: gray;
    font-size: 0.776rem;
}


/*FAQ*/

@import "bootstrap-icons/font/bootstrap-icons";


.faq{
    width: 35%;
    height: max-content;
    margin: 0 auto;
}
.faq h1{
    font-size: 1.6rem;
    color: var(--color-principal);
    text-align: center;
}

.cont-faq{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cont-faq details{

    border-radius: 10px;
    cursor: pointer;
    background-color: var(--color-azul-fondo);
    color: var(--color-principal);
    font-weight: bold;
}


.cont-faq summary{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    height: 30px;
    padding: 20px 15px;
}
.cont-faq summary::after{
    content:"\F229" ;
    font-family: "bootstrap-icons";
    font-size: 0.875rem;
}

.cont-faq details[open] summary::after{
     content: "\F235";
    font-family: "bootstrap-icons";
    font-size: 0.875em;
}

.cont-faq p{
    margin-top: 0;
    padding: 0px 15px;
    color: rgb(88, 88, 88);
    font-weight: 300;
    font-size: 0.875rem;
}


/*privacidad*/
.contenedor-privacidad{
    width: 50%;
    height: max-content;

    margin: 0 auto;
    background-color: #f9fafb;
    border: 2px solid #f3f4f6;
    border-radius: 10px;
    padding: 15px;
    font-size: 0.697rem;
    justify-content: space-between;
}


/*footer*/
footer{
    width: 100%;
    height: max-content;

    background-color: var(--color-principal);
    color: white;
    text-align: center;
    
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.contenedor-footer{
    width: 70%;
    margin: 0 auto;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 767px) {


.contenido-presentacion{
    width: 90%;
    height: max-content;
    flex-direction: column;
}
.txt-presentacion,.contenedor-texto, .img-presentacion{
    width: 100%;
    padding: 0;
}

.formulario-presentacion,.formulario-general{
    width: 100%;
    height: max-content;
}

.cuadro-informativo{
    font-size: 0.875rem;
}
.formulario-general h3{
    font-size: 1.5rem;
}
.subtitulo-formulario{
    font-size: 1rem;
    line-height: 1.5;
}


.contenedor-plan{
    width: 90%;
}
.contenedor-plan h3{
    font-size: 1.4rem;
}
.contenedor-plan span{
    font-size: 1rem;
}

.tipos-planes{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(1,1fr);
    gap: 5px;
    justify-content: center;

}
.tipos-planes span{
    flex: 1;
    font-size: 1rem;
}   
.div1{
    margin: 0 auto;
}
.div2 {
    grid-row-start: 2;
}

.div3 {
    grid-row-start: 2;
}

.div4 {
    grid-row-start: 3;
}


.contenedor-informacion{
    width: 90%;
}
.cuadros-informacion{
        display: flex;
    flex-direction: column;
}
.cuadros-informacion label{
    font-size: 0.9rem;
}

.cuadros-informacion span{
    font-size: 1.1rem;
}



.contenedor-respaldo{
    width: 90%;
}
.contenedor-respaldo h3{
    font-size: 1.2rem;
}
.contenedor-respaldo span{
    font-size: 1.1rem;
    text-align: center;
}

.empresas{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(4,1fr);
    gap: 10px;
}

.div1-info{
    grid-area: 1 / 1 / 2 / 3;
}

.div4-info{
    grid-area: 4 / 1 / 5 / 3;
}

.contenido-empresas{
    justify-content: center;
    text-align: center;
}
.contenido-empresas span{
    font-size: 1.6rem;
}
.contenido-empresas small{
    font-size: 1rem;
}


.cont-ven-desv{
    width: 90%;
    flex-direction: column;
}
.cuadro-opcion h1{
    font-size: 1.6rem;
}
.cuadro-opcion ul{
    font-size: 1.1rem;
    line-height: 2;
}
.cuadro-opcion ul li{
    margin-top: 10px;
}
.cuadro-rojo ul li::before{
    width: 20%;

    top: 0;
    display: flex;
    justify-content: center;
}

.cuadro-azul ul li::before{
    width: 20%;

    top: 0;
    display: flex;
    justify-content: center;
}



.contenedor-puntos{
    width: 90%;
}
.contenedor-puntos h1{
    font-size: 1.6rem;
}
.cuadro-puntos{
    flex-direction: column;
}




.contenedor-marcas{
    width: 90%;
    flex-direction: column;
}
.txt-marcas h1{
    font-size: 2rem;
}
.txt-marcas span, .txt-marcas strong, .txt-marcas a{
    font-size: 1.2rem;
}



.datos{
    padding: 40px 15px;
}
.contenedor-datos {
    width: 90%;
    flex-direction: column;
    
}
.cuadro-datos{
    width: 90%;
    padding: 10px 20px;
}
.cuadro-datos h1{
    font-size: 1.5rem;
}
.cuadro-datos ul{
    font-size: 1rem;
    padding: 10px;
}


.contenedor-atencion{
    width: 90%;
}
.contenedor-atencion h3{
    font-size: 1.8rem;
    text-align: center;
}

.cuadros-atencion{
    flex-direction: column;
    gap: 30px;
}
.cuadros-atencion div span{
    font-size: 1rem;
}

.cuadros-atencion div strong{
    font-size: 1.2rem;
}
.cuadros-atencion div i{
    font-size: 1.5rem;
}


.contenedor-opiniones{
    width: 100%;
}
.contenedor-opiniones h3{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
}
.contenedor-opiniones span{
    font-size: 1.1rem;
    text-align: center;
}
.cuadro-opiniones{
    flex-direction: column;
}
.opinion span{
    text-align: left;
    font-size: 1.1rem;
}
.opinion strong{
    font-size: 1.2rem;
}
.opinion small {
    font-size: 1rem;
}

.faq{
    width: 90%;
}

.contenedor-privacidad {
    width: 80%;
    font-size: 1rem;
}

}





@media (min-width:768px) and (max-width: 1024px) {


.contenido-presentacion{
    width: 90%;
    height: max-content;
    flex-direction: column;
}
.txt-presentacion,.contenedor-texto, .img-presentacion{
    width: 100%;
    padding: 0;
}

.formulario-presentacion,.formulario-general{
    width: 100%;
    height: max-content;
}

.cuadro-informativo{
    font-size: 0.875rem;
}
.formulario-general h3{
    font-size: 1.5rem;
}
.subtitulo-formulario{
    font-size: 1rem;
    line-height: 1.5;
}


.contenedor-plan{
    width: 90%;
}
.contenedor-plan h3{
    font-size: 1.4rem;
}
.contenedor-plan span{
    font-size: 1rem;
}

.tipos-planes{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(1,1fr);
    gap: 5px;
    justify-content: center;

}
.tipos-planes span{
    flex: 1;
    font-size: 1rem;
}   
.div1{
    margin: 0 auto;
}
.div2 {
    grid-row-start: 2;
}

.div3 {
    grid-row-start: 2;
}

.div4 {
    grid-row-start: 3;
}


.contenedor-informacion{
    width: 90%;
}
.cuadros-informacion{
        display: flex;
    flex-direction: column;
}
.cuadros-informacion label{
    font-size: 0.9rem;
}

.cuadros-informacion span{
    font-size: 1.1rem;
}



.contenedor-respaldo{
    width: 90%;
}
.contenedor-respaldo h3{
    font-size: 1.2rem;
}
.contenedor-respaldo span{
    font-size: 1.1rem;
    text-align: center;
}

.empresas{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(4,1fr);
    gap: 10px;
}

.div1-info{
    grid-area: 1 / 1 / 2 / 3;
}

.div4-info{
    grid-area: 4 / 1 / 5 / 3;
}

.contenido-empresas{
    justify-content: center;
    text-align: center;
}
.contenido-empresas span{
    font-size: 1.6rem;
}
.contenido-empresas small{
    font-size: 1rem;
}


.cont-ven-desv{
    width: 90%;
    flex-direction: column;
}
.cuadro-opcion h1{
    font-size: 1.6rem;
}
.cuadro-opcion ul{
    font-size: 1.1rem;
    line-height: 2;
}
.cuadro-opcion ul li{
    margin-top: 10px;
}
.cuadro-rojo ul li::before{
    width: 20%;

    top: 0;
    display: flex;
    justify-content: center;
}

.cuadro-azul ul li::before{
    width: 20%;

    top: 0;
    display: flex;
    justify-content: center;
}



.contenedor-puntos{
    width: 90%;
}
.contenedor-puntos h1{
    font-size: 1.6rem;
}
.cuadro-puntos{
    flex-direction: column;
}




.contenedor-marcas{
    width: 90%;
    flex-direction: column;
}
.txt-marcas h1{
    font-size: 2rem;
}
.txt-marcas span, .txt-marcas strong, .txt-marcas a{
    font-size: 1.2rem;
}



.datos{
    padding: 40px 15px;
}
.contenedor-datos {
    width: 90%;
    flex-direction: column;
    
}
.cuadro-datos{
    width: 90%;
    padding: 10px 20px;
}
.cuadro-datos h1{
    font-size: 1.5rem;
}
.cuadro-datos ul{
    font-size: 1rem;
    padding: 10px;
}


.contenedor-atencion{
    width: 90%;
}
.contenedor-atencion h3{
    font-size: 1.8rem;
    text-align: center;
}

.cuadros-atencion{
    flex-direction: column;
    gap: 30px;
}
.cuadros-atencion div span{
    font-size: 1rem;
}

.cuadros-atencion div strong{
    font-size: 1.2rem;
}
.cuadros-atencion div i{
    font-size: 1.5rem;
}


.contenedor-opiniones{
    width: 100%;
}
.contenedor-opiniones h3{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
}
.contenedor-opiniones span{
    font-size: 1.1rem;
    text-align: center;
}
.cuadro-opiniones{
    flex-direction: column;
}
.opinion span{
    text-align: left;
    font-size: 1.1rem;
}
.opinion strong{
    font-size: 1.2rem;
}
.opinion small {
    font-size: 1rem;
}

.faq{
    width: 90%;
}

.contenedor-privacidad {
    width: 80%;
    font-size: 1rem;
}

}