@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;700;800&family=Roboto:wght@300;400;500;700;900&display=swap');
    
    
    :root {
      
      --white: #ffffff;
      --black: #000000;
      --dark-grey: #374649;
      --light-grey: #F7F9FA;
      --blue: #285AFF;
      --dark-blue:#4632FF;
      --light-blue: #D0E7F0;
      --naranja: #F08119;
      --red:#ED0000;
      --yellow: #FFE74F;
      --light-green:#EEFCF8;
      --green:#72EAC5;
      --dark-green:#00884A;
      
      --width-container:92%;
      
    }
    
    * {
      margin: 0;
      box-sizing: border-box;
    }
    
    html{
      scroll-behavior: smooth;
    }
    
    body {
      max-width: 1920px;
      margin: 0 auto;
      box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    }
    
    
    /* CLASES GENERALES */
    
    .container{
      width:var(--width-container)
    }
    
    .bold{
      font-weight: 700;
    }
    
    .width100{
      width: 100%;
    }
    
    
    
    .buttonRed{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      background-color:var(--red);
      color: var(--white);
      text-decoration: none;
      padding:0.75em 2.5em;
      display: inline-block;
      border-radius:2em;
      font-size: 1em;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      text-align: center;
      border:none;
    }
    
    .buttonRed:hover{
      background-color:var(--white);
      color: var(--red);
      cursor: pointer;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }
    
    .button_noBg{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      color: var(--red);
      text-decoration: none;
      display: inline-block;
      font-size: 1em;
      line-height: 22px;
      height:44px;
      text-align: right;
      cursor: pointer;
      padding-bottom:0.25em;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap:0.25em;
    }
    
    .button_noBg:hover .evento__cta__text{
      text-decoration: underline;
    }
    
    .symbol{
      font-size: 14px;
    }
    
    
    
    .buttonIcon{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      background-color:var(--red);
      color: var(--white);
      text-decoration: none;
      padding:0.75em 2.5em;
      border-radius:2em;
      font-size: 1em;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      text-align: center;
      border:0;
      display:flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap:0.5em;
      
    }
    
    
    .buttonIcon:hover{
      background-color:var(--white);
      color: var(--red);
      cursor: pointer;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }
    
    .buttonIcon .icon{
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }
    
    
    .buttonIcon:hover .icon{
      fill:#ED0000
    }
    
    .blue{
      color:var(--blue);
    }
    
    
    /*HEADER  */
    
    .header{
      display: flex;
      justify-content: center;
      align-items: center;
      padding:0.5em 0;
      border-bottom:1px solid var(--light-grey)
    }
    
    .header__container{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap:1em;
    }
    
    
    .header__logo {
      width:116px;
    }
    
    
    
    /* MAIN */
    
    
      .module1{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .module1__container{
      width: 50%;
      /* max-width: 500px; */
      padding:0 5em
    }
    
    .module1__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 3.25em;
      line-height: 1.2;
      background-image: linear-gradient(290deg,#4632FF 1.31%,#009CEA 100%);
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -webkit-text-fill-color: transparent;
      -moz-text-fill-color: transparent;
    }
    
    
    .module1__paragraph{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1.125em;
      color:var(--dark-grey);
      margin-top:1.2em;
    }
    
    .module1__paragraph span{
      font-weight: 700;
    }
    
    .module1__video__container{
      width: 50%;
      height:528px;
      position:relative;
    }
    
    
    .module1__video__container video{
      width: 100%;
      height:528px;
      object-fit: cover;
      
    }
    
    .module1__video__container:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.25) 70%); */
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.52%, rgba(0, 0, 0, 0.7) 100%);
      z-index: 1;
      -webkit-transition:  opacity 0.65s ease;
      -moz-transition:  opacity 0.65s ease;
      -ms-transition:  opacity 0.65s ease;
      -o-transition:  opacity 0.65s ease;
      transition:   opacity 0.65s ease;
      opacity:0;
    }
    
    .module1__video__container:hover:before{
      opacity: 1;
    }
    
    .module1__video__container:hover #player-container #play-pause {
      opacity: 1;
      transition: opacity 0.65s ease;
    }
    
    #player-container #play-pause {
      opacity: 0;
      cursor: pointer;
      text-indent: -999999px;
      height:44px;
      width: 44px;
      z-index: 2;
      background-image: url(https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_play.png);
      background-repeat: no-repeat!important;
      background-position:center;
      background-color: rgba(255, 255, 255, 0.5);
      position:absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 4em;
      transition: opacity 0.65s ease;
    }
    .play {
      background-image: url(https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_play.png);
    }
    .pause {
      background-image: url(https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_pause.png)!important;
    }
    
    
    .module2{
      width: 100%;
      padding:3em 0;
      display: flex;
      justify-content: center;
    }
    
    .module2__container{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
    }
    
    .module2__menu__filters{
      background-color: var(--light-grey);
      width: 100%;
      display: flex;
      flex-direction: column;
      padding:2em 0;
      gap:2em;
      
    }
    
    .module2__menu, .module2__filters{
      width: var(--width-container);
      max-width:1250px;
      margin:0 auto;
    }


    
    .module2__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 2.5em;
      line-height: 1.2;
      background-image: linear-gradient(290deg,#4632FF 1.31%,#009CEA 100%);
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -webkit-text-fill-color: transparent;
      -moz-text-fill-color: transparent;
      text-align: center;
      max-width: 900px;
      padding-bottom: 0.75em;
    }
    
    .module2__menu{
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 1.5em;
    }
    
    .module2__menu__link{
      display: flex;
      align-items: center;
      gap:0.25em;
      
    }
    
    .module2__menu__link:hover{
      cursor:pointer
    }
    
    .module2__menu__link--filter{
      background-color: var(--white);
      border-radius: 0.75em;
      box-shadow: 0px 1px 1px 0px #37464940;
      padding:0.5em;
      
    }
    
    .module2__menu__link:hover .module2__menu__text,  .module2__menu__link:hover svg .color{
      stroke: var(--blue);
      color:var(--blue);
    }
    
    
    .module2__menu__link--filter:hover .module2__menu__text,  .module2__menu__link--filter:hover svg .color{
      fill:var(--blue);
      stroke: none;
    }
    
    .module2__menu__link--filter:hover, .module2__menu__link--filter.active{
      border-bottom:none;  
    }
    
    
    .active{
      border-bottom: 2px solid var(--blue);
      color:var(--blue);
      
    }
    
    .active .module2__menu__text, .active svg .color{
      stroke: var(--blue);
      color:var(--blue);
    }
    
    .module2__menu__link--filter.active .module2__menu__text,  .module2__menu__link--filter.active svg .color{
      stroke:none;
      fill:var(--blue)
    }
    
    .module2__menu__text{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 0.875em;
      color:var(--dark-grey);
    }
    
    .module2__filters{
      display: flex;
      flex-wrap: wrap;
      gap:1em;
      position:relative;
    }

   .delete__filters{
      position:absolute;
      right:0;
      top:-50px;
      max-width:1250px;
    }
   
    .delete__filters span{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 1em;
      line-height: 44px;
      text-decoration: underline;
      color:var(--blue);
      cursor: pointer;
      display: block;
    }
    
    .module2__filters select{
      position: relative;
      font-size: 1em;
      font-family:  "Nunito", sans-serif;
      font-weight: 400;
      color: var(--black);
      border-radius: 0.5em;
      padding: 0.5em 0.75em;
      width: 100%;
      background-image: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_arrow-down.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 98% 50%;
      background-color: var(--white);
      border:1px solid #5D6364;
      max-width: 300px;
      
    }
    
    .module2__filters select option {
      background-color: var(--white);
      
    }
    
    .module2__filters select:focus{
      outline:none;
    }
    
    .module2__filters option:hover{
      cursor: pointer;
      background-color:#ffffff;
      color:var(--blue);
      text-decoration: underline;
    }
    
    
    .module2__experiencias{
      margin:3em 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      gap:1.5em;
      max-width: 1275px;
      user-select: none;
      width: var(--width-container)
    }
    
    .module2__experiencia{
      width: 408px;
      height: auto;
      border-radius: 0.75em;
      box-shadow: 0px 3px 5px 0px #37464933;
      transition:box-shadow .5s ease-out;
      -webkit-transition:  box-shadow .6s ease-out;
      position:relative;
    }
    
    .noDisponible:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255, 255, 0.7);
      z-index: 1;
      border-radius: 0.75em;
    }
    
    
    .module2__experiencia:hover{ 
      box-shadow: 1px 8px 20px 0px #37464933;
      transition:box-shadow .5s ease-in;
      -webkit-transition:  box-shadow .6s ease-in;
    }
    
    .module2__experiencia__img{
      width:408px;
      height:260px;
      position: relative;
    }
    
    .img__evento{
      width: 100%;
      height:100%;
      /*object-fit: cover;*/
      border-top-left-radius: 0.75em;
      border-top-right-radius: 0.75em;
    }
    
    .tag_destacado:before{
      content: "";
      background-image: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/Label.png");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 80px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
    }
    
    .tag_ultimas_plazas:before{
      content: "";
      background-image: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_ultimas_plazas.png");
      background-repeat: no-repeat;
      background-position: 90% 10%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
    }
    
    .tag_sorteo:before{
      content: "";
      background-image: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_sorteo.png");
      background-repeat: no-repeat;
      background-position: 90% 10%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
    }

   
    .tag_cupon_descuento:before{
      content: "";
      background-image: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_cupon_descuento.png");
      background-repeat: no-repeat;
      background-position: 90% 10%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
    }

    .tag_cupon_descuento_50per:before{
      content: "";
      background-image: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/Cupon50.png");
      background-repeat: no-repeat;
      background-position: 90% 10%;
      background-size: 150px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
    }
    
    .tag_proximamente:before{
      content: "";
      background-image: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_proximamente.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-color: rgba(255,255, 255, 0.7);
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
    }
    
    .tag_sorteo_cerrado:before{
      content: "";
      background-image: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_sorteo_cerrado.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-color: rgba(255,255, 255, 0.7);
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
    }
    
    .tag_finalizada:before{
      content: "";
      background-image: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_finalizada.png");
      background-repeat: no-repeat;
      background-position: center center;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
    }
    
    
    .module2__experiencia__contain{
      padding:1.25em 1em 1em 1em;
      display: flex;
      flex-direction: column;
      gap:1em;
    }
    
    .ubicacion__fecha__evento{
      display: flex;
      justify-content: space-between;
      min-height:24px;
    }
    
    .ubicacion__evento, .fecha__evento{
      display:flex;
      align-items: center;
      gap:0.25em;
    }
    
    .ubicacion__icon, .fecha__icon{
      width: 24px;
    }
    
    .ubicacion__text, .fecha__text{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.125em;
      color:var(--blue);
      text-align: center;
    }
    
    .evento__icon{
      width: 32px;
    }
    
    .evento{
      display: flex;
      gap:0.25em;
      align-items: center;
    }
    
    .evento__text{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.25em;
      color:var(--dark-grey);
      
    }
    
    .descripcion__evento{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
    }
    
    .sin__experiencias{
      display:flex;
      flex-direction: column;
      gap:1em;
      align-items: center;
      margin:3em auto;
      width: var(--width-container);
      
    }
    
    .sin__experiencias__title{
      display: flex;
      gap:0.5em;
      align-items: center;
    }
    
    .sin__experiencias__text{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      line-height: 1.2;
      background-image: linear-gradient(290deg,#4632FF 1.31%,#009CEA 100%);
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -webkit-text-fill-color: transparent;
      -moz-text-fill-color: transparent;
      text-align: center;
    }
    
    .sin__experiencias__paragraph{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
      text-align: center;
    }
    
    .module3{
      display: flex;
      justify-content: center;
      background-color: var(--white);
    }
    
    .module3__container{
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: var(--width-container);
      max-width: 1250px;
    }
    
    .module3__picture{
      width: 100%;
      overflow: hidden;
      max-width: 515px;
    }
    
    .module3__img{
      width:100%;
      display: block;
    }
    
    .module3__steps{
      display: flex;
      gap:2em;
    }
    
    
    .module3__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 2.5em;
      line-height: 1.2;
      background-image: linear-gradient(290deg,#4632FF 1.31%,#009CEA 100%);
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -webkit-text-fill-color: transparent;
      -moz-text-fill-color: transparent;
      text-align: left;
      margin:0em 0 0.75em 0;
    }
    
    .module3__contain{
      width: 100%;
      max-width: 630px;
    }
    
    .module3__texts{
      display: flex;
      flex-direction: column;
      gap:1.2em;
      max-width: 512px;
    }
    
    .module3__text{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      color:var(--dark-grey);
      background-color: var(--white);
      border-radius: 1.25em;
      padding:24px;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }
    
    .module3__text a{
      color: var(--blue);
      
    }
    
    .module3__text span{
      font-weight: 700;
    }
    
    
    .module4{
      display: flex;
      justify-content: center;
      padding:3em 0;
      background-color: var(--white);
      
    }
    
    .module4__container{
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: var(--width-container);
      max-width: 1250px;
    }
    
    .module4__picture{
      width: 100%;
      overflow: hidden;
      /* max-width: 515px; */
      border-radius:1.25em;
      position:relative;
    }
    
    .module4__img{
      width:100%;
      display: block;
    }
    
    .module4__contain{
      position:absolute;
      max-width: 467px;
      bottom:1.75em;
      left:1em;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap:1em;
    }
    
    .module4__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 2.5em;
      line-height: 1.2;
      color:var(--white)
    }
    
    .module4__paragraph{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--white);
    }
    
    .module5{
      display: flex;
      justify-content: center;
      padding:3em 0;
      background-color: var(--light-grey);
      
    }
    
    .module5__container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: var(--width-container);
      
      
    }
    
    .module5__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 2.5em;
      line-height: 1.2;
      background-image: linear-gradient(290deg,#4632FF 1.31%,#009CEA 100%);
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -webkit-text-fill-color: transparent;
      -moz-text-fill-color: transparent;
      text-align: center;
    }
    
    .module5__paragraph{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      line-height: 1.2;
      color:var(--dark-grey);
      text-align: center;
      margin-top:0.75em;
    }
    
    .module5__articles__container{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap:1.5em;
      margin-top:4em;
    }
    
    .module5__article{
      position: relative;
      background-color:var(--white);
      border-radius: 1.25em;
      padding:2.25em 1em 2em 1em;
      min-width: 300px;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
      
    }
    
    .module5__article__icon{
      width:96px;
      position:absolute;
      top:-45px
    }
    
    .module5__article__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      background-image: linear-gradient(290deg,#4632FF 1.31%,#009CEA 100%);
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -webkit-text-fill-color: transparent;
      -moz-text-fill-color: transparent;
    }   
    
    
    /* FOOTER */
    
    .footer{
      padding:1.5em 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .footer__container{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .footer__logo{
      width: 134px;
    }
    
    .footer__link__container{
      display: flex;
      gap:1em;
    }
    
    .footer__link, .footer__text, .footer__separator{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 0.875em;
      color:var(--dark-grey);
      text-decoration: none;
    }
    
    .footer__link:hover{
      text-decoration: underline;
    }
    
    .sticky__button{
      display: none;
    }
    
    .modal {
      display: none; 
      position: fixed; 
      z-index: 3; 
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; 
      overflow: auto; 
      backdrop-filter: blur(10px);
      background-color: #214BD71A;
      
    }
    
    
    .modal__content {
      position:relative;
      margin: 10% auto 0 auto; 
      width: 90%;
      max-width: 836px;
      border-radius: 1.25em;
      padding:2em;
      z-index: 9999999;
      background-color: var(--white);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap:1.5em;
    }
    
    .modal iframe{
      width: 100% !important;
      height: 440px;
      margin-top:2.7em;
       
    }
    
    .modal__form{
      width: 100%;
      margin:0 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      
    }

    .form__icon{
      width: 60px;
    }
    
    .form__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      line-height: 1.2;
    color:var(--dark-grey);
      margin: 0.75em 0; 
    }
    
    .form__paragraph{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
      text-align: left;
      width: 100%;
    }
    
    
  
    .form__paragraph a{
      color:var(--red);
      text-decoration: none;
    }
    
    .form__input{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
      border:1px solid #B7CBD3;
      border-radius:0.5em;
      text-align: left;
      width: 100%;
      padding: 0.813em 2.2em 0.813em 0.625em;
      margin-top:0.5em;
      margin-bottom: 1rem;
      max-width: 483px;
      position: relative;
     
    }

    input[type=email]{
     background: url("https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/mgm_fide_mail.png");
      background-size: 32px;
      background-repeat: no-repeat;
      background-position: 98% 50%;
   }
    
    .form__input:invalid{
      outline:var(--red)
    }
    
    .form__checkbox__container{
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      gap:0.5em;
      margin:1.2em 0;
    }
    
    .form__checkbox__text{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 0.875em;
      color:var(--dark-grey);
    }
    
    
    .modal__close,  .modal__close__video{
      position:absolute;
      right:2em;
      top:2em;
      cursor:pointer;
    }
    
     @media (max-width:1400px){
      .module2__experiencias{
        gap:1.25em
      }
     
      .module2__experiencia{
        width: 100%;
        max-width: 343px;
      }
     
      .module2__experiencia__img{
        width:100%;
        max-width: 343px;
        height:196px;
      }
     
   
    }
 
    
    @media (max-width:1250px){

.module1{
        flex-direction: column-reverse;
      }

      
      .module1__title{
        margin-top:0.5em;
      }
      
      .module1__paragraph{
        margin:0.75em 0 1.5em 0;
      }  
      
      .module1__container{
        width: var(--width-container);
        max-width: 750px;
        padding:0
      }

      .module1__video__container{
        width: 750px;
        height:397px
      }
      
      
      .module1__video__container video{
        
        width: 750px;
        height:397px;
        object-fit: cover;
        
      }
      
      .module2__filters select{
        width: calc(50% - 1em);
        max-width: none;
      }
      
       .module2__experiencias{
        justify-content: center;
      }
      
      .ubicacion__text, .fecha__text{
        font-size: 0.875em;
        color:var(--blue);
        text-align: center;
      }
      
      .evento__text{
        font-size: 1em;    
      }
      
      .descripcion__evento{
        font-size: 0.875em;
      }
      
      .button_noBg{
        font-size: 0.875em;
        line-height: 20px;
      }
      
      .module3__container{
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      
      .module3__picture{
        max-width: 630px;
      }
      
      .module3__title{
        text-align: center;
        margin:0 0 0.75em 0;
      }
      
      .footer__container{
        flex-direction: column;
        align-items: center;
        gap:1em;
      }
      
      .footer__link__container{
        flex-wrap: wrap;
        justify-content: center;
        gap:0.4em;
      }
      
      .footer__link, .footer__text, .footer__separator{
        font-size: 0.75em;
      }
    }
    
    
    @media (max-width:1150px){
      
     
      
      .module2__filters{
        justify-content: space-between;
      }
      
      
      .sin__experiencias{
        
        margin:1.5em auto;
      }
      
      
      .module4__contain{
        
        bottom:1.25em;
        
      }
      .module5__articles__container{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap:3.5em;
        margin-top:3em;
      }  
      
    }
    
    
    @media (max-width:700px){
      
      .header__logo {
        width:92px;
      }
      
      .module1__container{
        width: var(--width-container);
      }
      
      .module1__title{
        font-size: 2.2em;
      }
      
      .module2__title, .module3__title, .module5__title{
        font-size: 1.875em;
      }
      
      .module1__container{
        gap:1.75em
      }
      
      .module1__video__container{
        width: 100%;
        height:auto;
      }
      
      .module1__video__container video{
        width: 100%;
        height:auto;
      }
      
      
      .module2, .module5{
        padding:2em 0;
      }
      
      .module2__experiencias{
        margin:1.75em 0;
      }
      
      .module2__menu{
        justify-content: space-between;
      }
      
      .module2__menu__link{
        flex-direction: column;
        
      }
      
      .module2__menu__text{
        font-size: 0.75em;
      }

      .module2__filters{
        margin-top:1.5em
      }
      
      .module2__filters select{
        width: 100%;
        max-width: none;
      }

      
      
      .sin__experiencias__title{
        flex-direction: column;
      }
      
      
      
      .module3__steps{
        gap:1em
      }
      
      .module3__texts{
        gap:2.4em;
      }
      
      .module3__text{
        font-size:1em;
      }
      
      .module4__contain{
        max-width: 295px;
        bottom:1.25em;
        
      }
      
      .module4__title{
        font-size: 1.875em;
      }
      
      .module4__contain .buttonIcon{
        width: 100%;
      }
      
      .module5__paragraph{
        font-size: 1.125em;
      }
      .footer__logo{
        width: 108px;
      }
      
      .modal__content {
        padding:1.25em 1em;
        justify-content: flex-start;
        align-items: flex-start;
        gap:1.5em;
      }
      
      .modal__title{
        font-size: 1em;
        text-align: left;
        padding-right: 3em;
      }
      
      .modal__close,  .modal__close__video{
        top:1em;
        right:1.5em;
      }
      
      .modal iframe{
      width: 100% !important;
      height: 250px;
      margin-top:2.7em;
      
      
    }
      
      
    }
    
    @media (max-width:376px){
      .module3__texts{
        gap:1.65em;
      }
    }