/*Estilos para 1920*/
/* BANNER*/
.banner-separa {
    padding: 0;
    width: 100%;
    height: 140px;
    background-position: top;
    background-color: #fef8e1;
}
.selected-asociacion {
    transform: scale(1.1);
    background-color: #95ce5e;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
  }
.outer .junta{
    color: rgb(149, 206, 94);
}
.subrayado{
    text-decoration: underline;
    font-size: 16px;
}


/*junta directiva*/
.contenedor-directiva {
    background-color: #fef8e1;
    width: 100%;
    display: flex;
    position: relative;
}
.sombra-directiva {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 1450px;
    height: 650px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.cabezera-directiva {
    width: 100%;
    height: auto;
}
.cabezera-directiva .img-directiva{
    width: 100%;
}
.juntacontent{
    width: 100%;
    height: 350px;
    margin: auto;
    display:flex;
    margin-top: 0;
}
.texto_uno-directiva {
    padding: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 1.1em;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: black;
}
.image-uno-directiva {
    width: 200px;
    height: 200px;
    margin: auto;
    display: flex;
}

/*Comisión técnica*/
.contenedor-comision {
    background-color: #fef8e1;
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 25px;
}
.sombra-comision {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 1450px;
    height: 900px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.cabezera-comision {
    width: 100%;
    height: auto;
}
.comision-content{
    width: 100%;
    height: 600px;
    margin: auto;
    display:flex;
    margin-top: 0;
}
.texto_uno-comision {
    width: 50%;
    padding: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 1.2em;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: black;
}


/*Socios*/
.contenedor-socio {
    background-color: #fef8e1;
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 25px;
}
.sombra-socio {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 1450px;
    height: 13170px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.cabezera-socio {
    width: 100%;
    height: auto;
}
.cabezera-socio .img-socio{
    width: 100%;
}
.socio-content{
    width: 100%;
    height: 12870px;
    margin: auto;
    display:flex;
    margin-top: 0;
}
.texto_uno-socio {
    width: 50%;
    padding: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 1.2em;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: black;
}
.image-uno-socio {
    width: 200px;
    height: 200px;
    margin: auto;
    display: flex;
}


/*Inscripcion de Socios*/
.contenedor-inscripcion {
    background-color: #fef8e1;
    width: 100%;
}
.sombra-inscripcion {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    width: 1450px;
    height: 1310px;
    display: flex;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.linea-inscripcion {
    color: #95ce5e;
}
.cabezera .img-inscripcion {
    width: 100%;
    margin-bottom: 0%;
    padding-bottom: 0%;
}
.cabezera section {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    gap: 20px;
    padding: 10px;
    width: 100%;
    height: 80%;
}
.cabezera section .form {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 97%;
    height: 97%;
    margin-left: 10px;
}
.cabezera section .form .texto-inscripcion p {
    color: black;
    font-size: 1.05em;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 20px;
    /* border: 1px solid green; */
}
.cabezera section .form form {
    width: 100%;
}
/*Cajas de texto-Inscripcion de Socios*/
.cabezera section .form form .inputBox {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
/*Etiquetas e inputs-Inscripcion de Socios*/
.cabezera section .form form .inputBox label {
    font-weight: 700;
}
.cabezera section .form form .inputBox small {
    font-family: "Courier New", Courier, monospace;
    padding-left: 55px;
    font-size: 0.9em;
}
.cabezera section .form form .inputBox input[type="text"],
.cabezera section .form form .inputBox input[type="phone"],
.cabezera section .form form .inputBox input[type="email"],
.cabezera section .form form .inputBox textarea {
  border: 1px solid #95ce5e;
  padding: 8px;
  resize: none;
}
.cabezera section .form form .inputBox input[type="text"]:focus,
.cabezera section .form form .inputBox input[type="phone"]:focus,
.cabezera section .form form .inputBox input[type="email"]:focus,
.cabezera section .form form .inputBox textarea:focus {
  outline: 2px solid darkgreen;
}
.cabezera section .form form input[type="submit"] {
    background: darkgreen;
    display: inline-block;
    text-align: center;
    width: 250px;
    padding: 10px;
    margin-top: 10px;
    color: white;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    box-shadow: 1px 9px 10px -5px rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}
.cabezera section .form form input[type="submit"]:hover {
    background-color: #95ce5e;
}
/*Contenedor información-Inscripcion de Socios*/
.cabezera section .info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.cabezera section .info .imgBox {
    position: relative;
    width: 200px;
    height: 200px;
    margin-bottom: 80px;
}
.cabezera section .info .imgBox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 10px;
}


/*----------Enlaces------------*/
.contenedor-enlaces {
    background-color: #fef8e1;
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 25px;
}
.sombra-enlaces {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 1450px;
    height: 870px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.cabezera-enlaces {
    width: 100%;
    height: auto;
}
.cabezera-enlaces .img-enlaces{
    width: 100%;
}
.enlaces-content{
    width: 100%;
    height: 500px;
    margin: auto;
    display:flex;
    margin-top: 0;
}
.texto_uno-enlaces {
    width: 50%;
    padding: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 1.2em;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color:darkgreen;
}
.texto_uno-enlaces a{
    font-size: 1.1em;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: black;
}
.texto_uno-enlaces a:hover{
    color:darkgreen;
}
.subrayado-enlaces{
    text-decoration: underline;
    color: darkgreen;
}
.image-uno-enlaces {
    width: 200px;
    height: 200px;
    display: flex;
    margin-left: 200px;
    margin-top: auto;
    margin-bottom: auto;
}

/*--------Colaboradores--------------*/
.contenedor-colaboradores {
    background-color: #fef8e1;
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 25px;
}
.sombra-colaboradores {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 1450px;
    height: 490px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.cabezera-colaboradores {
    width: 100%;
    height: auto;
}
.cabezera-colaboradores .img-colaboradores{
    width: 100%;
}
.colaboradores-content{
    width: 100%;
    height: 190px;
    margin: auto;
    display:flex;
    position: relative;
    margin-top: 0;
}
.item1 img{
    width: 140px;
    margin: 25px;
    cursor: pointer;
}
.item1 img:hover{
    border: 1px solid darkgreen;
    border-radius: 10%;
}
.item2 img{
    width: 145px;
    margin: 25px;
    cursor: pointer;
}
.item2 img:hover{
    border: 1px solid darkgreen;
    border-radius: 10%;
}
.item3 img{
    width: 150px;
    margin: 25px;
    cursor: pointer;
}
.item3 img:hover{
    border: 1px solid darkgreen;
    border-radius: 10%;
}
.item4 img{
    width: 150px;
    margin: 25px;
    cursor: pointer;
}
.item4 img:hover{
    border: 1px solid darkgreen;
    border-radius: 10%;
}
.item5 img{
    width: 150px;
    margin: 25px;
    cursor: pointer;
}
.item5 img:hover{
    border: 1px solid darkgreen;
    border-radius: 10%;
}
.item6 img{
    width: 150px;
    margin: 25px;
    cursor: pointer;
}
.item6 img:hover{
    border: 1px solid darkgreen;
    border-radius: 10%;
}
.item7 img{
    width: 150px;
    margin: 25px;
    cursor: pointer;
}
.item7 img:hover{
    border: 1px solid darkgreen;
    border-radius: 10%;
}

/*--------REVISTAS--------------*/
.contenedor-revistas {
    background-color: #fef8e1;
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 25px;
}
.sombra-revistas {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 1450px;
    /* height: 1100px; */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.cabezera-revistas {
    width: 100%;
    height: auto;
}
.cabezera-revistas .img-revistas{
    width: 100%;
}
.revistas-content{
    width: 100%;
    /* height: 800px; */
    margin: auto;
    display:flex;
    flex-wrap: wrap;
    margin-top: 0;
}
/*-------------------*/
.item1 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    /* opacity: 80%;  */
}
.item1 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
    /* opacity: 100%; */
}
.item1 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item2 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item2 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item2 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item3 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item3 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item3 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item4 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item4 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item4 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item5 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item5 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item5 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item6 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item6 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item6 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item7 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item7 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item7 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item8 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item8 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item8 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item9 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item9 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item9 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item10 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item10 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item10 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item11 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item11 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item11 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item12 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item12 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item12 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item13 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item13 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item13 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item14 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item14 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item14 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item15 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item15 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item15 p{
    display: flex;
    justify-content: center;
}
/*-------------------*/
.item16 img{
    width: 150px;
    margin: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}
.item16 img:hover{
    border: 1px solid darkgreen;
    border-radius: 1%;
}
.item16 p{
    display: flex;
    justify-content: center;
}


/*RESPONSIVE*/
@media (min-width: 1441px) and (max-width: 1660px){
    .sombra-directiva {
        width: 1360px;
    }
    .sombra-comision {
        width: 1360px;
    }
    .sombra-socio {
        width: 1360px;
        height: 13150px;
    }
    .socio-content{
        height: 12860px;
    }
    .sombra-inscripcion {
        width: 1360px;
    }
    .sombra-enlaces {
        width: 1360px;
    }
    .sombra-colaboradores {
        width: 1360px;
    }
    .revistas-content{
        padding-left: 60px;
    }
    .sombra-revistas {
        width: 1360px;
        /* height: 1080px; */
    }
}

@media (min-width: 1281px) and (max-width: 1440px){
    .sombra-directiva {
        width: 1150px;
        height: 600px;
    }
    .sombra-comision {
        width: 1150px;
    }
    .sombra-socio {
        width: 1150px;
        height: 13150px;
    }
    .socio-content{
        height: 12890px;
    }

    .sombra-inscripcion {
        width: 1150px;
        height: 1220px;
    }
    .cabezera section {
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        padding: 10px;
        width: 100%;
    }
    .cabezera section .form {
        width: 100%;
        height: 97%;
        margin-left: 5px;
    }
    .cabezera section .form .texto-inscripcion p {
        margin-left: 280px;
        width: 800px;
    }
    .cabezera section .form form {
        width: 600px;
        margin-left: 80px;
    }
    .cabezera section .info .imgBox img {
        left: 50px;
    }
    .sombra-enlaces {
        width: 1150px;
        height: 820px;
    }
    .texto_uno-enlaces {
        width: 60%;
        margin-right: 0px;
    }
    .image-uno-enlaces {
        margin-left: 100px;
        margin-top: auto;
    }
    .sombra-colaboradores {
        width: 1150px;
        height: 410px;
    }
    .colaboradores-content img{
        width: 110px;
    }
    .revistas-content{
        padding-left: 60px;
    }
    .sombra-revistas {
        width: 1150px;
        /* height: 1050px; */
    }
}

@media (min-width: 1023px) and (max-width: 1280px){
    .sombra-directiva {
        width: 960px;
        height: 580px;
    }
    .sombra-comision {
        width: 960px;
        height: 810px;
    }
    .texto_uno-comision{
        margin-left: 10px;
        width: 700px;
    }
    .image-uno-directiva{
        width: 140px;
        height: 140px;
        margin-left: 0px;
        margin-right: 80px;
    }
    /*-------------------*/
    .sombra-socio {
        width: 960px;
        height: 13080px;
    }
    .socio-content{
        height: 12870px; 
    }
    .texto_uno-socio{
        margin-left: 15px;
        width: 600px;
    }
    .image-uno-socio{
        width: 150px;
        height: 150px;
    }


    /*------------------------------*/
    .sombra-inscripcion {
        width: 960px;
        height: 1140px;
    }
    .cabezera section {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        padding: 10px;
        width: 100%;
        height: 70%;
    }
    .cabezera section .form {
        width: 100%;
        height: 97%;
        margin-left: 75px;
    }
    .cabezera section .form .texto-inscripcion p {
        margin-left: 280px;
        width: 800px;
    }
    .cabezera section .form form {
        width: 600px;
        margin-left: 80px;
    }
    .cabezera section .info .imgBox img {
        width: 140px;
        height: 140px;
        left: 110px;
    }




    /*--------------------------*/
    .sombra-enlaces {
        width: 960px;
        height: 780px;
    }
    .texto_uno-enlaces {
        font-size: 1.1em;
        width: 60%;
        margin-right: 0px;
    }
    .image-uno-enlaces {
        width: 150px;
        height: 150px;
        margin-left: 100px;
        margin-top: auto;
    }

    /*--------------------------*/
    .sombra-colaboradores {
        width: 960px;
        height: 340px;
    }
    .colaboradores-content img{
        width: 83px;
    }
     /*--------------------------*/
    .revistas-content{
        padding-left: 60px;
       /* height: 1060px;*/
    }
    .sombra-revistas {
        width: 960px;
        /* height: 1280px; */
    }
}

@media (min-width: 720px) and (max-width: 1022px){
    .sombra-directiva {
        width: 590px;
        height: 680px;
    }
    .juntacontent{
        display: flex;
        flex-direction: column;
        height: 500px;
    }
    .texto_uno-directiva{
        width: 100%;
        margin-left: 1px;
        margin-right: 1px;
        padding-left: 1px;
        padding-right: 1px;
    }
    .juntacontent .image-uno-directiva{
        width: 100px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
    }

    /*---------------------------*/
    .sombra-comision {
        width: 590px;
        height: 880px;
    }
    .comision-content{
        display: flex;
        flex-direction: column;
        height: 500px;
    }
    .texto_uno-comision{
        width: 100%;
        margin-left: 1px;
        margin-right: 1px;
        padding-left: 1px;
        padding-right: 1px;
    }
    .comision-content .image-uno-directiva{
        width: 100px;
        height: 100px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }


    /*-------------------*/
    .sombra-socio {
        width: 590px;
        height: 13180px;
    }
    .socio-content{
        display: flex;
        flex-direction: column;
        height: 13030px;
    }
    .texto_uno-socio{
        margin-left: 5px;
        width: 550px;
    }
    .socio-content .image-uno-socio{
        width: 100px;
        height: 100px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }


    /*------------------------------*/
    .sombra-inscripcion {
        width: 590px;
        height: 1250px;
    }
    .cabezera section {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 0px;
        width: 100%;
        height: 70%;
    }
    .cabezera section .form {
        width: 100%;
        height: 97%;
        margin-left: 1px;
    }
    .cabezera section .form .texto-inscripcion p {
        margin-left: 280px;
        margin-left: 1px;
        margin-top: 10px;
        padding: 10px;
    }
    .cabezera section .form form {
        margin-left: 0px;
        padding: 10px;
    }
    .cabezera section .info .imgBox img {
        width: 100px;
        height: 100px;
        left: 50px;
        margin-top: 0px;
    }


    /*--------------------------*/
    .sombra-enlaces {
        width: 590px;
        height: 820px;
    }
    .enlaces-content{
        display: flex;
        flex-direction: column;
        height: 850px;
    }
    .texto_uno-enlaces {
        font-size: 1.1em;
        margin-left: 1px;
        margin-right: 1px;
        padding-right: 1px;
        width: 560px;
    }
    .enlaces-content .image-uno-enlaces {
        width: 100px;
        height: 100px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    /*--------------------------*/
    .sombra-colaboradores {
        width: 590px;
        height: 410px;
    }
    .colaboradores-content{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .colaboradores-content img{
        width: 83px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        margin-bottom: 10px; 
    }
    /*--------------------------*/
    .revistas-content{
        padding-left: 20px;
        /* height: 800px; */
    }
    .sombra-revistas {
        width: 590px;
        /* height: 960px; */
    }
    .item1 img, .item2 img, .item3 img, .item4 img,
    .item5 img, .item6 img, .item7 img, .item8 img,
    .item9 img, .item10 img, .item11 img, .item12 img,
    .item13 img, .item14 img, .item15 img, .item16 img {
        width: 100px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .item1 p, .item2 p, .item3 p, .item4 p,
    .item5 p, .item6 p, .item7 p, .item8 p,
    .item9 p, .item10 p, .item11 p, .item12 p,
    .item13 p, .item14 p, .item15 img, .item16 p{
        font-size: 15px;
    }
}

@media (min-width: 430px) and (max-width: 719px){
    div[id] {
        scroll-margin-top: 120px;
    }
    .sombra-directiva {
        width: 400px;
        height: 680px;
    }
    .juntacontent{
        display: flex;
        flex-direction: column;
        height: 500px;
    }
    .texto_uno-directiva{
        width: 95%;
        font-size: 1em;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 2px;
    }
    .juntacontent .image-uno-directiva{
        width: 90px;
        height: 90px;
        margin-left: auto;
        margin-right: auto;
    }

    /*---------------------------*/
    .sombra-comision {
        width: 400px;
        height: 820px;
    }
    .comision-content{
        display: flex;
        flex-direction: column;
        height: 500px;
    }
    .texto_uno-comision{
        width: 100%;
        font-size: 1em;
        margin-left: 1px;
        margin-right: 1px;
        padding-left: 20px;
        padding-right: 1px;
    }
    .comision-content .image-uno-directiva{
        width: 90px;
        height: 90px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }


    /*------------------------------*/
    .sombra-inscripcion {
        width: 400px;
        height: 1140px;
    }
    .cabezera section {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 0px;
        width: 100%;
        height: 70%;
    }
    .cabezera section .form {
        width: 100%;
        height: 97%;
        margin-left: 5px;
    }
    .cabezera section .form .texto-inscripcion p {
        font-size: 15px;
        margin-left: 1px;
        margin-top: 15px;
        padding: 0px;
    }
    .cabezera section .form form .inputBox label {
        font-weight: 600;
    }
    .cabezera section .form form .inputBox input[type="text"],
    .cabezera section .form form .inputBox input[type="phone"],
    .cabezera section .form form .inputBox input[type="email"],
    .cabezera section .form form .inputBox textarea {
      padding: 6px;
    }
    .cabezera section .form form {
        margin-left: 0px;
        padding-right: 5px;
    }
    .cabezera section .info .imgBox img {
        width: 90px;
        height: 90px;
        left: 50px;
        margin-top: 0px;
    }

    /*--------------------------*/
    .sombra-enlaces {
        width: 400px;
        height: 1070px;
    }
    .enlaces-content{
        display: flex;
        flex-direction: column;
        height: 850px;
    }
    .texto_uno-enlaces {
        font-size: 0.97em;
        margin-left: 1px;
        margin-right: 1px;
        padding-right: 1px;
        padding-left: 5px;
        width: 370px;
    }
    .texto_uno-enlaces img{
        padding-bottom: 20px;     
    }
    .enlaces-content .image-uno-enlaces {
        width: 90px;
        height: 90px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }



    /*--------------------------*/
    .sombra-colaboradores {
        width: 400px;
        height: 480px;
    }
    .colaboradores-content{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .colaboradores-content img{
        width: 83px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 10px; 
    }

    /*--------------------------*/
    .revistas-content{
        padding-left: 20px;
        /* height: 930px; */
    }
    .sombra-revistas {
        width: 400px;
        /* height: 1060px; */
    }
    .item1 img, .item2 img, .item3 img, .item4 img,
    .item5 img, .item6 img, .item7 img, .item8 img,
    .item9 img, .item10 img, .item11 img, .item12 img,
    .item13 img, .item14 img, .item15 img, .item16 img {
        width: 90px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .item1 p, .item2 p, .item3 p, .item4 p,
    .item5 p, .item6 p, .item7 p, .item8 p,
    .item9 p, .item10 p, .item11 p, .item12 p,
    .item13 p, .item14 p, .item15 p, .item16 p{
        font-size: 13px;
    }

    /*-------------------*/
    .sombra-socio {
        width: 400px;
        height: 10190px;
    }
    .socio-content{
        display: flex;
        flex-direction: column;
        height: 10070px;
    }
    .texto_uno-socio{
        font-size: 0.9em;
        margin-left: 1px;
        padding-left: 1px;
        width: 380px;
    }
    .socio-content .image-uno-socio{
        width: 90px;
        height: 90px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (min-width: 200px) and (max-width: 429px){
    div[id] {
        scroll-margin-top: 120px;
    }
    .title{
        font-size: 1.3em;
    }
    /* Directiva*/
    .sombra-directiva {
        width: 350px;
        height: 635px;
    }
    .juntacontent{
        display: flex;
        flex-direction: column;
        height: 400px;
    }
    .texto_uno-directiva{
        width: 95%;
        font-size: 0.95em;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 2px;
        margin-top: 5px;
    }
    .juntacontent .image-uno-directiva{
        width: 90px;
        height: 90px;
        margin-left: auto;
        margin-right: auto;
    }

    /*-Comision tecnica-----------*/
    .sombra-comision {
        width: 350px;
        height: 780px;
    }
    .comision-content{
        display: flex;
        flex-direction: column;
        height: 500px;
    }
    .texto_uno-comision{
        width: 100%;
        font-size: 0.95em;
        margin-left: 1px;
        margin-right: 1px;
        padding-left: 10px;
        padding-right: 1px;
        margin-top: 2px;
    }
    .comision-content .image-uno-directiva{
        width: 90px;
        height: 90px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }


    /*---inscripcion------------*/
    .sombra-inscripcion {
        width: 350px;
        height: 1170px;
    }
    .cabezera section {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 0px;
        width: 100%;
        height: 70%;
    }
    .cabezera section .form {
        width: 100%;
        height: 97%;
        margin-left: 5px;
    }
    .cabezera section .form .texto-inscripcion p {
        font-size: 15px;
        margin-top: 15px;
        padding: 0px;
        margin-right: 6px;
    }
    .cabezera section .form form .inputBox label {
        font-weight: 600;
    }
    .cabezera section .form form .inputBox input[type="text"],
    .cabezera section .form form .inputBox input[type="phone"],
    .cabezera section .form form .inputBox input[type="email"],
    .cabezera section .form form .inputBox textarea {
      padding: 6px;
    }
    .cabezera section .form form {
        margin-left: 0px;
        padding-right: 5px;
    }
    .cabezera section .info .imgBox img {
        width: 90px;
        height: 90px;
        left: 50px;
        margin-top: 0px;
    }

    /*---Enlaces----------*/
    .sombra-enlaces {
        width: 350px;
        height: 1060px;
    }
    .enlaces-content{
        display: flex;
        flex-direction: column;
        height: 770px;
    }
    .texto_uno-enlaces {
        font-size: 0.9em;
        margin-left: 1px;
        margin-right: 1px;
        padding-right: 1px;
        padding-left: 5px;
        margin-top: 1px;
        width: 320px;
    }
    .texto_uno-enlaces img{
        padding-bottom: 20px;
    }
    .enlaces-content .image-uno-enlaces {
        width: 90px;
        height: 90px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    /*--Colaboradores-----------*/
    .sombra-colaboradores {
        width: 350px;
        height: 440px;
    }
    .colaboradores-content{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .colaboradores-content img{
        width: 83px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 10px; 
    }

    /*---REVISTAS---------------*/
    .revistas-content{
        padding-left: 10px;
        /* height: 850px; */
    }
    .sombra-revistas {
        width: 350px;
        /* height: 970px; */
    }
    .item1 img, .item2 img, .item3 img, .item4 img,
    .item5 img, .item6 img, .item7 img, .item8 img,
    .item9 img, .item10 img, .item11 img, .item12 img,
    .item13 img, .item14 img, .item15 img, .item16 img {
        width: 80px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .item1 p, .item2 p, .item3 p, .item4 p,
    .item5 p, .item6 p, .item7 p, .item8 p,
    .item9 p, .item10 p, .item11 p, .item12 p,
    .item13 p, .item14 p, .item15 p, .item16 p{
        font-size: 12px;
    }

    /*-----SOCIOS--------*/
    .sombra-socio {
        width: 350px;
        height: 8430px;
    }
    .socio-content{
        display: flex;
        flex-direction: column;
        height: 8320px;
    }
    .socio-content .texto_uno-socio{
        font-size: 12px;
        margin-top: 2px;
        margin-left: 1px;
        padding-left: 1px;
        margin-right: 1px;
        padding-right: 1px;
        width: 315px;
    }
    .socio-content .image-uno-socio{
        width: 90px;
        height: 90px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }
    

}