/* Estilos para profesionales */
/* ========================== */

.profesionales{
    background-image: url("../assete/profesionales/profesionales.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    display: flex;
    justify-content: end;
    align-items: center;
}
.profesionales-content{
    flex-basis: 60%;
    padding: 40px;
}

.profesionales-titulo h2{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 600;
    font-style:normal;
    font-size: 2.5rem;
    color:white;
    margin-bottom:20px;
}

.profesionales-text{
    background: linear-gradient(90deg, rgba(135,185,195,0.6) 0%, rgba(135,185,195,0.6) 35%, rgba(135,185,195,1) 100%);
    padding:50px;
    margin: 0;
}

.profesionales-text h3{
    font-family: leo, sans-serif;  
    font-weight: 700;
    font-style:normal;
    text-align: justify;
    color:rgb(13,71,102);  
}

.profesionales-text p{
    font-family: menca, sans-serif; 
    font-weight: 500;
    font-style:normal;
    font-size: 1.2rem;
    text-align: justify;
}

/* Estilos cooperación profesionales */
/* ================================= */

.cooperacion{
    background-image: url("../assete/profesionales/profesionales_cooperan.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 20px;
}

.cooperacion-titulo{
    padding: 40px;
}

.cooperacion-titulo h2{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    font-size: 2.5em;
    color: white;
    margin-bottom:150px;
}

.cooperacion-text{
    background-color:rgb(135,185,195);
    padding: 20px 40px;
}

.cooperacion-text p{
    font-family: leo, sans-serif;  
    font-weight: 700;
    font-style:normal;
    font-size:1rem;
    text-align: justify;
    margin: 0;
}

/* Estilos información profesionales */
/* ================================= */

.informacion{
    background-image: url("../assete/profesionales/mas_informacion.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    text-align: center;
    height: 70vh;
}

.informacion-content h2{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    text-align: center;
    color:white;
}

.informacion-content p{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 300;
    font-style:normal;
    font-size: 2.5rem;
    text-align: center;
    color:white;
}

/* Estilos recomendar AA */
/* ===================== */

.recomienda{
    margin:40px;
}

.recomienda-content{
    background-color: rgb(208,207,209);
    border-radius: 20px;
    padding: 40px;
}

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

.recomienda-content p{
    font-family: menca, sans-serif; 
    font-weight: 500;
    font-style:normal;
    text-align: justify;
    font-size: 1.2rem;
}

.recomienda-content a{
    display: block;
    margin: 0 auto;
    width: 300px;
    text-decoration: none;
    background-color: rgb(24,86,114);
    color:white;
    padding: 10px 40px;
    border-radius: 25px;
    font-family: menca, sans-serif; 
    font-weight: 700;
    font-style:normal;
    text-align: center;
}

.recomienda-content a:hover{
    background-color: #ffffff;
    border:1px solid rgb(24,86,114);
    color:#0054a3
}

/* Estilos profesionales AA */
/* ======================== */

.profAA{
    margin:20px 40px;
}

.profAA-content h2{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
}

.profAA-content h3{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    color:#000;
}

.profAA-content p{
    font-family: menca, sans-serif; 
    font-weight: 500;
    font-style:normal;
    font-size: 1.2rem;
    text-align: justify;
}

/* Estilos custodios AA */
/* ===================== */

.custodiosAA{
    background-image: url("../assete/profesionales/fondo_profesionales.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin:20px 40px;
}

.custodiosAA-content{
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items:self-start;
    justify-content:space-evenly;
}

.claseA{
    flex-basis: 30%;
    margin-top: 30px;
    padding: 20px;
    text-align: center;
    background: rgba(28,89,117,1);
    background: -moz-linear-gradient(top, rgba(28,89,117,1) 0%, rgba(28,87,117,1) 11%, rgba(28,87,117,1) 14%, rgba(28,90,118,1) 23%, rgba(28,90,118,1) 23%, rgba(69,120,143,1) 34%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(28,89,117,1)), color-stop(11%, rgba(28,87,117,1)), color-stop(14%, rgba(28,87,117,1)), color-stop(23%, rgba(28,90,118,1)), color-stop(23%, rgba(28,90,118,1)), color-stop(34%, rgba(69,120,143,1)), color-stop(84%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(28,89,117,1) 0%, rgba(28,87,117,1) 11%, rgba(28,87,117,1) 14%, rgba(28,90,118,1) 23%, rgba(28,90,118,1) 23%, rgba(69,120,143,1) 34%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(28,89,117,1) 0%, rgba(28,87,117,1) 11%, rgba(28,87,117,1) 14%, rgba(28,90,118,1) 23%, rgba(28,90,118,1) 23%, rgba(69,120,143,1) 34%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(28,89,117,1) 0%, rgba(28,87,117,1) 11%, rgba(28,87,117,1) 14%, rgba(28,90,118,1) 23%, rgba(28,90,118,1) 23%, rgba(69,120,143,1) 34%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(28,89,117,0.2) 0%, rgba(28,87,117,0.4) 11%, rgba(28,87,117,0.5) 14%, rgba(28,90,118,0.6) 23%, rgba(28,90,118,0.7) 23%, rgba(69,120,143,0.8) 34%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);

}

.claseA img{
    border-radius: 50%;
    border:4px solid white;
    width: 250px;
    height: 250px;
    max-width: 250px;
    max-height: 250px;
    display: block;
    margin: auto;
}

.claseA h4{
    font-family: leo, sans-serif;  
    font-weight: 700;
    font-style:normal;
    margin-top: 20px;
}

.claseA p{
    font-family: leo, sans-serif;  
    font-weight: 500;
    font-style:normal;
    font-size: 0.9rem;
}

.claseA a{
    font-family: leo, sans-serif;  
    font-weight: 500;
    font-style:normal;
    font-size: 0.9rem;
    display: block;
    text-decoration: none;
    background-color: rgb(24,86,114);
    color:white;
    padding: 10px 40px;
    border-radius: 25px;
    width:200px;
    margin:0 auto;
}

.claseA a:hover{
    background-color: #fff;
    border:1px solid rgb(24,86,114);
    color: rgb(24,86,114);
}

/* Recursos profesionales */
/* ====================== */

.recursosprof{
    background-image: url("../assete/profesionales/fondo_recursos.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh; 
    display: flex; 
    align-items: center; 
}

.recursosprof-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-between;
}

.recursosprof-text{
    flex-basis: 50%;
    background-color:rgb(194,204,207);
    border-radius: 0 25px 25px 0;
    padding:20px;
}

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

.recursosprof-text p{
    font-family: leo, sans-serif;  
    font-weight: 500;
    font-style:normal;
    font-size: 1rem;
    text-align: justify;
}

.recursosprof-video{
    flex-basis: 40%;
    background: rgb(112,131,138);
    border-radius: 10px;
    text-align: center;
    padding:10px; 
    width: 80%;
    height: 250px;      
}

.recursosprof-video iframe{
    border-radius: 10px;
    width: 100%;
    min-height: 230px;
}

/* Recursos generales */
/* ================== */
.recursos{
    background: rgb(112,131,138); 
    padding: 10px; 
}

.recursos-content{
    padding: 10px; 
}

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

/* Estilos boletín Ganar Aliados */
/* ============================= */

.boletin{
    background-image: url("../assete/profesionales/ganar_aliados.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 90vh;
    padding:10px;
}

.boletin-content{
    padding: 20px;
}

.boletin-content h2{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    color:#fff;
    font-size: 2.5rem;;
}

.boletin-producto{
    padding: 40px;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.boletin-link img{
    width: 100%;
}

.boletin-link h5{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    font-size:1rem;
    color:rgb(18,83,36);
}

.boletin-link p{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    color:rgba(28,88,118);
}

.boletin-link a{
    font-family: menca, sans-serif; 
    font-weight: 700;
    font-style:normal;
    font-size:1rem;
    color: #fff;
    text-align: center;
    text-decoration: none;

    background-color: rgba(24,86,114);
    display: block;
    border-radius: 15px;
    padding:10px;
    width: 100%;
    margin-top: 10px; 
    margin-bottom: 10px;  
}

.boletin-link a:hover{
    background-color:#fff;
    border:1px solid rgba(24,86,114);
    color: rgba(24,86,114);
}

/* Estilos convenio */
/* ================ */

.convenio{
    background-image: url("../assete/profesionales/firma_convenio.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    padding:0 10px;
    display: flex;    
}

.convenio-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.convenio-titulo, .convenio-text{
    align-self:flex-end;
    min-width: 540px;
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
}

.convenio-titulo h2{
    color:#000;
    font-size: 1.8rem;
}

.convenio-text h3{
    font-size: 1.8rem;
}

/* Estilos formulario prof */
/* ======================= */
.contacto-prof{
    background-image: url("../assete/profesionales/contacto_ccp.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
}

.contacto-prof-content{
    padding:20px;
}

.contacto-prof-titulo{
    margin: 20px;
}

.contacto-prof-titulo h2{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    color:#fff;
    font-size: 2.5rem;    
}

.contacto-prof-form{
    padding: 20px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.contacto-prof-form h3, .contacto-prof-form h4{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    text-align: right;
    color:#fff;
    font-size: 1.5rem;
}

.contacto-prof-form h4{
    font-size: 1.2rem;
}

.contacto-prof-form form{
    min-width: 50%;
}

.form{
   padding: 20px;
}

.form_title{
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    color:#fff;
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.form input, .form textarea{
    display:block;
    width: 100%;
    margin:10px auto;
    padding: 10px 15px;
    border-radius: 5px;   
    outline: none;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    font-size: 15px;
    text-transform: capitalize;
}

.form input[type="submit"]{
    background-color: rgb(9, 61, 85);
    font-family: "sigmund-pro", sans-serif; 
    font-weight: 500;
    font-style:normal;
    font-size: 1rem;
    color: #fff;
    border: none;
}

.form input[type="submit"]:hover{
    background-color: rgb(18, 75, 131);
    color:#fff;
}

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

/* "xxl" applies to x-large devices (large desktops, less than 1400px) */
@media (min-width:1200px) and (max-width:1399.98px){
    
    /* Estilos para profesionales */
    /* ========================== */
    .profesionales{
        height: 90vh;
    }

    /* Estilos información profesionales */
    /* ================================= */
    .informacion{
        height: 50vh;
    } 
    
    /* Estilos formulario prof */
    /* ======================= */
    .contacto-prof{
       height: 90vh;
    }
}

/* "xl" applies to large devices (desktops, less than 1200px) */
@media (min-width:992px) and (max-width:1199.98px){
    
    /* Estilos para profesionales */
    /* ========================== */
    .profesionales{
        height: 60vh;
    }

    /* Estilos información profesionales */
    /* ================================= */
    .informacion{
        height: 50vh;
    }  
    
    /* Estilos custodios AA */
    /* ===================== */
    .custodiosAA{
       margin:20px;
    }

    /* Recursos profesionales */
    /* ====================== */
    .recursosprof{
        height: 70vh; 
    }
    
    .recursosprof-content{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content:space-between;
    }
    
    .recursosprof-text{
        flex-basis: 55%;
        border-radius: 0 25px 25px 0;
        padding:20px;
    }
    
    .recursosprof-text h3{
       font-size: 1.5rem;
    }
    
    .recursosprof-text p{
        font-size: 1rem;
    }
    
    .recursosprof-video{
        flex-basis: 40%;
        padding:10px; 
        width: 80%;
        height: 250px;      
    }
    
    .recursosprof-video iframe{
        width: 100%;
        min-height: 230px;
    } 
    
    /* Estilos convenio */
    /* ================ */
    .convenio-content{
        display: flex;
        flex-direction: column;
        align-items:flex-end;
        justify-content:center;
    }

    .convenio-titulo, .convenio-text{
        align-self:flex-end;
        min-width: 45%;
    }

    .convenio-titulo h2{
        font-size: 1.8rem;        
    }

    .convenio-text h3{
        font-size: 1.8rem;
    }
}

/* "lg" applies to medium devices (tablets, less than 992px) */
@media (min-width:768px) and (max-width:991.98px){
    
    /* Estilos para profesionales */
    /* ========================== */
    .profesionales{
        height: 70vh;
    }

    .profesionales-content{
       padding: 20px;
    }

    /* Estilos información profesionales */
    /* ================================= */
    .informacion{
        height: 40vh;
    }

    .informacion-content h2{
       font-size: 1.8rem;
    }  
    
    /* Estilos custodios AA */
    /* ===================== */
    .custodiosAA{
        margin:20px;
     }

    /* Recursos profesionales */
    /* ====================== */
    .recursosprof{
        height: 70vh; 
    }
    
    .recursosprof-content{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content:space-between;
    }
    
    .recursosprof-text{
        flex-basis: 60%;
        border-radius: 0 25px 25px 0;
        padding:10px;
    }
    
    .recursosprof-text h3{
       font-size: 1.5rem;
    }
    
    .recursosprof-text p{
        font-size: 1rem;
    }
    
    .recursosprof-video{
        flex-basis: 35%;
        padding:10px; 
        width: 80%;
        height: 250px;      
    }
    
    .recursosprof-video iframe{
        width: 100%;
        min-height: 230px;
    }

    /* Estilos boletín Ganar Aliados */
    /* ============================= */

    .boletin{
        min-height: 10vh;
        padding:10px;
    }

    .boletin-content{
        padding: 0 10px 10px 10px;
    }

    .boletin-content h2{
        color:#fff;
        font-size: 2.0rem;;
    }

    .boletin-producto{
        padding: 10px;
        display:grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .boletin-link h5{
        color: #fff;
        text-shadow: rgb(10, 10, 10) 0.1em 0.1em 0.2em;
    }

    /* Estilos convenio */
    /* ================ */
    .convenio{
        height: 60vh;
        padding:10px;
        display: flex;    
    }

    .convenio-content{
        display: flex;
        flex-direction: column;
        align-items:flex-end;
        justify-content:center;
    }

    .convenio-titulo, .convenio-text{
        align-self:flex-end;
        min-width: 40%;
    }

    .convenio-titulo h2{
        font-size: 1.4rem;        
    }

    .convenio-text h3{
        font-size: 1.6rem;
    }

    /* Estilos formulario prof */
    /* ======================= */

    .contacto-prof{
        background-position: center center;
        height: 90vh;
    }

   
}

/* "md" applies to small devices (landscape phones, less than 768px) */
@media(min-width:576px) and (max-width:767.98px){
    
    /* Estilos para profesionales */
    /* ========================== */
    .profesionales{
        height: 70vh;
        display: flex;
        flex-direction: column; 
        justify-content: flex-start;       
    }

    .profesionales-titulo h2{
        font-size: 2.2rem;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos cooperación profesionales */
    /* ================================= */
    .cooperacion-titulo{
        padding: 20px 40px;
    }

    /* Estilos cooperación profesionales */
    /* ================================= */
    .cooperacion-titulo{
        padding: 40px 20px;
    }

    .cooperacion-titulo h2{
        margin-bottom:0;
    }

    /* Estilos información profesionales */
    /* ================================= */
    .informacion{
        height: 40vh;
    }

    .informacion-content h2{
       font-size: 1.8rem;
    }

    .informacion-content p{
        font-size: 1.8rem;
    }

    /* Estilos custodios AA */
    /* ===================== */
    .custodiosAA{
        margin:0;
     }

    /* Recursos profesionales */
    /* ====================== */
    .recursosprof{
        height:120vh; 
    }
    
    .recursosprof-content{
        display: flex;
        flex-direction:column;
        justify-content:center
    }
    
    .recursosprof-text{
        flex-basis: 80%;
        border-radius: 25px;
        padding:20px;
        margin-bottom: 20px;
    }
    
    .recursosprof-text h3{
       font-size: 1.5rem;
    }
    
    .recursosprof-text p{
        font-size: 1rem;
    }
    
    .recursosprof-video{
        padding:10px; 
        width: 100%;
        height: 500px;      
    }

    /* Estilos boletín Ganar Aliados */
    /* ============================= */
    .boletin{
        background-image: none;
        background-color: rgb(32,89,56);
    }

    .boletin-producto{
        padding: 20px;
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .boletin-link {
        width:90%;
        text-align: center;
    }

    .boletin-link img{
        margin-bottom: 10px;
    }

    .boletin-link h5{
        color: #fff;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    .boletin-link p{
        color:#fff;
    }

    /* Estilos convenio */
    /* ================ */
    .convenio{
        height: 50vh;
        padding:10px;
        display: flex;    
    }

    .convenio-content{
        display: flex;
        flex-direction: column;
        align-items:flex-end;
        justify-content:center;
    }

    .convenio-titulo, .convenio-text{
        align-self:flex-end;
        min-width: 50%;
    }

    .convenio-titulo h2{
        font-size: 1.6rem;        
    }

    .convenio-text h3{
        font-size: 1.8rem;
        color:#fff;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos formulario prof */
    /* ======================= */
    .contacto-prof{
        height: 90vh;
    }

    .contacto-prof-content{
        padding:10px;
    }

    .contacto-prof-titulo{
        margin: 10px;
    }

    .contacto-prof-titulo h2{
        font-size: 1.8rem; 
        text-align: left;   
    }   

    .contacto-prof-form{
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items:flex-end;
        justify-content: center;
    }

    .contacto-prof-form h3, .contacto-prof-form h2{
        font-size: 1.6rem; 
        text-align: right; 
    }

    .form{
        width:100%;
        text-align: center;
    }

    .form h5{
       text-align: center;
    }

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

     .link-domicilio p,  .links-ft a{
        font-size: 1rem;
     }
     
     .links-ft{
         width:100%;
         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){
    
    /* Estilos para profesionales */
    /* ========================== */
    .profesionales{
        height: 80vh;
        display: flex;
        flex-direction: column; 
        justify-content:center;
        margin:0;
        padding: 0;      
    }

    .profesionales-content{
        padding:10px;
        width:90%;
    }

    .profesionales-titulo h2{
        font-size: 2.2rem;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos cooperación profesionales */
    /* ================================= */
    .cooperacion-titulo{
        padding: 40px 20px;
    }

    .cooperacion-titulo h2{
        margin-bottom:0;
        font-size: 2rem;
    }

    /* Estilos información profesionales */
    /* ================================= */
    .informacion{
        height: 40vh;
        padding:20px;
    }

    .informacion-content h2{
       font-size: 1.8rem;
    }

    .informacion-content p{
        font-size: 1.8rem;
    }

    /* Estilos recomendar AA */
    /* ===================== */
    .recomienda{
        margin:20px;
    }

    .recomienda-content{
       padding: 40px 20px;
    }

    /* Estilos profesionales AA */
    /* ======================== */

    .profAA{
        margin:20px;
    }

    .profAA-content h2{
        font-size: 1.8rem;
    }

    .profAA-content h3{
        font-size: 1.6rem;
    }

    /* Estilos custodios AA */
    /* ===================== */
    .custodiosAA{
        margin:0;
     }

    /* Recursos profesionales */
    /* ====================== */
    .recursosprof{
        height:90vh; 
    }
    
    .recursosprof-content{
        display: flex;
        flex-direction:column;
        justify-content:center
    }
    
    .recursosprof-text{
        flex-basis: 80%;
        border-radius: 25px;
        padding:20px;
        margin-bottom: 20px;
    }
    
    .recursosprof-text h3{
       font-size: 1.5rem;
    }
    
    .recursosprof-text p{
        font-size: 1rem;
    }
    
    .recursosprof-video{
        padding:10px; 
        width: 100%;
        height: 500px;      
    }

    /* Recursos generales */
    /* ================== */
    .recursos{
      padding: 10px; 
    }

    .recursos-content{
        padding: 10px; 
    }

    .recursos-bullets{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .recursos-bullets .bullet-link{
        flex-basis: 50%;
    }

    /* Estilos boletín Ganar Aliados */
    /* ============================= */
    .boletin{
        background-image: none;
        background-color: rgb(32,89,56);
    }

    .boletin-producto{
        padding: 20px;
        display:grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .boletin-link {
        width:80%;
        text-align: center;
    }

    .boletin-link img{
        margin-bottom: 10px;
    }

    .boletin-link h5{
        color: #fff;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    .boletin-link p{
    color:#fff;
    }

    /* Estilos convenio */
    /* ================ */
    .convenio{
        height: 50vh;
        padding:10px;
        display: flex;    
    }

    .convenio-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .convenio-titulo, .convenio-text{
        align-self:center;
        min-width: 100%;
    }

    .convenio-titulo h2{
        font-size: 1.6rem;        
    }

    .convenio-text h3{
        font-size: 1.6rem;
        color:#fff;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos formulario prof */
    /* ======================= */
    .contacto-prof{
        height: 90vh;
    }

    .contacto-prof-content{
        padding:10px;
    }

    .contacto-prof-titulo{
        margin: 10px;
    }

    .contacto-prof-titulo h2{
        font-size: 1.8rem; 
        text-align: center;   
    }

    .contacto-prof-form h3, .contacto-prof-form h2{
        font-size: 1.6rem; 
        text-align: center; 
    }

    .contacto-prof-form{
        padding: 10px;
        text-align:center;
        display: flex;
        flex-direction: column;
        align-items:center;
        justify-content: center;
    }

    .form{
        width:100%;
        text-align: center;
    }

    .form h5{
       text-align: center;
    }

    /* EStilos del footer */
    .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;
     }     

}


/* "xs" smartphomn muy pequeños */
@media(min-width:360px) and (max-width:419.98px){
    /* Estilos para profesionales */
    /* ========================== */
    .profesionales{
        height: 90vh;
        display: flex;
        flex-direction: column; 
        justify-content:center;
        margin:0;
        padding: 0;      
    }

    .profesionales-content{
        padding:10px;
        width:90%;
    }

    .profesionales-titulo h2{
        font-size: 2.2rem;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos cooperación profesionales */
    /* ================================= */
    .cooperacion-titulo{
        padding: 20px;
    }

    .cooperacion-titulo h2{
        margin-bottom:0;
        font-size: 2rem;
    }

    /* Estilos información profesionales */
    /* ================================= */
    .informacion{
        height: 40vh;
        padding:20px;
    }

    .informacion-content h2{
       font-size: 1.8rem;
    }

    .informacion-content p{
        font-size: 1.8rem;
    }

    /* Estilos recomendar AA */
    /* ===================== */
    .recomienda{
        margin:20px;
    }

    .recomienda-content{
        padding:20px;
    }

    .recomienda-content h2{
       font-size: 1.8rem;
    }

    .recomienda-content a{
        width:100%;
        padding: 10px;
        text-align: center;
    }

    /* Estilos profesionales AA */
    /* ======================== */

    .profAA{
        margin:20px;
    }

    .profAA-content h2{
        font-size: 1.8rem;
    }

    .profAA-content h3{
        font-size: 1.6rem;
    }

    /* Estilos custodios AA */
    /* ===================== */
    .custodiosAA{
        margin:0;
     }

    /* Recursos profesionales */
    /* ====================== */
    .recursosprof{
        height:100vh; 
    }
    
    .recursosprof-content{
        display: flex;
        flex-direction:column;
        justify-content:center
    }
    
    .recursosprof-text{
        flex-basis: 80%;
        border-radius: 25px;
        padding:20px;
        margin-bottom: 20px;
    }
    
    .recursosprof-text h3{
       font-size: 1.5rem;
    }
    
    .recursosprof-text p{
        font-size: 1rem;
    }
    
    .recursosprof-video{
        padding:10px; 
        width: 100%;
        height: 500px;      
    }

    /* Recursos generales */
    /* ================== */
    .recursos{
        padding: 10px; 
    }
  
    .recursos-content{
      padding: 10px; 
    }
  
    .recursos-bullets{
      display:flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
  
    .recursos-bullets .bullet-link{
      flex-basis: 50%;
    }  
    
    /* Estilos boletín Ganar Aliados */
    /* ============================= */
    .boletin{
        background-image: none;
        background-color: rgb(32,89,56);
    }

    .boletin-producto{
        padding: 20px;
        display:grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .boletin-link {
        width:90%;
        text-align: center;
    }

    .boletin-link img{
        margin-bottom: 10px;
    }

    .boletin-link h5{
        color: #fff;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    .boletin-link p{
    color:#fff;
    }

    /* Estilos convenio */
    /* ================ */
    .convenio{
        height: 50vh;
        padding:10px;
        display: flex;    
    }

    .convenio-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .convenio-titulo, .convenio-text{
        align-self:center;
        min-width: 100%;
    }

    .convenio-titulo h2{
        font-size: 1.6rem;        
    }

    .convenio-text h3{
        font-size: 1.6rem;
        color:#fff;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos formulario prof */
    /* ======================= */
    .contacto-prof{
        height: 90vh;
    }

    .contacto-prof-content{
        padding:10px;
    }

    .contacto-prof-titulo{
        margin: 10px;
    }

    .contacto-prof-titulo h2{
        font-size: 1.8rem; 
        text-align: center;   
    }

    .contacto-prof-form h3, .contacto-prof-form h2{
        font-size: 1.6rem; 
        text-align: center; 
    }

    .contacto-prof-form{
        padding: 10px;
        text-align:center;
        display: flex;
        flex-direction: column;
        align-items:center;
        justify-content: center;
    }

    .form{
        width:100%;
        text-align: center;
    }

    .form h5{
       text-align: center;
    }

    /* Estilos del footer */
    .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){
    /* Estilos para profesionales */
    /* ========================== */
    .profesionales{
        height: 90vh;
        display: flex;
        flex-direction: column; 
        justify-content:center;
        margin:0;
        padding: 0;      
    }

    .profesionales-content{
        padding:10px;
        width:90%;
    }

    .profesionales-titulo h2{
        font-size: 2.2rem;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos cooperación profesionales */
    /* ================================= */
    .cooperacion-titulo{
        padding: 20px;
    }

    .cooperacion-titulo h2{
        margin-bottom:0;
        font-size: 2rem;
    }

    /* Estilos información profesionales */
    /* ================================= */
    .informacion{
        height: 40vh;
        padding:20px;
    }

    .informacion-content h2{
       font-size: 1.6rem;
    }

    .informacion-content p{
        font-size: 1.4rem;
    }

    /* Estilos recomendar AA */
    /* ===================== */
    .recomienda{
        margin:20px;
    }

    .recomienda-content{
        padding:20px;
    }

    .recomienda-content h2{
       font-size: 1.6rem;
    }

    .recomienda-content a{
        width:100%;
        padding: 10px;
        text-align: center;
    }

    /* Estilos profesionales AA */
    /* ======================== */

    .profAA{
        margin:20px;
    }

    .profAA-content h2{
        font-size: 1.6rem;
    }

    .profAA-content h3{
        font-size: 1.4rem;
    }

    /* Estilos custodios AA */
    /* ===================== */
    .custodiosAA{
        margin:10px;
     }

     /* Recursos profesionales */
    /* ====================== */
    .recursosprof{
        height:100vh; 
    }
    
    .recursosprof-content{
        display: flex;
        flex-direction:column;
        justify-content:center
    }
    
    .recursosprof-text{
        flex-basis: 80%;
        border-radius: 25px;
        padding:20px;
        margin-bottom: 20px;
    }
    
    .recursosprof-text h3{
       font-size: 1.5rem;
    }
    
    .recursosprof-text p{
        font-size: 1rem;
    }
    
    .recursosprof-video{
        padding:10px; 
        width: 100%;
        height: 500px;      
    }

    /* Recursos generales */
    /* ================== */
    .recursos{
      padding: 10px; 
    }
  
    .recursos-content{
      padding: 10px; 
    }
  
   .recursos-bullets{
     display:flex;
     flex-direction: row;
     flex-wrap: wrap;
   }
  
   .recursos-bullets .bullet-link{
      flex-basis: 50%;
   }

   /* Estilos boletín Ganar Aliados */
   /* ============================= */
    .boletin{
        background-image: none;
        background-color: rgb(32,89,56);
    }

    .boletin-producto{
        padding: 20px;
        display:grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .boletin-link {
        width:90%;
        text-align: center;
    }

    .boletin-link img{
        margin-bottom: 10px;
    }

   .boletin-link h5{
        color: #fff;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    .boletin-link p{
       color:#fff;
    }

    /* Estilos convenio */
    /* ================ */
    .convenio{
        height: 50vh;
        padding:10px;
        display: flex;    
    }

    .convenio-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .convenio-titulo, .convenio-text{
        align-self:center;
        min-width: 100%;
    }

    .convenio-titulo h2{
        font-size: 1.6rem;        
    }

    .convenio-text h3{
        font-size: 1.6rem;
        color:#fff;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    /* Estilos formulario prof */
    /* ======================= */
    .contacto-prof{
        height: 100vh;
    }

    .contacto-prof-content{
        padding:10px;
    }

    .contacto-prof-titulo{
        margin: 10px;
    }

    .contacto-prof-titulo h2{
        font-size: 1.8rem; 
        text-align: center;   
    }

    .contacto-prof-form h3, .contacto-prof-form h2{
        font-size: 1.6rem; 
        text-align: center; 
    }

    .contacto-prof-form{
        padding: 10px;
        text-align:center;
        display: flex;
        flex-direction: column;
        align-items:center;
        justify-content: center;
    }

    .form{
        width:100%;
        text-align: center;
    }

    .form h5{
       text-align: center;
    }

    /* EStilos del footer */

    .footer-content{
        width: 90%;
     }
 
     .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;
     }   

}