*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    color: #fff;
}


h6{
    font-family: Rubik-regular;
    font-size: 4vw;
}

.modal_pop_up{
position: fixed;
z-index: 3;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(15px);
gap: 2em;
}

.bg_modal{
    margin-top: 1em;
    background-color: #007bff;
    height: fit-content;
    width: fit-content;
    padding: 1em;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.3em;
}

.modal_pop_up img{
    height: 65vh;
    width: auto;
}

body{
    background-color: #000;
    position: relative;
}

.img_equipo{
    height: auto;
    width: 100%;
    border-radius: 15px;
    object-fit:fill;
}

#nombre_integrante{
    text-wrap: wrap;
}

.top-bar a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
}

.top-bar {
    z-index: 3;
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    height: fit-content;
}

.message {
    margin: 0;
}

.countdown {
    margin: 0;
}

@font-face {
    font-family: Rubik-regular;
    src: 
    url("fonts/Rubik-Regular.woff2") format('woff2'),
    url("fonts/Rubik-Regular.woff") format('woff'),
    url("fonts/Rubik-Regular.ttf") format('truetype');
  }

  @font-face {
      font-family: Rubik-light;
      src: 
      url("fonts/Rubik-Light.woff2") format('woff2'),
      url("fonts/Rubik-Light.woff") format('woff'),
      url("fonts/Rubik-Light.ttf") format('truetype');
  }

  @font-face {
      font-family: Rubik-medium;
      src: 
      url("fonts/Rubik-Medium.woff2") format('woff2'),
      url("fonts/Rubik-Medium.woff") format('woff'),
      url("fonts/Rubik-Medium.ttf") format('truetype');
  }

/* KEYFRAMES */
@keyframes animate-fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  @keyframes mooving-up {
    from {
      transform:translate3d(0,30%,0);
      opacity: 0; 
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
  }

  @keyframes Right {
    from {
      transform: translate3d(10%, 0, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes Left {
    from {
      transform: translate3d(-5%, 0, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }

/* ANIMATIONS */
.d-none {
    display: none !important;
}

@media (min-width: 992px) {
  .columnas-2 {
    column-count: 2;
    column-gap: 20px;
  }
  .columnas-3 {
    column-count: 3;
    column-gap: 20px;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
}

.small {
    font-size: 80%;
}

span{

    display: inline-block;

}

@media (prefers-reduced-motion: no-preference) {

    

    .animate-fade {

    animation-duration: 3s;

    animation-name: animate-fade;

    animation-delay: 0.5s;

    animation-fill-mode: backwards;

  }

  

  .animate-fade-fast {

    animation-duration: 2s;

    animation-name: animate-fade;

    animation-delay: 0s;

    animation-fill-mode: backwards;

  }

  .animate-fade-fast-1 {

    animation-duration: 2s;

    animation-name: animate-fade;

    animation-delay: 0.4s;

    animation-fill-mode: backwards;

  }

  .animate-fade-fast-2 {

    animation-duration: 2s;

    animation-name: animate-fade;

    animation-delay: 0.6s;

    animation-fill-mode: backwards;

  }

  .animate-fade-fast-3 {

    animation-duration: 2s;

    animation-name: animate-fade;

    animation-delay: 0.8s;

    animation-fill-mode: backwards;

  }

  .animate-fade-fast-4 {

    animation-duration: 2s;

    animation-name: animate-fade;

    animation-delay: 1s;

    animation-fill-mode: backwards;

  }

  .animate-fade-fast-5 {

    animation-duration: 2s;

    animation-name: animate-fade;

    animation-delay: 1.2s;

    animation-fill-mode: backwards;

  }

  .mooving-up {

    animation-duration: 1s;

    animation-name: mooving-up;

    animation-delay: 0s;

    animation-fill-mode: backwards;

  }

  .mooving-up-1 {

    animation-duration: 1s;

    animation-name: mooving-up;

    animation-delay: 0.4s;

    animation-fill-mode: backwards;

  }

  .mooving-up-2 {

    animation-duration: 1s;

    animation-name: mooving-up;

    animation-delay: 0.6s;

    animation-fill-mode: backwards;

  }

  .mooving-up-3 {

    animation-duration: 1s;

    animation-name: mooving-up;

    animation-delay: 0.8s;

    animation-fill-mode: backwards;

  }

  .mooving-up-4 {

    animation-duration: 1s;

    animation-name: mooving-up;

    animation-delay: 1s;

    animation-fill-mode: backwards;

  }

  .mooving-up-5 {

    animation-duration: 1s;

    animation-name: mooving-up;

    animation-delay: 1.2s;

    animation-fill-mode: backwards;

  }

  .mooving-up-slow {

    animation-duration: 3s;

    animation-name: mooving-up;

    animation-delay: 0s;

    animation-fill-mode: backwards;

  }



  .animate__Right {

    animation-duration: 1s;

    animation-name: Right;

    animation-delay: 0.5s;

  }

  .animate__Left {

    animation-duration: 1s;

    animation-name: Left;

    animation-delay: 0.5s;

  }



    @media only screen 

    and (max-device-width: 1024px){



        .logo_anim{

            animation-duration: 2s;

            animation-name: mooving-up;

            animation-delay: 0.2s;

            animation-fill-mode: backwards;

        }

    }

    @media only screen 

    and (min-device-width: 1025px){
        .logo_anim{

            animation-duration: 2s;

            animation-name: Left;

            animation-delay: 0.2s;

            animation-fill-mode: backwards;
        }
    }
  
}



  @media only screen 

and (min-device-width: 1025px){
    a{
        font-family: Rubik-light;
    }

    nav{

        margin-top: 0vh;

        background-color: #000;

        max-width: 100vw; 

        height: 10vh;

        display: flex;

        flex-direction: row;

        align-items: center;

        justify-content: center;

    } 



    .desktop_nav{

        margin-top: 0vh;

        max-width: 100vw;

        display: flex;

        flex-direction: row;

        align-items: center;

        justify-content: center;

    }



    .mobile_nav{

        display: none !important;

    }



    .left_oriented{

        display: flex;

        flex-direction: row;

        justify-content: end;

        align-items: center;

        width: fit-content;

    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

    .padding_left{

        margin-left:5em;

    }
    .right_oriented{
        width: fit-content;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .icon{

        background-image: url("img/logo.svg");

        height: 4vh;

        width: 4vh;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 1em;
        background-position: 50%;
    }
    .button{
        padding: 0.8em 2.5em ; 
        margin: 1em 0.2em;
        border-radius: 5px;
        font-size: 0.6em;
        white-space:nowrap;
    }
    .lined{
        color: #ffffff;
        border: #ffffff solid 1px;
    }
    .celeste_btn{
        background: rgba(0, 174, 239, 1) !important;
        color: #ffffff !important;
    }
    .rrss_icon{
        height: 3vh;
        width: 3vh;
        background-color: rgb(255, 255, 255);
        margin: 1em 0.2em;
        filter: invert();
    }
    .instagram{
        background-image: url("img/instagram.png");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .twitter{
        background-image: url("img/X.png");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .youtube{
        background-image: url("img/youtube.png");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .left_margin{
        margin-left:1.5em;
    }
    .right_margin{
        margin-right:10em;
    }

    #portada_section{
        width: 100%;
        height: 570px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #000;
        /*background-image: url("img/1920x650.webp");*/
        background-image: url("img/presidente-1920x650.webp");
        background-repeat: no-repeat;
        background-size:cover;
        /*descomentar luego del domingo
        background-size:contain;*/
        /*comentar luego del domingp*/
        background-position: center;
    }
    .portada_section_propuesta{
         width: 100%; 
        height: 640px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #000;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top;
    }

    .portada_section_propuesta img{
         width: 100%; 
    }

    .white_txt{
        color: #fff;
    }
    .celeste_txt{
        color: rgba(0, 174, 239, 1);
                padding: 10px 0;
    }

    h1{
        margin-top: 6vh;
        font-family: Rubik-medium;
        font-size: 4.8em;
        line-height: 1em;
        margin-bottom: 20vh;
        white-space:nowrap;
    }
    .logo_claim{
        background-image: url("img/claim2-01.svg");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size:contain;
        height: 20vh;
        width: 40vh;
    }
    #video_section{
        max-width: 100vw; 
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            to bottom,
            black 0%,
            black 50%,
            black 50%,
            black 100%
        );
        padding-top: 10vh;
        padding-bottom: 10vh;
    }
    .vid{
        width: 50vw;
        height: 50vh;
        border-radius: 10px;
        filter: drop-shadow(5px 5px 10px #000);
    }
    .noticias_section{
        height: fit-content;
        background-color: #000;
        max-width: 100vw; 
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10vh;
    }
    h2{

        margin-top: 5vh;

        font-family: Rubik-medium;

        font-size: 4em;

        line-height: 1em;

        margin-bottom: 0vh;

    }



    .div_articles{

        width: 50vw;

        height: fit-content;

        display: flex;

        flex-wrap: wrap;

        flex-direction: row;

        justify-content: space-between;

    }
    .big_article{
        width: 50vw;
        height: 40vh;
        display: flex;
        flex-direction: row;
        margin-bottom: 4vh;
    }
    .image_article_big{
        height: 40vh;
        width: 50vh;
        border-radius: 25px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .image_article_big img {
            width: 100%;
            border-radius: 40px;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }
    #conferencia_prensa_img{
        background-image: url("img/2U0A4931.jpg");
    }
    #acto_lanzamiento_img{
        background-image: url("img/fotoActo.jpg");
    }
    #acto_lanzamiento_2_img{
        background-image: url("img/noticia3.jpg");
    }
    .div_text_big{
        padding:2em;
        display: flex;
        flex-direction: column;
/*        justify-content: space-evenly;*/
    }
    h3{
        font-family: Rubik-medium;
        font-size: 1.8vw;
        line-height: 2vw;
        color: #fff;
    }

    p{
        font-family: Rubik-regular;
        font-size: 0.8vw;
    }



    .href{

        font-family: Rubik-regular;

        font-size: 0.8vw;

    }



    .img_label{

        position: relative;

        top:5%;

        left:5%;

        width: fit-content;

        padding: 0.5em 0.8em;

        color: #fff;

        border-radius: 50px;

        font-size: 0.6vw;

        background: rgba(0, 174, 239, 1);

    }



    .small_article{

        width: 11vw;

        height: 40;

        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .image_article_small{
        height: 11vw;
        width: 11vw;
        border-radius: 15px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 2vh;
    }

    #conferencia_prensa_img{
        background-image: url("img/2U0A4931.jpg");
    }

    #acto_lanzamiento_img{
        background-image: url("img/fotoActo.jpg");
    }

    #Reelegi_img {
        background-image: url(img/reelegi2.jpg);
        border: 1px solid rgba(0, 174, 239, 1);
    }

    #acto_lanzamiento_2_img{
        background-image: url("img/noticia3.jpg");
    }

    /*.div_text_big{
        padding:2em;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }*/


    h4{
        font-family: Rubik-medium;
        font-size: 1.3vw;
        line-height: 1.3vw;
        color: #fff;
        margin-bottom: 2vh;
    }

    .voluntarios_section{
        background-color: rgb(0, 0, 0);
        max-width: 100vw; 
        height: 80vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: start;
        padding-top: 5em;
    }

    form{
        height: 60vh;
        width: 30vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2em;
        align-items: end;
    }

    .contained{
        width: 30vw;
    }
    .div_voluntario_form{
        height: 60vh;
    }
    .input{
        width: 25vw;
        padding: 0.7vw;
        border-radius: 5px;
        font-size: 0.7em;
    }
    .lined{
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
        border: #fff solid 1px;
    }

    .lined2{
        background-color: rgba(0, 174, 239, 1);
        color: #fff;
        border: rgba(0, 174, 239, 1) solid 1px;
    }



    .div_text{

        height: 30vh;

        display: flex;

        flex-direction: column;

        justify-content: space-around;

    }

    .submit {
        height: 2vw;
        width: 15vw; 
        border: none;
    }

    footer{
        height: 10vh;

        max-width: 100vw; 

        background-color: #000;

        display: flex;

        flex-direction: row;

        justify-content: center;

    }

    .material-symbols-outlined {

        color:rgba(0, 174, 239, 1);

        font-size: 2.5em;

        font-variation-settings:

        'FILL' 1,

        'wght' 400,

        'GRAD' 0,

        'opsz' 24

        }

    .plan_section{

        height: fit-content;

        max-width: 100vw;

        display: flex;

        flex-direction: column;

        align-items: center;

        padding: 10vh;
    }

    .planes_div{

        display: flex;

        flex-direction: column;

        gap: 3vh;

        justify-content: space-evenly;

    }

    .plan_imagen_div{

        margin-top: 2vh;

        background-color: aliceblue;

        width: 50vw;

        height: 25vh;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        background-image: url("img/clima.jpg");

        background-repeat: no-repeat;

        background-position: 50%;

        background-size: cover;

    }

    .desktop_variante{

        display: flex;

    }

    .desktop_variante_text{

        display: block;

    }



    .mobile_variante{

       

        display: none !important;

    }

    .mobile_variante_text{

       

        display: none !important;

    }



    .lined:hover{

        color:#000;

        background-color: #fff;

    }

    

        .lined2:hover{

        color:#000;

        background-color: #fff;

    }



    .rrss_icon:hover{

        transform: scale(1.2);

    }



    .celeste_btn:hover{

        color: rgba(0, 174, 239, 1);

        background: #fff;

    }



    .desktop_vid{

        height: fit-content;

        width: fit-content;

        display: flex;

        justify-content: center;

        align-items: center;

        position: relative;

    }



    .mobile_vid{

        display: none !important;

    }



    .vid_btn{

        position: fixed;

        position: absolute;

        z-index: 1;

        background-color:  rgba(0, 174, 239, 1);

        border: none;

        padding: 1em 2em;

        border-radius: 15px;

    }

    .vid_btn span{

        color: #fff;

    }



    .vid_btn:hover{

        background-color:  rgb(119, 208, 240);

    }



    /*////////////////////////////////////////////////////*/
    .portada_equipo_seccion{
        align-items: center;
        text-align: center;
    }
    .portada_equipo_seccion h1{
        margin-top: 15vh;
        font-size: 5vw;
        margin-bottom: 1vh;
    }
    .filter_div{
        max-width: 100vw;
        padding-left: 10vw;
        padding-right: 10vw;
        justify-content: center;
        display: flex;
        flex-direction: row;
    }

    .button_selected{
        background-color: rgba(0, 174, 239, 1);
        color: #fff;
        border: none;
    }
    .equipo_section{
        max-width: 100vw;
        height: fit-content;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 10vh;
        padding-left: 20vw;
        padding-right: 20vw;

        gap: 2vw;

    }

    .persona_article{

        width: 15vw;

        display: flex;

        flex-direction: column;

        justify-content: center;

        gap: 3vh;

        max-height: 70vh;

    }



    .img_persona{

        height: 40vh;

        width: 15vw;

        background-color: black;

        border-radius: 15px;

        background-position: 50%;

        background-size: cover;

        background-repeat: no-repeat;

        background-image: url("img/user.avif");

    }



    /*////////////////////////////////////////////*/



    #bio_portada_section{

        max-width: 100vw; 

        height: 80vh;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center;

        background-color: #000;

        background: 

        linear-gradient(0deg, rgb(0, 0, 0) ,transparent 40%),

        url("img/desktopV2.jpg");

        background-position: 120% 30%;

        background-repeat: no-repeat;

        padding-right: 25vw;

    }

    #bio_portada_section_noticia{

        max-width: 100vw; 

        height: 80vh;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: start;

        text-align: center;

        background-color: #000;

        background: 

        url("img/delgado-1920x600.png");

        background-size: contain;

        background-repeat: no-repeat;

    }

    .logo_claim_bio{

        background-image: url("img/claim2-01.svg");

        background-repeat: no-repeat;

        background-position: 50%;

        background-size:contain;

        height: 35vh;

        width: 75vh;

    }



    .left_margin_footer{
        padding-left: 5vw;
    }
    .bio_section p{
        font-size: 1vw;
    }

    .bio_section h6{
        font-size: 2vw;
    }

    .bio_section{
        max-width: 100vw;
        padding-left: 20vw;
        padding-right: 20vw;
        height: fit-content;
        margin: 10vh;
        gap: 2vh;
        display: flex;
        flex-direction: column;
    }

    .propuesta_section{
        max-width: 100vw;
        padding-left: 20vw;
        padding-right: 20vw;
        height: fit-content;
        margin: 0 10vh 10vh;
        gap: 2vh;
        display: flex;
        flex-direction: column;
    }
    .propuesta_section p{
        font-family: Rubik-regular;
        font-size: 0.9vw;
        line-height: 1.4;
    }

    h2{
        font-family: Rubik-regular;
        font-size: 2.5vw;
    }
    ul li{
        font-family: Rubik-regular;
        font-size: 1vw;
        list-style-type: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .botones_bio{
        max-width: 100vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 0.5vw;
        padding-bottom: 10vh;
    }
    .cuadrado_btn{
        padding: 1.5em 5em;
        border-radius: 5px;
    }
    #integrante_portada_section{
        max-width: 100vw;
        height: 60vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-left: 20vw;
        padding-right: 20vw;
        height: fit-content;
        margin: 5vh;
    }
    #integrante_portada_section h1{
        font-size: 4vw;
        margin-bottom: 2vh;
    }
    #integrante_portada_section p{
        font-size: 2vw;
    }
    .integrante_portada_div{
        max-width: 30vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 5vh;
    }
    .img_persona_integrante{
        background-color: #ffffff;
        height: 47vh;
        width: 20vw;
        border-radius: 20px;
        background-image: url("img/user.avif");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }

    .portada_equipo_seccion_integrante{
        display: flex;
        justify-content: center;
        text-align: center;
        height: fit-content;
    }

    .portada_equipo_seccion_integrante h1{
        margin:0px;
        font-size: 5vw;
    }

    .equipo_section_integrante{
        max-width: 100vw;
        height: fit-content;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        flex-wrap: nowrap;
        padding-left: 20vw;
        padding-right: 20vw;
        gap: 2vw;
        overflow: hidden;
    }

    .integrantes_div{
        /*max-width: 60vw;
        height: fit-content;*/
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 7vh;
        /*padding-left: 20vw;*/
        /*padding-right: 20vw;*/
        gap: 2vw;
        /*overflow: hidden;*/
    }
    .cronograma_section{
        max-width: 100vw;
/*        height: 100vh;*/
        display: flex;
        flex-direction: column;
        justify-content:space-evenly;
        align-items: center;
        overflow: hidden;
        position: relative;
    }
    .cronograma_div{
        width: fit-content;
        height: 300px;
        padding-left: 0vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: hidden;   
    }
    .moving_div_cronogram{
        width: 50vw;
        overflow: hidden;
    }
    .circle{
        height: 25px;
        width: 25px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
    }
    .line{
        height: 1px;
        width: 20vw;
        border: 1px solid #fff;
        position: absolute;
    }
    .first{
      left:0vw;
    }
    .last{
        right: 0vw;
    }
    .fecha_article{
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        width: 18vw;
    }
    .lined_div{
        position: relative;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .calendar_past{
        height: 10vh;
        width: 18vw;
        background-image: url("img/calendar_fill.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .calendar{
        height: 10vh;
        width: 18vw;
        background-image: url("img/calendar_line.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .date{
        padding-top: 0.5em;

        color: rgba(0, 174, 239, 1);

        font-size: 1.5em;

        font-weight: 600;

    }



    #buttonLeft{

        position: absolute;

        top:50%;

        z-index: 3;

        left: 20vw;

        cursor: pointer;

        -webkit-user-select: none; /* Safari */

        -ms-user-select: none; /* IE 10 and IE 11 */

        user-select: none; /* Standard syntax */

    }

    #buttonRight{

        position: absolute;

        top:50%;

        z-index: 3;

        right: 20vw;

        cursor: pointer;

        -webkit-user-select: none; /* Safari */

        -ms-user-select: none; /* IE 10 and IE 11 */

        user-select: none; /* Standard syntax */

    }

    .celeste{
        background-color: rgba(0, 174, 239, 1);
        border:  rgba(0, 174, 239, 1) 1px solid;
    }

}


@media (max-width:1366px) {
  #portada_section{
        /* domingo  descomentar este
        height: 60vh !important;*/
        height: 84vh !important;
        
}

/*//////////////////////////////////////////////////*/



@media (max-width: 1024px){

    @media screen and (orientation: landscape) {

        #portada_section{
            height: 89vh !important;
        }

        .hide_mobile{
            display: none !important;
        }
        .cronograma_div{
          transform: none !important;
        }

        a{
            font-family: Rubik-light;
        }
        nav{
            margin-top: 0vh;
            background-color: #000;
            max-width: 100vw; 
            height: 10vh;
            display: flex;
            flex-direction: row;
            align-items: center;
        } 
        .mobile_nav{
            margin-top: 0vh;
            top: 0%;
            z-index: 2;
            height: 10vh;
            background-color: #000;
            position: fixed;
            max-width: 100vw;
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        .desktop_nav{
            display: none !important;
        }
        .left_oriented{
            display: flex;
            flex-direction: row;
            justify-content: start;
            align-items: center;
            padding-left: 8vw;
            width: 50vw;
        }
        .padding_left{
            margin-left:10vw;
        }
        .right_oriented{

            width: 50vw;

            display: flex;

            flex-direction: row;

            align-items: center;

            justify-content: end;

            margin-right:8vw;
        }

        .icon{
            background-image: url("img/logo.svg");
            height: 6vh;
            width: 6vh;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50%;
        }

        .button{
            padding: 0.6em 1em ; 

            margin: 1em 0.2em;

            border-radius: 10px;

            font-size: 0.8em;
            white-space:nowrap;
        }
        .lined{
            color: #ffffff;
            border: #ffffff solid 1px;
        }
        .celeste_btn{
            background: rgba(0, 174, 239, 1);
            color: #ffffff;
        }
        .rrss_icon{
            height: 4vh;
            width: 4vh;
            margin: 1em 0.2em;
            filter: invert();
            mix-blend-mode: screen;
        }

        .instagram{
            background-image: url("img/instagram.png");
            background-repeat: no-repeat;
            background-size: contain;
        }
        .twitter{
            background-image: url("img/X.png");
            background-repeat: no-repeat;
            background-size: contain;
        }
        .youtube{
            background-image: url("img/youtube.png");
            background-repeat: no-repeat;
            background-size: contain;
        }
        .left_margin{
            margin-left:1.5em;
        }
        .right_margin{
            margin-right:10em;
        }

        #portada_section{
            max-width: 100vw; 
            height: 101vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            background-color: #000;
            /*background-image: url("img/alvaro-new4.jpg");*/
            background-image: url("img/presidente-1000X767.webp");
            background-repeat: no-repeat;
            background-size:cover;
            background-position: 50% 150%;
        }
        .white_txt{
          color: #fff;
        }
        .celeste_txt{
          color: rgba(0, 174, 239, 1);;
                  padding: 10px 0;
        }
        .menu_icon{
            background-color: #000;
            border: none !important;
            color: #fff !important;
            font-size: 1.2em;
        }

        h1{
            margin-top: 10vh;
            font-family: Rubik-medium;
            font-size: 4vw;
            line-height: 1em;
            margin-bottom: 20vh;
            max-width: 80vw;
        }
        .logo_claim{
            background-image: url("img/claim2-01.svg");
            background-repeat: no-repeat;
            background-position: 50%;
            background-size:contain;
            height: 35vh;
            width: 30vh;
        }
        #video_section{
            max-width: 100vw;
/*            height: 200vh;*/
            display: flex;
            justify-content: center;
            align-items: center;
            background: linear-gradient(
                to bottom,
                black 0%,
                black 50%,
                black 50%,
                black 100%
            );
        }
        .vid{
            filter: drop-shadow(5px 5px 10px #000);
            width: 80vw;
            height: 80vw;
            border-radius: 10px;
        }
        .noticias_section{
            height: fit-content;
            background-color: #000;
            max-width: 100vw; 
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        h2{
            margin-top: 5vh;
            font-family: Rubik-medium;
            font-size: 6vw;
            line-height: 1em;
            margin-bottom: 5vh;
        }
        .text_centered{
          text-align: center;
        }
        .desktop_variante{
          display: none !important;
        }
        .mobile_variante{
          display: block;
        }
        .desktop_variante_text{
          display: none !important;
        }
        .mobile_variante_text{
          display: block;
          margin-bottom: 5vh;
        }

        .div_articles{
            width: 93vw;
            height: fit-content;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: center;
            gap: 5vw;
            overflow:auto;
            white-space: nowrap;
            overflow-y: hidden;
        }
        .big_article{
            width: 60vw;
            height: 40vh;
            display: flex;
            flex-direction: row;
            margin-bottom: 3vw;
        }
        .image_article_big{
            height: 40vh;
            width: 50vh;
            border-radius: 40px;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            overflow: hidden;
        }
        
        #conferencia_prensa_img{
          background-image: url("img/2U0A4931.jpg");
        }
        #acto_lanzamiento_img{
          background-image: url("img/fotoActo.jpg");
        }
        #acto_lanzamiento_2_img{
          background-image: url("img/noticia3.jpg");
        }
        .div_text_big{
          padding:2em;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
        }

    

        h3{

            font-family: Rubik-medium;

            font-size: 5vw;

            line-height: 5vw;

            color: #fff;

        }

    

        p{

            

            font-family: Rubik-regular;

            font-size: 2vw;

        }

    

        .href{

            font-family: Rubik-regular;

            font-size: 2vw;

        }

    

        .img_label{

            position: relative;

            top:15px;

            left:20px;

            width: fit-content;

            padding: 0.5em 0.8em;

            color: #fff;

            border-radius: 50px;

            font-size: 0.8em;

            background: rgba(0, 174, 239, 1);

        }

    

        .small_article{
            width: 70vw;
            height: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            white-space: wrap;
            gap:1em;
        }

        .image_article_small{

            height: 50vw;

            width: 50vw;

            border-radius: 20px;

            background-position: 50%;

            background-repeat: no-repeat;

            background-size: cover;

        }

    

        .div_text_big{

            padding:2em;

            display: flex;

            flex-direction: column;

            justify-content: space-evenly;

        }

    

        h4{

            font-family: Rubik-medium;

            font-size: 1.5em;

            line-height: 1em;

            color: #fff;

            white-space:normal;

        }

    

        .small_article p,a{

            font-size: 0.9em;

            white-space:normal;

        }

    

     

        .voluntarios_section{

            background-color: rgb(0, 0, 0);

            max-width: 100vw; 

            height: fit-content;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: start;

            padding-top: 5em;

            gap: 1em;

        }

    

        form{

            height:fit-content;

            width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: space-evenly;

            align-items: center;

            gap: 1em;

        }

    

        .contained{

            width: 100vw;

            overflow:hidden;

        }

    

        .div_voluntario_form{

            height: fit-content;

        }

    

        .input{

            width: 80vw;

            padding: 1em;

            border-radius: 10px;

        }

    

        .lined{

            background-color: rgba(255, 255, 255, 0);

            color: #fff;

            border: #fff solid 1px;

        }

    

        .div_text{

            height: fit-content;

            gap: 2vh;

            width: 80vw;

            display: flex;

            flex-direction: column;

            justify-content: space-around;

        }

    

        .submit {

            width: 20vw; 

            border: none;

        }

    

        footer{

            height: 10vh;

            max-width: 100vw; 

            background-color: #000;

            display: flex;

            flex-direction: row;

            justify-content: center;

            align-items: center;

        }

    

      

       

        .material-symbols-outlined {

            color:rgba(0, 174, 239, 1);

            font-size: 2.5em;

            font-variation-settings:

            'FILL' 1,

            'wght' 400,

            'GRAD' 0,

            'opsz' 24

            }

            

        .plan_section{

            height: fit-content;

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            align-items: center;

            padding: 10vh;

        }

        .planes_div{

            display: flex;

            flex-direction: column;

            gap: 1vh;

            justify-content: space-evenly;

        }

        .plan_imagen_div{

            margin-top: 2vh;

            background-color: aliceblue;

            width: 100vw;

            height: fit-content;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            background-image: url("img/clima.jpg");

            background-repeat: no-repeat;

            background-position: 50%;

            background-size: cover;

        }

        .icon_small{

            width: 5vh;

            height: 5vh;

            margin-right: 2vh;

        }

    

        .hamb_menu{

            position: fixed;

            right: 0px;

            top:10vh;

            width: 100vw;

            height: 90vh;

            background-color:rgba(0, 174, 239, 1);

            display: flex;

            flex-direction: column;

            justify-content: start;

            align-items: end;

            padding-top: 0vh;

            z-index: 99;

            opacity: 1;

            

        }

    

        .div_rrss_mobile{

            padding: 3vh;

            display: flex;

            flex-direction: row;

            justify-content: space-evenly;

            width: fit-content;

            gap: 5vw;

        }

    

        .borderless_btn{

            text-align: end;

            font-size: 2vw;

            padding: 3vh 10vw;

            width: 100vw;

            border-bottom: solid white 0.2px;

        }

    

        .borderless_btn:hover{

            background-color: #fff;

            color: rgba(0, 174, 239, 1);

        }

    

        /*//////////////////////////////////////////////////*/

    

        .portada_equipo_seccion{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            align-items: center;

            text-align: center;

        }

    

        .portada_equipo_seccion h1{

            font-size: 10vw;

        }

    

        .filter_div{

            max-width: 100vw;

            padding-left: 5vw;

            padding-right: 5vw;

            justify-content: center;

            display: flex;

            flex-direction: row;

            flex-wrap: wrap;

        }

        

        .button_selected{

            background-color: rgba(0, 174, 239, 1);

            color: #fff;

            border: none;

        }

    

        .equipo_section{

            max-width: 100vw;

            height: fit-content;

            display: flex;

            justify-content: space-evenly;

            flex-direction: column;

            flex-wrap: wrap;

            padding-top: 10vh;

            padding-left: 20vw;

            padding-right: 20vw;

            gap: 2vw;

        }

        .persona_article{

            width: 60vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            gap: 1vh;

            height: 70vh;

            margin-bottom: 5vh;

        }

    

        .img_persona{

            height: 50vh;

            width: 60vw;

            background-color: black;

            border-radius: 15px;

            background-position: 50%;

            background-size: cover;

            background-repeat: no-repeat;

            background-image: url("img/user.avif");

        }

    

        /*/////////////////////////////////////////////////*/

    

        #bio_portada_section{

            max-width: 100vw; 

            height: 100vh;

            display: flex;

            flex-direction: column;

            justify-content: end;

            align-items: start;

            text-align: center;

            background: 
            linear-gradient(0deg, rgb(0, 0, 0),transparent 80%),
            url("img/mobileV2.jpg");
            background-repeat: no-repeat;
            background-size:cover;
            background-position: 50% 45%;
        }

        #bio_portada_section_noticia{

            max-width: 100vw; 
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: end;
            align-items: start;
            text-align: center;
            background: 
            url("img/delgado-1920x600.png");
            background-repeat: no-repeat;
            background-size:contain;
        }

        .logo_claim_bio{

            background-image: url("img/claim2-01.svg");

            background-repeat: no-repeat;

            background-position: 50%;

            background-size:contain;

            height: 25vh;

            width: 100vw;

            margin-bottom: 20vh;

        }

    

        .bio_section p{

            line-height:2.5vw;

        }

    

        .left_margin_footer{

            padding-left: 5vw;

        }

    

        .bio_section{

            max-width: 100vw;

            padding-left: 1vw;

            padding-right: 1vw;

            height: fit-content;

            margin: 6vh;

            gap: 2vh;

            display: flex;

            flex-direction: column;

        }

    

        h6{

            font-family: Rubik-regular;

            font-size: 4vw;

        }

    

        ul li{

            font-family: Rubik-regular;

            font-size: 2vw;

            line-height:3vw;

        }

    

        .botones_bio{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            gap: 0.5vw;

            padding-bottom: 10vh;

            padding-left:10vw;

            padding-right:10vw;

        }

    

        .cuadrado_btn{

            max-width: 80vw;

            padding: 1em 3em;

            border-radius: 5px;

            text-align: center;

        }

    

        /*/////////////////////////////////////////////////////*/

        #integrante_portada_section{

            max-width: 100vw;

            height: 60vh;

            display: flex;

            flex-direction: row;

            justify-content: center;

            align-items: center;

            padding-left: 20vw;

            padding-right: 20vw;

            height: fit-content;

            margin: 5vh;

        }

    

        #integrante_portada_section h1{

            font-size: 4vw;

            margin-bottom: 2vh;

            display: none;

        }

        #integrante_portada_section p{

            font-size: 2vw;

            display: none;

        }

    

        .integrante_portada_div{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            

        }

    

        .img_persona_integrante{

            background-color: #ffffff;

            height: 60vh;

            width: 100vw;

            background-image: url("img/user.avif");

            background-position: 50%;

            background-repeat: no-repeat;

            background-size: cover;

        }

    

        .portada_equipo_seccion_integrante{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            text-align: center;

        }

    

        .integrantes_div{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

        }

        .desktop_vid{

            display: none !important;

        }

    

        .mobile_vid{

            display: flex;

            justify-content: center;

            align-items: center;

            position: relative;

        }

    

        .vid_btn{

            position: fixed;

            position: absolute;

            z-index: 1;

            background-color:  rgba(0, 174, 239, 1);

            border: none;

            padding: 1em 2em;

            border-radius: 15px;

        }
        .vid_btn span{
            color: #fff;
        }
        .vid_btn:hover{
            background-color:  rgb(119, 208, 240);
        }
        .cronograma_section{
            max-width: 100vw;
            height: fit-content;
            display: flex;
            flex-direction: column;
            justify-content:center;
            align-items: center;
            text-align: center;
            overflow: hidden;
        }
        .cronograma_div{
            margin-left: 7vw;
            width: 93vw;
            height: fit-content;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: left;
            gap: 5vw;
            overflow:auto;
            white-space: nowrap;
            overflow-y: hidden;
        }
        .fecha_article{
            display: flex;
            flex-direction: column;

            justify-content: start;

            align-items: center;

            text-align: center;

            gap: 1em;

            width: 90vw;

            

        }

    

        .lined_div{

            position: relative;

            height: 100px;

            display: flex;

            justify-content: center;

            align-items: center;

        }

        li{

            list-style-type: none;

            font-size: 0.3em;

        }

        .calendar_past{

            height: 35vh;

            width: 30vw;

            background-image: url("img/calendar_fill.png");

            background-repeat: no-repeat;

            background-size: contain;

            background-position: 50%;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

        }

        .calendar{

            height: 35vh;

            width: 30vw;

            background-image: url("img/calendar_line.png");

            background-repeat: no-repeat;

            background-size: contain;

            background-position: 50%;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

           

           

        }

        

        .date{

            padding-top: 1em;

            color: rgba(0, 174, 239, 1);

            font-size: 2em;

            font-weight: 600;

        }

    

        #buttonLeft{

            display: none;

        }

    

        #buttonRight{

            display: none;

        }

        .circle{

            height: 25px;

            width: 25px;

            background-color: #fff;

            border-radius: 50%;

            position: absolute;

        }

    

        .line{

            height: 1px;

            width: 60vw;

            border: 1px solid #fff;

            position: absolute;

        }

    

        .first{

          left:0vw;

        }

        .last{

            right: 0vw;

        }

        .celeste{

            background-color: rgba(0, 174, 239, 1);

            border:  rgba(0, 174, 239, 1) 1px solid;

        }

       

    }

    @media screen and (orientation: portrait){

        .hide_mobile{
            display: none !important;
        }
        .cronograma_div{transform: none !important;}
        a {
          font-family: Rubik-light;
        }
        nav{
            margin-top: 0vh;
            background-color: #000;
            max-width: 100vw; 
            height: 10vh;
            display: flex;
            flex-direction: row;
            align-items: center;
        } 
        .mobile_nav{
            margin-top: 0vh;
            top: 0%;
            z-index: 4;
            height: 10vh;
            background-color: #000;
            position: fixed;
            max-width: 100vw;
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .desktop_nav{
          display: none !important;
        }
        .left_oriented{
            display: flex;
            flex-direction: row;
            justify-content: start;
            align-items: center;
            padding-left: 8vw;
            width: 50vw;
        }
        .padding_left{
          margin-left:10vw;
        }
        .right_oriented{
            width: 50vw;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: end;
            margin-right:8vw;
        }
        .icon{
            background-image: url("img/logo.svg");
            height: 6vh;
            width: 6vh;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50%;
        }
        .button{
            padding: 0.6em 1em ; 
            margin: 1em 0.2em;
            border-radius: 10px;
            font-size: 0.8em;
            white-space:nowrap;
        }
        .lined{
            color: #ffffff;
            border: #ffffff solid 1px;
        }
        .celeste_btn{
          background: rgba(0, 174, 239, 1);
            color: #ffffff;
            font-size: 15px;
            width: 60%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }
        .rrss_icon{
            height: 4vh;
            width: 4vh;
            margin: 1em 0.2em;
            filter: invert();
            mix-blend-mode: screen;
        }
        .instagram{
            background-image: url("img/instagram.png");
            background-repeat: no-repeat;
            background-size: contain;
        }
        .twitter{
            background-image: url("img/X.png");
            background-repeat: no-repeat;
            background-size: contain;
        }
        .youtube{
            background-image: url("img/youtube.png");
            background-repeat: no-repeat;
            background-size: contain;
        }
        .left_margin{
            margin-left:1.5em;
        }
        .right_margin{
            margin-right:10em;
        }
        #portada_section{
            width: 100%;
            height: 640px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            background-color: #000;
            /* background-image: url(img/movil.webp); */
            background-image: url(img/presidente-580X782.webp);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center top;
        }
        .white_txt{
            color: #fff;
        }
        .celeste_txt{
            color: rgba(0, 174, 239, 1);
                    padding: 10px 0;
        }
        .menu_icon{
            background-color: #000;
            border: none !important;
            color: #fff !important;
            font-size: 1.2em;
        }
        h1{
            margin-top: 6vh;
            font-family: Rubik-medium;
            font-size: 12vw;
            line-height: 1em;
            margin-bottom: 20vh;
            max-width: 80vw;
        }

    

        .logo_claim{

            background-image: url("img/claim2-01.svg");

            background-repeat: no-repeat;

            background-position: 50%;

            background-size:contain;

            height: 20vh;

            width: 40vh;

        }

    

        #video_section{

            max-width: 100vw; 

            height: 60vh;

            display: flex;

            justify-content: center;

            align-items: center;

            background: linear-gradient(

                to bottom,

                black 0%,

                black 50%,

                black 50%,

                black 100%

            );

        }

    

        .vid{

           

            filter: drop-shadow(5px 5px 10px #000);

            width: 90vw;

            height: 90vw;

            border-radius: 10px;

        }

    

        .noticias_section{

            height: 80vh;

            background-color: #000;

            max-width: 100vw; 

            display: flex;

            flex-direction: column;

            align-items: center;

            

        }

    

        h2{

            margin-top: 5vh;

            font-family: Rubik-medium;

            font-size: 10vw;

            line-height: 1em;

            margin-bottom: 5vh;

    

        }

    

        .text_centered{

            text-align: center;

        }

    

        .desktop_variante{

            display: none !important;

        }

    

        .mobile_variante{

            display: block;

        }

    

        .desktop_variante_text{

            display: none !important;
        }
        .mobile_variante_text{
            display: block;
            margin-bottom: 5vh;
        }

        .div_articles{
            /*padding-left: 75vw;
            margin-left: 7vw;*/
            width: 93vw;
            height: fit-content;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: center;
            gap: 5vw;
            overflow:auto;
            white-space: nowrap;
            overflow-y: hidden;
        }
        .big_article{
            width: 60vw;
            height: 40vh;
            display: flex;
            flex-direction: row;
            margin-bottom: 3vw;
        }
        #conferencia_prensa_img{
            background-image: url("img/2U0A4931.jpg");
        }

        #acto_lanzamiento_img{
            background-image: url("img/fotoActo.jpg");
        }

        #acto_lanzamiento_2_img{
            background-image: url("img/noticia3.jpg");
        }
        .image_article_big{
            height: 40vh;
            width: 50vh;
            border-radius: 40px;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .div_text_big{
            padding:2em;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
        }
        h3{
            font-family: Rubik-medium;
            font-size: 10vw;
            line-height: 10vw;
            color: #fff;
        }

        p{
            font-family: Rubik-regular;
            font-size: 4vw;
        }
        .href{
            font-family: Rubik-regular;
            font-size: 3.5vw;
        }
        .img_label{
            position: relative;
            top:15px;
            left:20px;
            width: fit-content;
            padding: 0.5em 0.8em;
            color: #fff;
            border-radius: 50px;
            font-size: 0.8em;
            background: rgba(0, 174, 239, 1);
        }
        .small_article{
            width: 70vw;
            height: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            white-space: wrap;
            gap:1em;
        }
        .image_article_small{
            height: 50vw;
            width: 70vw;
            border-radius: 20px;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .image_article_small img{
            width: 100%;
        }
        .div_text_big{
            padding:2em;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
        }
        h4{
            font-family: Rubik-medium;
            font-size: 1.5em;
            line-height: 1.3em;
            color: #fff;
            white-space:normal;
            text-align: center;
        }
        .small_article p,a{
            font-size: 0.9em;
            white-space:normal;
        }
        .voluntarios_section{
            background-color: rgb(0, 0, 0);
            max-width: 100vw; 
            height: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: start;
            padding-top: 5em;
        }
        form{
            height: 60vh;
            width: 100vw;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
        }
        .contained{
            width: 100vw;
            overflow:hidden;
        }
        .div_voluntario_form{
            height: fit-content;
        }
        .input{
            width: 80vw;
            padding: 1em;
            border-radius: 10px;
        }
        .lined{
            background-color: rgba(255, 255, 255, 0);
            color: #fff;
            border: #fff solid 1px;
        }
        .div_text{
            height: fit-content;
            gap: 2vh;
            width: 80vw;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .submit {
            width: 20vw; 
            border: none;
        }
        footer{
            height: 10vh;
            max-width: 100vw; 
            background-color: #000;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
       
        .material-symbols-outlined {
            color:rgba(0, 174, 239, 1);
            font-size: 2.5em;
            font-variation-settings:
            'FILL' 1,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24
            }
        .plan_section{
            height: fit-content;

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            align-items: center;

            padding: 10vh;

        }

        .planes_div{

            display: flex;

            flex-direction: column;

            gap: 1vh;

            justify-content: space-evenly;

        }

        .plan_imagen_div{

            margin-top: 2vh;

            background-color: aliceblue;

            width: 100vw;

            height: fit-content;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            background-image: url("img/clima.jpg");

            background-repeat: no-repeat;

            background-position: 50%;

            background-size: cover;

        }

        .icon_small{

            width: 5vh;

            height: 5vh;

            margin-right: 2vh;

        }

    

        .hamb_menu{

            position: fixed;

            right: 0px;

            top:10vh;

            width: 100vw;

            height: 90vh;

            background-color:rgba(0, 174, 239, 1);

            display: flex;

            flex-direction: column;

            justify-content: start;

            align-items: end;

            padding-top: 0vh;

            z-index: 99;

            opacity: 1;

            

        }

    

        .div_rrss_mobile{

            padding: 3vh;

            display: flex;

            flex-direction: row;

            justify-content: space-evenly;

            width: fit-content;

            gap: 5vw;

        }

    

        .borderless_btn{

            text-align: end;

            font-size: 4.5vw;

            padding: 3vh 10vw;

            width: 100vw;

            border-bottom: solid white 0.2px;

        }

    

        .borderless_btn:hover{

            background-color: #fff;

            color: rgba(0, 174, 239, 1);

        }

    

        /*//////////////////////////////////////////////////*/

    

        .portada_equipo_seccion{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            align-items: center;

            text-align: center;

        }

    

        .portada_equipo_seccion h1{

            font-size: 10vw;

        }

    

        .filter_div{

            max-width: 100vw;

            padding-left: 5vw;

            padding-right: 5vw;

            justify-content: center;

            display: flex;

            flex-direction: row;

            flex-wrap: wrap;

        }

        

        .button_selected{

            background-color: rgba(0, 174, 239, 1);

            color: #fff;

            border: none;

        }

    

        .equipo_section{

            max-width: 100vw;

            height: fit-content;

            display: flex;

            justify-content: space-evenly;

            flex-direction: column;

            flex-wrap: wrap;

            padding-top: 10vh;

            padding-left: 15vw;

            padding-right: 15vw;

            gap: 2vw;

        }

        .persona_article{

            width: 70vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            gap: 1vh;

            height: 70vh;

            margin-bottom: 5vh;

        }

    

        .img_persona{

            height: 50vh;

            width: 70vw;

            background-color: black;

            border-radius: 15px;

            background-position: 50%;

            background-size: cover;

            background-repeat: no-repeat;

            background-image: url("img/user.avif");

        }

    

        /*/////////////////////////////////////////////////*/

    

        #bio_portada_section{

            max-width: 100vw; 

            height: 100vh;

            display: flex;

            flex-direction: column;

            justify-content: end;

            align-items: start;

            text-align: center;

            background: 

            linear-gradient(0deg, rgb(0, 0, 0),transparent 80%),

            url("img/desktopV2.jpg");

           

            background-repeat: no-repeat;

            background-size:270vh;

            background-position: 78% 35%;

            

        }

        #bio_portada_section_noticia{

            max-width: 100vw; 

            height: 100vh;

            display: flex;

            flex-direction: column;

            justify-content: end;

            align-items: start;

            text-align: center;

            background: 

            url("img/Alvaro-presidente.png");

           

            background-repeat: no-repeat;

            background-size:cover;

            background-position: 78% 35%;

            

        }

        .logo_claim_bio{

            background-image: url("img/claim2-01.svg");

            background-repeat: no-repeat;

            background-position: 50%;

            background-size:contain;

            height: 25vh;

            width: 100vw;

            margin-bottom: 20vh;

        }

    

        .bio_section p{

            line-height:7vw;

        }

    

        .left_margin_footer{

            padding-left: 5vw;

        }

    

        .bio_section{

            max-width: 100vw;

            padding-left: 1vw;

            padding-right: 1vw;

            height: fit-content;

            margin: 6vh;

            gap: 2vh;

            display: flex;

            flex-direction: column;

        }

    

        h6{

            font-family: Rubik-regular;

            font-size: 4vw;

        }

    

        ul li{

            font-family: Rubik-regular;

            font-size: 4vw;

            line-height:7vw;

        }

    

        .botones_bio{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            gap: 0.5vw;

            padding-bottom: 10vh;

            padding-left:10vw;

            padding-right:10vw;

        }

    

        .cuadrado_btn{

            max-width: 80vw;

            padding: 1em 3em;

            border-radius: 5px;

            text-align: center;

        }

    

        /*/////////////////////////////////////////////////////*/

        #integrante_portada_section{

            max-width: 100vw;

            height: 60vh;

            display: flex;

            flex-direction: row;

            justify-content: center;

            align-items: center;

            padding-left: 20vw;

            padding-right: 20vw;

            height: fit-content;

            margin: 5vh;

        }

    

        #integrante_portada_section h1{

            font-size: 4vw;

            margin-bottom: 2vh;

            display: none;

        }

        #integrante_portada_section p{

            font-size: 2vw;

            display: none;

        }

    

        .integrante_portada_div{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            

        }

    

        .img_persona_integrante{

            background-color: #ffffff;

            height: 60vh;

            width: 100vw;

            background-image: url("img/user.avif");

            background-position: 50%;

            background-repeat: no-repeat;

            background-size: cover;

        }

    

        .portada_equipo_seccion_integrante{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            text-align: center;

        }

    

        .integrantes_div{

            max-width: 100vw;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

        }

        .desktop_vid{

            display: none !important;

        }

    

        .mobile_vid{

            display: flex;

            justify-content: center;

            align-items: center;

            position: relative;

                width: 100%;

        }

    

        .vid_btn{

            position: fixed;

            position: absolute;

            z-index: 1;

            background-color:  rgba(0, 174, 239, 1);

            border: none;

            padding: 1em 2em;
            border-radius: 15px;
        }
        .vid_btn span{
            color: #fff;
        }
        .vid_btn:hover{
            background-color:  rgb(119, 208, 240);
        }
        .cronograma_section{
            max-width: 100vw;
            height: fit-content;
            display: flex;
            flex-direction: column;
            justify-content:center;
            align-items: center;
            text-align: center;
            overflow: hidden;
        }
        .cronograma_div{
            margin-left: 7vw;
            width: 93vw;
            height: fit-content;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: left;
            gap: 0vw;
            overflow:auto;
            white-space: nowrap;
            overflow-y: hidden;
        }
        .fecha_article{
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: center;
            text-align: center;
            gap: 1em;
            width: 90vw;
        }
        .lined_div{
            position: relative;
            height: 100px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        li{
            list-style-type: none;
            font-size: 0.3em;
        }
        .calendar_past{
            height: 15vh;
            width: 30vw;
            background-image: url("img/calendar_fill.png");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .calendar{
            height: 15vh;
            width: 30vw;
            background-image: url("img/calendar_line.png");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .date{
            padding-top: 1em;
            color: rgba(0, 174, 239, 1);
            font-size: 2em;
            font-weight: 600;
        }
        #buttonLeft{
            display: none;
        }
        #buttonRight{
            display: none;
        }
        .circle{
            height: 25px;
            width: 25px;
            background-color: #fff;
            border-radius: 50%;
            position: absolute;
        }
        .line{
            height: 1px;
            width: 100%;
            border: 1px solid #fff;
            position: absolute;
        }
        .first{
          left:50%;
          width: 50%;
        }
        .last{
            right: 50%;
            width: 50%;
        }
        .celeste{
            background-color: rgba(0, 174, 239, 1);
            border:  rgba(0, 174, 239, 1) 1px solid;
        }
    }
}

.hide{
    display: none !important;
}
.error{
    border: red solid 1px;
}



input {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #000;
    border: 1px solid #fff;
    color: #fff;
    font-family: Rubik-regular;
    padding-left: 15px;
}

::placeholder {
  color: #bcbcbc; /* Color del texto del placeholder */
        font-family: Rubik-regular;
}

textarea#mensaje {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #000;
    border: 1px solid #fff;
    color: #bcbcbc;
    padding-left: 15px;
}
input#archivo {
  border: 0px;
}
form {
  display: block;
}

@media only screen and (min-device-width: 1025px){
.contained {
  width: 40vw;
}}

@media only screen and (min-device-width: 1025px){

form {
    height: 60vh;
    width: 30vw;
    flex-direction: column;
    justify-content: center;
    gap: 2em;
    align-items: end;
}}

@media only screen and (min-device-width: 1025px){

.left_oriented {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
}}

@media only screen and (min-device-width: 1025px){

h3 {
    font-family: Rubik-medium;
    font-size: 2.8vw;
    line-height: 3vw;
    color: #fff;
}}

@media only screen and (min-device-width: 1025px){
p {
    font-family: Rubik-regular;
    font-size: 1.0vw;
}}
.ancho-form2 {
    display: flex;
}
div#voluntarios {
    margin-left: 70px;
}
input[type="submit"] {
    background: rgba(0, 174, 239, 1);
    border: 1px solid rgba(0, 174, 239, 1);
    width: 40%;
        font-family: Rubik-regular;
          border-radius: 5px;
            font-size: 16px;
            padding: 0px;
}

input[type="submit"]:hover {

    background: #fff;
    border: 1px solid #00aeef;
    width: 40%;
        font-family: Rubik-regular;
        color:#00aeef;
          border-radius: 5px;
            font-size: 16px;
            padding: 0px;
}
input.enviar {
        background: rgba(0, 174, 239, 1);
    border: 1px solid rgba(0, 174, 239, 1);
    width: 40%;
        font-family: Rubik-regular;
          border-radius: 5px;
            font-size: 16px;
            padding: 0px;
}

input.enviar:hover {
  background: #fff;
    border: 1px solid #00aeef;
    width: 40%;
        font-family: Rubik-regular;
        color:#00aeef;
          border-radius: 5px;
            font-size: 16px;
            padding: 0px;
}
.boton-custom {
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding: 10px 20px;
  background-color: #fff;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  width: 60%;
    margin-right: 10px;
    text-align: center;
    font-family: Rubik-regular;
}
.boton-custom:hover {
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding: 10px 20px;
  background-color: #fff;
  color: #00aeef!important;
  border: 1px solid rgba(0, 174, 239, 1);
  border-radius: 5px;
  font-size: 16px;
  width: 60%;
    margin-right: 10px;
    text-align: center;
    font-family: Rubik-regular;
}
.boton-custom input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.boton-custom span {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 10px ) and (max-width: 1200px )   {
div#voluntarios {
    margin-left: 0px;
    place-content: center;
}
form {
    width: 80vw;
}
.ancho-form2 {
    display: flex;
    place-content: center;
}
form {
    margin-top:40px;
    text-align: center;
}
}
span.letra-azul-boton {
    color: rgba(0, 174, 239, 1);
}


.h1-linea {
    position: relative;
    font-size: 16px;
        margin-bottom: 25px;
    margin-top: 10px;
    font-weight: 100;
}

.h1-linea::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -15px; 
    width: 100%; 
    height: 1px; 
    background-color: #fff;  */
}

span.texto-azul {
    color: rgba(0, 174, 239, 1);
}

    .button-container {
        text-align: center;
        margin-top: 50px; 
    }
    .download-button {
        display: inline-block;

        padding: 10px 35px;

        background-color: rgba(0, 174, 239, 1);

        color: #fff;

        text-decoration: none;

        border-radius: 5px;

        font-size: 18px;

        transition: background-color 0.3s;

        font-weight: 900;

    }

    .download-button:hover {
        background-color: rgba(0, 174, 239, 1);
    transform: scale(1.1); 
    }

    

    @media only screen and (min-device-width: 1025px){

#bio_portada_section {

    max-width: 100vw;

    height: 65vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    background-color: #000;

    background: linear-gradient(0deg, rgb(0, 0, 0), transparent 40%), url(img/desktopV2.jpg);

    background-position: 120% 30%;

    background-repeat: no-repeat;

    padding-right: 25vw;

}
}