*{
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    text-decoration: none;
    list-style: none;
}

body{
    font-size: 17px;
}

img{
    max-width: 100%;
}

.container{
    max-width: 1200px!important;
    margin: 0 auto;
}

h1{
    font-size: 2.5rem;
}

h2{
    font-size: 2rem;
    color:#08457e;
}

h3{
    font-size: 1.5rem;
    color:#08457e;
}

h4{
    font-size: 1.2rem;
    color:#08457e;
}

strong{
    color:#08457e;
}

/* Estilos del navbar principal */
/* ============================ */

.bg-dark{
    background-color:rgb(59,95,157)!important;
}

a.nav-link{
    color: white !important;
}

a.nav-link:hover{
    background-color:rgb(58, 78, 112)!important;
}

.navbar-toggler{
    border:2px solid white!important;
}

.navbar-toggler-icon{
   background-image: white!important;
}

.dropdown-menu{
    background-color: white!important;
    border:1px solid #f2f2f2;
}

.dropdown-item{
    color:black!important;    
}

.dropdown-item:hover{
    color:white!important;
    background-color: #08457E!important;
}

.dropdown-divider{
    border:0.5px solid #f2f2f2!important;
}

/* Estilos del header principal */
/* ============================ */

header{
    background-image: url("../assete/img/fondo_header.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0 30px 0;
}

.titulos{
    display: flex;
    justify-content: space-between;
    padding: 40px; 
}

.titulo-1{
    width: 40%;
}

.titulo-1 h1{
    font-family: "sigmund-pro", sans-serif;
    font-weight: 200;
    font-style: normal;
    color: #ffffff;
    font-size: 2.5rem;
}

.titulo-1 strong{
    font-weight: 600;
    color: #ffffff;
}

.titulo-2 h2,.titulo-2 h4{
    text-align: right;
    font-family: leo, sans-serif;  
    font-weight: 700;
    font-style:normal;
    color: #ffffff;
}

.titulo-2 h3{
    color:rgb(244,170,76);
}

/* Estilos del directorio */
/* ====================== */

.directorios{
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-align: center;
}

/* Estilos redes sociales */
.directorio-redes{
    flex-basis: 40%;
}

.link-redes{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 20px 0;
}

.link-redes ul li{
    display: inline-block;
}

.link-redes ul li i{
    font-size: 32px;
    text-align: center;
    min-width: 50px;
    min-height: 50px;
    border-radius: 100%;
    padding:10px 5px;
}

.link-redes ul li a{
    color:#ffffff;
    margin: 0 10px;
}

#twitter i{
    background-color:#1ec6ff;
}
 
#facebook i{
    background-color:#0054a3;
}
 
#youtube i{
    background-color:#ff0000;
}
 
#instagram i{
    background-color:#C13584;
}
 
#tiktok i{
    background-color:#000;
}

.directorio-redes p{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

/* Estilos formulario busqueda */
.directorio-form{
    flex-basis: 20%;
}

.directorio-form form{
    width: 100%;
    padding: 20px;
    text-align: center;
}

.directorio-form label, .directorio-form select, .directorio-form input{
    display: block;
    width: 100%;
    margin-top: 10px;
}

.directorio-form label{
    color:#164580; 
    font-size: 20px;
    font-weight: 600;
}

.directorio-form select{
    font-size: 15px;
    background-color: #ffffff;
    padding: 5px;    
}

.directorio-form input{
    background-color: rgb(9, 117, 189);
    padding: 10px 5px;
    border: none;
    border-radius:15px;
    color:white;
    font-size: 1rem;
}

.directorio-form input:hover{
    background-color:#08457e;
}

/* Estilos mapa */
.directorio-mapa {
    flex-basis: 30%;
    padding: 0;
    margin: 0;  
    text-align: center;
}

.directorio-mapa svg{
    padding: 10px;
    width: 100%;
}

.directorio-mapa path{
    stroke:rgb(159,204,227);
    fill: #ffffff; 
    stroke-width:3px;
}

.directorio-mapa :hover{
    fill: rgb(22, 128, 199);
}

/* Estilos video ayuda */
/* =================== */
.necesitas-ayuda{
    background-color: rgb(228,233,241);
}

.ayuda-content{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    position: relative;
}

.ayuda-video{
    flex-basis: 35%;
    padding:20px 0;
    background-color:#164580;
    border-radius:25px;
    text-align: center;
}

.ayuda-video video{
    max-width: 90%;
    border-radius:25px;
}

.ayuda-text{
    flex-basis: 50%;
    background-color: rgb(207, 207, 216);
    border-radius: 0 25px 25px 0;
    padding:60px;
    text-align: justify;
}

.ayuda-text h2{
    font-family: leo, sans-serif;  
    font-weight: 700;
    font-style:normal;
    font-size: 1.5rem;
}

.ayuda-text p{
    font-family: menca, sans-serif; 
    font-weight: 500;
    font-style:normal;
}

/* Estilos enunciado */
/* ================= */

.enunciado{
    background-image: url(../assete/img/paisaje_gaviota.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 40px;
}

.enunciado-text p{
    font-family: menca, sans-serif; 
    font-weight: 500;
    font-style:normal;
    text-align: justify;
    margin: 0;
}

.enunciado-text strong{
    font-family: menca, sans-serif; 
    font-weight: 500;
    font-style:normal;
}

/* Estilos preguntas */
/* ================= */

.preguntas{
    background-image: url(../assete/img/paisaje_mar.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 40px;
    text-align: center;
}

.preguntas-content h2{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    color: #000;
    font-size: 1.5em;
}

.preguntas-bullets{
    display:flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 20px;
}

.bullet-link{
    flex-basis: 15%;
    background: linear-gradient(180deg, rgba(120, 168, 226, 0.905) 0%, rgba(18, 75, 131, 0.975) 46%); 
    border-radius: 50%;
    min-width: 120px;
    min-height: 120px;
    max-width: 120px;
    max-height: 120px;
    display:flex;
    align-items: center;
    text-align: center;
    color:#fff;
}

.bullet-link a{
   display: block;
   width: 100%;
   color:#ffffff;
   font-family: menca, sans-serif; 
   font-weight: 500;
   font-style:normal;
   text-decoration: none;
   font-size: 0.9rem;
}

.bullet-link a:hover{
    color:rgb(147,201,255);
    cursor: pointer;
}

/* Estilos para testimonios */
/* ======================== */

.testimonios{
    position: relative;
}

.testimonios-text{
   position: absolute;
   top:0;
   left: 0;
   right: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px;
}

.testimonios-text h2{
    font-family: menca, sans-serif; 
    font-weight: 700;
    font-style:normal;
    font-size: 1.5rem;
    color:#ffffff;
 }

 .testimonios-text p{
    font-family: menca, sans-serif; 
    font-weight: 400;
    font-style:normal;
    font-size: 1rem;
    color:#ffffff;
 }

 .testimonios-text a{
    font-family: menca, sans-serif; 
    font-weight: 400;
    font-style:normal;
    font-size: 1rem;
    color:#000;
    text-decoration: none;
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 25px;
 }

 .testimonios-text a:hover{
    background-color:#08457e;
    color: #ffffff;
 }

 .testimonio-recuperacion{
    flex-basis: 35%;
    text-align: left;
    margin-bottom: 20px;    
 }

 .testimonio-medico{
    flex-basis: 35%;
    text-align: right;
 }

/* Estilos para productos */
/* ======================= */

.productos{
    background-image: url("../assete/img/fondo_literatura.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0 0 0;
}

.products-content{
   padding: 40px;
}

.products-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.products-txt-1 h2, .products-txt-2 h2{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 600;
    font-style:normal;
    text-align: left;
    color: #ffffff;
    margin-bottom:180px;
}

.products-img{
    display: flex;
    align-items: center;
    justify-content:space-evenly;
    margin-top: 40px;
}

.product{
       flex-basis: 10%;
}

.product-link a{
    display: block;
    width:100%;
    text-decoration: none;
    font-size: .9rem;
    text-align: center;
    color: #000;
    margin-top: 10px;
}

.product-link a:hover{
    color:#0054a3
}

/* Estilos para buscador de grupos */
/* =============================== */

.buscador{
    padding: 0 40px;
    margin-bottom: 20px;
}
.buscador-content{
    background-color: rgb(47,36,80);
    border-radius: 30px;
    padding:10px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.buscador-img, .buscador-text, .buscador-btn{
    flex-basis: 20%;
    text-align: center;
}

.buscador-img img{
    width: 25%;
}

.buscador-text p{
    font-family: menca, sans-serif; 
    font-weight: 700;
    font-style:normal;
    color:#ffffff;
    font-size: 17px;
    margin: 0;
}

.buscador-btn a{
    display: block;
    width: 80%;
    text-decoration: none;
    background-color: #ffffff;
    padding: 10px 40px;
    border-radius: 25px;
    font-family: menca, sans-serif; 
    font-weight: 700;
    font-style:normal;
    color:#0054a3;
    margin:0 auto;
}

.buscador-btn a:hover{
    background-color:#08457e;
    color: #ffffff;
}

/* Estilos reflexiones diarias */
/* =========================== */
.reflexiones{
    background-image: url(../assete/img/fondo_reflexiones.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
}

.reflexiones-content{
    background-color: rgba(255, 255,255,0.5);
    border-radius: 25px;
    padding: 40px;
    text-align: justify;
}

.reflexiones-content h2, .reflexiones-content h3{
    font-family: leo, sans-serif;  
    font-weight: 700;
    font-style:normal;
}

.reflexiones-content h2{
    color: #145a32;
}

.reflexiones-content h3{
    color: #145a32;
}

#reflexion-fecha, #reflexion-text-1, #reflexion-referencia{
    font-family: leo, sans-serif;  
    font-weight: 400;
    font-style:normal;
    font-size: 18px;
    font-style: italic;
}

#reflexion-fecha{
    text-align: right;
}

#reflexion-text-2{
    font-family: leo, sans-serif;  
    font-weight: 400;
    font-style:normal;
    font-size: 18px;
}

/* Estilos pie de página */
/* ===================== */

.footer{
   background-color:rgb(59,95,157);
}

.footer-derechos{
    background-color: #021129;
    padding: 20px;
}

.footer-links{
    padding: 40px;
    color: #ebebeb;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.links-ft{
    flex-basis: 20%;
}

.links-ft h5{
    font-size: 1.2rem;
}

.links-ft p, .links-ft i{
    font-size: 1rem;
    margin: 0;
}

.links-ft i{
    margin-right: 15px;
}


.link-domicilio{
    display: flex;
    align-items:self-start;
    margin-bottom: 10px;  
}

.links-ft a{
    text-decoration: none;
    color:#ebebeb;
    font-size:1rem;
    cursor: pointer;
}

.links-ft a:hover{
    color: rgb(47,36,80);
}

.links-ft img{
    width:80%;
}

.footer-derechos p{
    font-family: menca, sans-serif; 
    font-weight: 400;
    font-style:normal;
    font-size: 0.8rem;
    color:#ebebeb;
    margin: 0;
}

/* ===================== */
/* === Medias Querys === */
/* ===================== */

/* "xxl" applies to x-large devices (large desktops, less than 1400px) */
@media (min-width:1200px) and (max-width:1399.98px){
    
    
}

/* "xl" applies to large devices (desktops, less than 1200px) */
@media (min-width:992px) and (max-width:1199.98px){
    /* Estilos redes sociales */
    .directorio-redes{
        flex-basis: 45%;
    }

    /* Estilos para testimonios */
    /* ======================== */
    .testimonios-text{
        padding: 10px 20px;
    }
   
}

/* "lg" applies to medium devices (tablets, less than 992px) */
@media (min-width:768px) and (max-width:991.98px){
    /* Estilos del header principal */
    /* ============================ */

    .header{
        padding:0px;
    }

   .titulos{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;   
    }  
    
    .titulo-1{
        width: 60%;
    }

    .titulo-2{
        text-align: right;
    }

    .titulo-2 h2,  .titulo-2 h3,  .titulo-2 h4{
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos del directorio */
    /* ====================== */

    .directorios{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .directorio-redes{
        flex-basis: 100%;
        order:2;
    }

    .directorio-redes p{
        color:#08457e;
    }

    .directorio-form{
        flex-basis: 100%;
        order:1;
    }

    .directorio-mapa {
        display: none;
    }

    /* Estilos video ayuda */
    /* =================== */
   .ayuda-content{
        display: flex;
        flex-direction: column;
        padding: 10px;
    }

    .ayuda-video{
        order:2;
        border-radius: 10px;
        width:100%;
    }

    .ayuda-video video{
        width:50%;
    }

    .ayuda-text{
        order: 1;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    /* Estilos textimonios */
    /* =================== */
    .testimonios{
        background-color: rgb(57,91,126);
        position: initial;
    }

    .testimonios-text{
        position: initial;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }

    .img-testimonio{
        display: none;
    }

    .testimonio-recuperacion, .testimonio-medico{
        position: initial;
    }

    /* Estilos para productos */
    /* ======================= */
    .products-img{
        display: flex;
        align-items: center;
        justify-content:space-evenly;
        margin-top: 20px;
    }
    
    .products-content{
        padding: 20px 40px;
    }

    .products-txt-1 h2, .products-txt-2 h2{
       margin-bottom:20px;
    }

    .products-img{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .product{
        flex-basis: 25%;
    }

   #product-link-1 a, #product-link-2 a,#product-link-3 a,#product-link-4 a{
        color:#fff;
   }

   /* Estilos pie de página */
   /* ===================== */
    .footer-links{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 20px;
    }
    
    .links-ft{
        flex-basis: 40%;
    }
    .links-ft img{
        width:60%;
    }
    
    
}

/* "md" applies to small devices (landscape phones, less than 768px) */
@media(min-width:576px) and (max-width:767.98px){
    
    .header{
        padding:0px;
    }

   .titulos{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;   
    }  
    
    .titulo-1{
        width: 60%;
    }

    .titulo-2{
        text-align: right;
    }

    .titulo-2 h2,  .titulo-2 h3,  .titulo-2 h4{
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos del directorio */
    /* ====================== */

    .directorios{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .directorio-redes{
        flex-basis: 100%;
        order:2;
    }

    .directorio-redes p{
        color:#08457e;
    }

    .directorio-form{
        flex-basis: 100%;
        order:1;
    }

    .directorio-mapa {
        display: none;
    }

    /* Estilos video ayuda */
    /* =================== */
   .ayuda-content{
        display: flex;
        flex-direction: column;
        padding: 10px;
    }

    .ayuda-video{
        order:2;
        border-radius: 10px;
        width:100%;
    }

    .ayuda-video video{
        width:50%;
    }

    .ayuda-text{
        order: 1;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    /* Estilos textimonios */
    /* =================== */
    .testimonios{
        background-color: rgb(57,91,126);
        position: initial;
    }

    .testimonios-text{
        position: initial;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }

    .img-testimonio{
        display: none;
    }

    .testimonio-recuperacion, .testimonio-medico{
        position: initial;
    }

    /* Estilos pregunats frecuentes */
    /* ============================ */

    .preguntas-bullets{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        
    }
    
    .bullet-link{
        flex-basis: 25%;
        margin: 10px 5px;
    }

    /* Estilos para productos */
    /* ======================= */
    .products-img{
        display: flex;
        align-items:flex-start;
        justify-content:space-evenly;
        margin-top: 20px;
    }

    .products-img img{
        width: 70%;
    }
    
    .products-content{
        padding: 20px;
    }

    .products-txt-1 h2, .products-txt-2 h2{
       margin-bottom:20px;
       font-size: 1.5rem;
    }

    .products-img{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .product{
        flex-basis: 33%;
    }

   #product-link-1 a, #product-link-2 a,#product-link-3 a,#product-link-4 a, #product-link-5 a,#product-link-6 a{
        color:#fff;
   }

   /* Estilos para buscador de grupos */
    /* =============================== */

    .buscador{
        padding: 10px;
    }

    .buscador-content{
        border-radius: 20px;
        padding:10px;
    }

    .buscador-img, .buscador-text, .buscador-btn{
        flex-basis: 33%;
    }

    .buscador-img{
        flex-basis: 25%;
    } 

    .buscador-text p{
        font-size: 0.9rem;
    }

    .buscador-btn a{
        border-radius: 20px;
    }

    /* Estilos reflexiones */
    /* =================== */

    .reflexiones-content h2, .reflexiones-content h3{
        font-size: 1.5rem;
    }
    
    #reflexion-fecha, #reflexion-text-1, #reflexion-referencia{
       font-size: 1rem;
        font-style: italic;
    }
    
    #reflexion-text-2{
        font-size: 1rem;
    }

   /* Estilos pie de página */
   /* ===================== */
    .footer-links{
        display: flex;
        flex-direction:column; 
    }
    
    .links-ft{
        width:80%;
        flex-basis: 80%;
        margin:0 auto;
        margin-bottom: 10px;
    }
    .links-ft img{
        width:60%;
    }

    #links-ft-1{
        order:2;
    }
}

/* "sm" applies to x-small devices (portrait phones, less than 576px) */
@media(min-width:420px) and (max-width:575.98px){
   
    .header{
        padding:0px;
    }

   .titulos{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;   
    }  
    
    .titulo-1{
        width: 60%;
    }

    .titulo-2{
        text-align: right;
    }

    .titulo-2 h2,  .titulo-2 h3,  .titulo-2 h4{
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos del directorio */
    /* ====================== */

    .directorios{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .directorio-redes{
        flex-basis: 100%;
        order:2;
    }

    .link-redes{
      padding:10px  0;
    }

    .link-redes ul li i{
        font-size: 20px;        
        min-width: 35px;
        min-height: 30px;
    }

    .directorio-redes p{
        color:#08457e;
    }

    .directorio-form{
        flex-basis: 100%;
        order:1;
    }

    .directorio-mapa {
        display: none;
    }

    /* Estilos video ayuda */
    /* =================== */
   .ayuda-content{
        display: flex;
        flex-direction: column;
        padding: 10px;
    }

    .ayuda-video{
        order:2;
        border-radius: 10px;
        width:100%;
    }

    .ayuda-video video{
        width:50%;
    }

    .ayuda-text{
        order: 1;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    /* Estilos textimonios */
    /* =================== */
    .testimonios{
        background-color: rgb(57,91,126);
        position: initial;
    }

    .testimonios-text{
        position: initial;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }

    .img-testimonio{
        display: none;
    }

    .testimonio-recuperacion, .testimonio-medico{
        position: initial;
    }

    /* Estilos pregunats frecuentes */
    /* ============================ */

    .preguntas-bullets{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        
    }
    
    .bullet-link{
        flex-basis: 25%;
        margin: 10px 5px;
    }

    /* Estilos para productos */
    /* ======================= */
    .productos{
        padding: 0;
        margin:0;
    }

    .products-img{
        display: flex;
        align-items:flex-start;
        justify-content:space-evenly;
        margin-top: 20px;
    }

    .products-img img{
        width: 70%;
    }
    
    .products-content{
        padding: 20px;
    }

    .products-text{
        display: flex;
        flex-direction: column;
    }

    .products-txt-1 h2, .products-txt-2 h2{
       margin-bottom:20px;
       font-size: 1.2rem;
    }

    .products-img{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .product{
        flex-basis: 40%;
        margin-bottom: 10px;
    }

   #product-link-1 a, #product-link-2 a,#product-link-3 a,#product-link-4 a, #product-link-5 a,#product-link-6 a{
        color:#fff;
   }

   /* Estilos para buscador de grupos */
   /* =============================== */

    .buscador{
        padding: 10px;
    }

    .buscador-content{
        border-radius: 20px;
        padding:10px;
    }

    .buscador-img, .buscador-text, .buscador-btn{
        flex-basis: 33%;
    }

    .buscador-img{
        flex-basis: 25%;
    } 
    .buscador-img img {
        width:50%;
    } 

    .buscador-text p{
        font-size: 0.9rem;
    }

    .buscador-btn a{
        border-radius: 20px;
        padding:10px  0;
    }

    /* Estilos reflexiones */
    /* =================== */

    .reflexiones-content h2, .reflexiones-content h3{
        font-size: 1.5rem;
    }
    
    #reflexion-fecha, #reflexion-text-1, #reflexion-referencia{
       font-size: 1rem;
        font-style: italic;
    }
    
    #reflexion-text-2{
        font-size: 1rem;
    }

   /* Estilos pie de página */
   /* ===================== */
    .footer-content{
       width: 100%;
    }

    .footer-links{
        display: flex;
        flex-direction:column; 
    }
    
    .links-ft{
        width:100%;
        margin:0 auto;
        margin-bottom: 10px;
    }
    .links-ft img{
        width:60%;
    }

    #links-ft-1{
        order:2;
    } 
   
}

/* "xs" smartphomn muy pequeños */
@media(min-width:360px) and (max-width:419.98px){
    
    .header{
        padding:0px;
    }

   .titulos{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;   
    }  
    
    .titulo-1{
        width: 60%;
    }

    .titulo-2{
        text-align: right;
    }

    .titulo-2 h2,  .titulo-2 h3,  .titulo-2 h4{
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos del directorio */
    /* ====================== */

    .directorios{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .directorio-redes{
        flex-basis: 100%;
        order:2;
    }

    .link-redes{
      padding:10px  0;
    }

    .link-redes ul li i{
        font-size: 20px;        
        min-width: 35px;
        min-height: 30px;
    }

    .directorio-redes p{
        color:#08457e;
    }

    .directorio-form{
        flex-basis: 100%;
        order:1;
    }

    .directorio-mapa {
        display: none;
    }

    /* Estilos video ayuda */
    /* =================== */
   .ayuda-content{
        display: flex;
        flex-direction: column;
        padding: 10px;
    }

    .ayuda-video{
        order:2;
        border-radius: 10px;
        width:100%;
    }

    .ayuda-video video{
        width:50%;
    }

    .ayuda-text{
        order: 1;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    /* Estilos textimonios */
    /* =================== */
    .testimonios{
        background-color: rgb(57,91,126);
        position: initial;
    }

    .testimonios-text{
        position: initial;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }

    .img-testimonio{
        display: none;
    }

    .testimonio-recuperacion, .testimonio-medico{
        position: initial;
    }

    /* Estilos pregunats frecuentes */
    /* ============================ */

    .preguntas-bullets{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        
    }
    
    .bullet-link{
        flex-basis: 25%;
        margin: 10px 5px;
    }

    /* Estilos para productos */
    /* ======================= */
    .productos{
        padding: 0;
        margin:0;
    }

    .products-img{
        display: flex;
        align-items:flex-start;
        justify-content:space-evenly;
        margin-top: 20px;
    }

    .products-img img{
        width: 70%;
    }
    
    .products-content{
        padding: 20px;
    }

    .products-text{
        display: flex;
        flex-direction: column;
    }

    .products-txt-1 h2, .products-txt-2 h2{
       margin-bottom:20px;
       font-size: 1.2rem;
    }

    .products-img{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .product{
        flex-basis: 40%;
        margin-bottom: 10px;
    }

   #product-link-1 a, #product-link-2 a,#product-link-3 a,#product-link-4 a, #product-link-5 a,#product-link-6 a{
        color:#fff;
   }

   /* Estilos para buscador de grupos */
   /* =============================== */

    .buscador{
        padding: 10px;
    }

    .buscador-content{
        border-radius: 20px;
        padding:10px;
    }

    .buscador-img, .buscador-text, .buscador-btn{
        flex-basis: 33%;
    }

    .buscador-img{
        flex-basis: 25%;
    } 
    .buscador-img img {
        width:50%;
    } 

    .buscador-text p{
        font-size: 0.9rem;
    }

    .buscador-btn a{
        border-radius: 20px;
        padding:10px  0;
    }

    /* Estilos reflexiones */
    /* =================== */

    .reflexiones-content h2, .reflexiones-content h3{
        font-size: 1.5rem;
    }
    
    #reflexion-fecha, #reflexion-text-1, #reflexion-referencia{
       font-size: 1rem;
        font-style: italic;
    }
    
    #reflexion-text-2{
        font-size: 1rem;
    }

    .footer-content{
        width: 100%;
     }
 
     .footer-links{
         display: flex;
         flex-direction:column; 
     }

     .link-domicilio p,  .links-ft a{
        font-size: 0.9rem;
     }
     
     .links-ft{
         width:100%;
         margin:0 auto;
         margin-bottom: 10px;
     }  

     .links-ft img{
         width:60%;
     }
 
     #links-ft-1{
         order:2;
     }     
}

/* "xxs" smartphomn muy pequeños */
@media (max-width:359.98px){
    .header{
        padding:0px;
    }

   .titulos{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;   
    }  
    
    .titulo-1{
        width: 60%;
    }

    .titulo-2{
        text-align: right;
    }

    .titulo-2 h2,  .titulo-2 h3,  .titulo-2 h4{
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos del directorio */
    /* ====================== */

    .directorios{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .directorio-redes{
        flex-basis: 100%;
        order:2;
    }

    .link-redes{
      padding:10px  0;
    }

    .link-redes ul li i{
        font-size: 20px;        
        min-width: 35px;
        min-height: 30px;
    }

    .directorio-redes p{
        color:#08457e;
    }

    .directorio-form{
        flex-basis: 100%;
        order:1;
    }

    .directorio-mapa {
        display: none;
    }

    /* Estilos video ayuda */
    /* =================== */
   .ayuda-content{
        display: flex;
        flex-direction: column;
        padding: 10px;
    }

    .ayuda-video{
        order:2;
        border-radius: 10px;
        width:100%;
    }

    .ayuda-video video{
        width:50%;
    }

    .ayuda-text{
        order: 1;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    /* Estilos textimonios */
    /* =================== */
    .testimonios{
        background-color: rgb(57,91,126);
        position: initial;
    }

    .testimonios-text{
        position: initial;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }

    .img-testimonio{
        display: none;
    }

    .testimonio-recuperacion, .testimonio-medico{
        position: initial;
    }

    /* Estilos pregunats frecuentes */
    /* ============================ */

    .preguntas-bullets{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        
    }
    
    .bullet-link{
        flex-basis: 25%;
        margin: 10px 5px;
    }

    /* Estilos para productos */
    /* ======================= */
    .productos{
        padding: 0;
        margin:0;
    }

    .products-img{
        display: flex;
        align-items:flex-start;
        justify-content:space-evenly;
        margin-top: 20px;
    }

    .products-img img{
        width: 70%;
    }
    
    .products-content{
        padding: 20px;
    }

    .products-text{
        display: flex;
        flex-direction: column;
    }

    .products-txt-1 h2, .products-txt-2 h2{
       margin-bottom:20px;
       font-size: 1.2rem;
    }

    .products-img{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .product{
        flex-basis: 40%;
        margin-bottom: 10px;
    }

   #product-link-1 a, #product-link-2 a,#product-link-3 a,#product-link-4 a, #product-link-5 a,#product-link-6 a{
        color:#fff;
   }

   /* Estilos para buscador de grupos */
   /* =============================== */

    .buscador{
        padding: 10px;
    }

    .buscador-content{
        border-radius: 20px;
        padding:10px;
    }

    .buscador-img, .buscador-text, .buscador-btn{
        flex-basis: 33%;
    }

    .buscador-img{
        flex-basis: 25%;
    } 
    .buscador-img img {
        width:50%;
    } 

    .buscador-text p{
        font-size: 0.9rem;
    }

    .buscador-btn a{
        border-radius: 20px;
        padding:10px  0;
    }

    /* Estilos reflexiones */
    /* =================== */

    .reflexiones-content h2, .reflexiones-content h3{
        font-size: 1.5rem;
    }
    
    #reflexion-fecha, #reflexion-text-1, #reflexion-referencia{
       font-size: 1rem;
        font-style: italic;
    }
    
    #reflexion-text-2{
        font-size: 1rem;
    }

    .footer-content{
        width: 100%;
     }
 
     .footer-links{
         display: flex;
         flex-direction:column; 
     }

     .link-domicilio p,  .links-ft a{
        font-size: 0.9rem;
     }
     
     .links-ft{
         width:100%;
         margin:0 auto;
         margin-bottom: 10px;
     }  

     .links-ft img{
         width:60%;
     }
 
     #links-ft-1{
         order:2;
     }    
   
}