@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: 1440px;
      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;
    }
    
    .buttonRed:hover{
      background-color:var(--white);
      color: var(--red);
      cursor: pointer;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }
    
    .buttonWhite{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      background-color:var(--white);
      color: var(--red);
      text-decoration: none;
      padding:0.75em 2.5em;
      display: inline-block;
      border-radius:2em;
      border: 1px solid var(--red);
      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;
    }
    
    .buttonWhite:hover{
      background-color:var(--red);
      color: var(--white);
      cursor: pointer;
      text-decoration: underline;
    }
    
    .buttonIcon{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      background-color:var(--red);
      color: var(--white);
      text-decoration: none;
      padding:0.25em 2.25em 0.25em 1.75em;
      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:0;
      display:flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin:1.5em auto 0 auto;
    }
    
    
    .buttonIcon:hover{
      background-color:var(--white);
      color: var(--red);
      cursor: pointer;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }
    
    .buttonIcon:hover .icon{
      fill:#ED0000
    }
    

    .buttonIconGreen{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      background-color:var(--dark-green);
      color: var(--white);
      text-decoration: none;
      padding:0.25em 1.5em 0.25em 0.75em;
      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:0;
      display:flex;
      justify-content: center;
      align-items: center;
      text-align: center;
     
    }
    
    .buttonIconGreen:hover{
      background-color:var(--white);
      color: var(--red);
      cursor: pointer;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }
    
    .buttonIconGreen:hover .icon{
      fill:#ED0000
    }
    

    .buttonIconGreen--resize, .buttonWhite--resize{
      font-size: 0.875em;
      display: flex;
      align-items: center;
    }

    /*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;
    }
    
    .header__left, .header__right{
      display: flex;
      align-items: center;
      gap:2em
    }
    
    .header__cta{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      background-color:var(--red);
      color: var(--white);
      text-decoration: none;
      padding:0.25em 0.75em 0.25em 0.25em;
      display: inline-block;
      border-radius:2em;
      font-size: 0.875em;
      -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: left;
      
    }

    .header__cta:hover{
      background-color:var(--white);
      color: var(--red);
      cursor: pointer;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }

    .header__cta:hover .icon{
      fill:#ED0000
    }

   
    
    .header__right__logo{
      width: 64px;
    }
    
    .menu {
      display: flex;
      flex-direction: row;
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    
    .menu > li {
      margin: 0 1rem;
      overflow: hidden;
      padding-bottom:0.15em;
    }
    
    .menu li a{
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 0.875em;
      color:var(--dark-grey);
      text-align: center;
      text-decoration: none;
    }
    
    .menu li a:hover{
      border-bottom: 2px solid;
      border-image: linear-gradient(290deg, #009CEA 1.31%,#4632FF 100%) 2;
    }
    
    .menu-button-container {
      display: none;
      height: 100%;
      width: 30px;
      cursor: pointer;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    #menu-toggle {
      display: none;
    }
    
    .menu-button,
    .menu-button::before,
    .menu-button::after {
      display: block;
      background-color: #ED0000;
      position: absolute;
      height: 4px;
      width: 30px;
      transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
      border-radius: 2px;
    }
    
    .menu-button::before {
      content: '';
      margin-top: -8px;
    }
    
    .menu-button::after {
      content: '';
      margin-top: 8px;
    }
    
    #menu-toggle:checked + .menu-button-container .menu-button::before {
      margin-top: 0px;
      transform: rotate(45deg);
    }
    
    #menu-toggle:checked + .menu-button-container .menu-button {
      background: rgba(255, 255, 255, 0);
    }
    
    #menu-toggle:checked + .menu-button-container .menu-button::after {
      margin-top: 0px;
      transform: rotate(-45deg);
    }
    
    /* MAIN */

    .module__call{
      background-color: var(--light-blue);
      display: flex;
      justify-content: center;
      align-items: center;
      padding:0.5em 0;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 1em;
      color:var(--dark-grey);
      text-align: center;
    }

    .module__call img{
      width:32px;
    }
    
    .module1{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .module1__container{
      width: 42%;
      margin:0 auto;
    }
    
    .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__subtitle{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--red);
      margin-bottom:0.5em;
    }
    
    .module1__paragraph{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.125em;
      color:var(--dark-grey);
      margin:0.5em 0 1.5em 0;
    }
    
    .module1__picture{
      width: 100%;
      overflow: hidden;
      max-width: 610px;
    }
    
    .module1__img{
      width:100%;
      display: block;
    }
    
    
    
    .module2{
      width: 100%;
      padding:4em 0;
      display: flex;
      justify-content: center;
    }
    
    .module2__container{
      max-width: 1050px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    
    .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;
      margin-bottom:0.25em;
    }
    
    
    .module2__articles__container{
      margin-top: 2em;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      gap:2em;
      
      
    }
    
    .module2__article{
      position: relative;
      width:100%;
      max-width: 410px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: linear-gradient(white, white) padding-box,
      linear-gradient(to right, #FF6E00, #FF0000, #6859A3, #00ABE7, #A2C73B, #FFD500) border-box;
      border-radius: 1.25em;
      border: 1px solid transparent; 
      padding:2em 1em;
    }
    
    .module2__bestRate{
      position: absolute;
      top:-1.125em;
      display: flex;
      justify-content: center;
      gap:0.5em;
      padding:0.25em 0.75em;
      align-items: center;
      border-radius: 3em;
      background-color:var(--yellow)
    }

    .module2__bestRate__icon img{
      width: 24px;
    }

    
    .module2__bestRate__text{
      color:var(--dark-grey);
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1em;
    }
    
    
    .module2__article__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1.875em;
      line-height: 1.2;
      color:var(--blue);
      text-align: center;
      margin:0.2em 0 ;
    }
    
    .module2__article__paragraph{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
      text-align: center;
      margin-bottom:1em;
    }
    
    .module2__article__subtitle{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      line-height: 1.2;
      color:var(--dark-grey);
      text-align: center;
      margin-bottom:0.5em;
      
    }
    
    .module2__article__prize{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1.875em;
      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;
    }
    
    
    
    .module2__article__offert{
      display: flex;
      gap:0.5em;
      align-items: center;
    }
    
    .module2__article__offert .module2__article__subtitle{
      margin-bottom:0;
    }
    
    
    .module2__article__resume{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 0.875em;
      margin:1em 0 1.5em 0;
      color:var(--red);
      cursor:pointer;
      display:flex;
      align-items: center;
      gap:0.5em;
      width: 100%;
    }
    
    .module2__article__resume::before,   .module2__article__resume::after {
      color:white;
      content:'';
      flex:1;
      border-bottom:1px solid #CDD0D0;
      margin: auto 0.25rem;
      box-shadow: 0 -2px ;
    }
    .module2__article__details{
      display:none;
      padding:0 1em 1em 1em;
    }
    
    .module2__article.active .module2__article__details{
      display:block;
    }
    
    .module2__article.active .module2__article__resume span.arrow {
      transform: rotate(0.50turn);
      display: inline-block;
      
    }
    
    
    .module2__article__prize__tooltip{
      display:flex;
      align-items: flex-start;
      gap:0.5em;
      margin-bottom:1em;
    }
    
    .tooltip{
      
      position:relative;
      cursor:pointer;
      color: var(--dark-grey);
    }
    
    .tooltip:hover .tooltip__details {
      display: block;
    }
    
    .tooltip__img{
      width: 12px;
    }
    
    .tooltip__details {
      display: none;
      background-color: var(--white);
      border-radius: 1.25em;
      color: var(--dark-grey) !important;
      padding: 16px 8px;
      position: absolute;
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 16px;
      top:-6.5em;
      left:-6.5em;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
      width:214px;
      z-index:1;
    }

    .module2__picture{
      width: 100%;
      overflow: hidden;
      max-width: 514px;
    }
    
    .module3{
      display: flex;
      justify-content: center;
    }
    
    .module3__container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: var(--width-container);
      max-width: 900px;
      
    }
    
    .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;
      margin-top:0.25em ;
      text-align: center;
    }
    
    .module3__image{
      width:128px;
      margin-top:1.5em;
    }
    
    .module3__paragraph{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
      margin:1.5em 0;
      text-align: center;
    }
    .module3__picture{
      width: 100%;
      overflow: hidden;
      max-width: 652px;
    }
    
    .module3__img{
      width:100%;
      display: block;
    }
    
    .module3__steps__container{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-bottom:2em
    }
    
    .module3__steps{
      display: flex;
      justify-content: space-between;
      width: 100%;
      
    }
    
    .module3__step{
      max-width: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    
    .module3__icon{
      width: 65px;
    }
    
    .module3__description{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      color:var(--blue);
      text-align: center;
    }
    
    .module__consultant{
      border-radius: 1.25em;
      background-color: #FEEDED;
      display: flex;
      justify-content: space-between;
      padding:1em 1.25em ;
      align-items: center;
      gap:1em;
      width: var(--width-container);
      max-width: 1050px;
      margin:2em auto 0 auto;
    
    }

    .module__consultant__texts{
      display: flex;
      align-items: center;
      gap:1em;
    }
    
    .module__consultant__icon{
      width: 40px;
    }
    
    .module__consultant__text{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
    }

    .module__consultant__number{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 0.875em;
      color:var(--red);
      text-decoration: none;
    }

    
    .module4{
      display: flex;
      justify-content: center;
      padding:4em 0;
      
    }
    
    .module4__container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: var(--width-container);
      max-width: 620px;
      
    }
    
    .module4__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;
      margin-top:0.25em ;
      text-align: center;
    }
    
    .module4__articles__container{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap:1em;
      margin-top:3.5em;
    }
    
    .module4__article{
      position: relative;
      background-color:var(--light-grey);
      border-radius: 1.25em;
      padding:2.75em 1.5em 1.5em 1.5em;
      max-width: 300px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap:0.65em;
      margin-bottom:2em;
      
    }
    
    .module4__article__icon{
      width:64px;
      position:absolute;
      top:-32px
    }
    
    .module4__article__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      color: var(--dark-grey);
    }
    
    .module4__article__paragraph{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color: var(--dark-grey);
      text-align: center;
      justify-content: center;
    }
    
    .module5{
      display: flex;
      justify-content: center;
    }
    
    
    .module5__container{
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: var(--width-container);
      max-width: 1050px;
      border-radius:1.25em;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }
    
    
    .module5__texts{
      width: 100%;
      max-width: 435px;
      padding-right: 3em;
    }
    
    
    
    .module5__subtitle{
      display: flex;
      justify-content: center;
      gap:0.5em;
      padding:0.25em 0 0.15em 0;
      align-items: center;
      max-width: 135px;
      background: linear-gradient(white, white) padding-box,
      linear-gradient(to right, #009CEA, #4632FF) border-box;
      border-radius: 50em;
      border: 1px solid transparent; 
    }
    
    .module5__subtitle__icon img{
      width:24px
    }
    
    .module5__subtitle__text{
      color:var(--blue);
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
    }
    
    
    
    .module5__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1.875em;
      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;
      margin-top:0.25em ;
    }
    
    .module5__paragraph{
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
      margin:0.75em 0 1.2em 0;
    }
    
    .module5__picture{
      width: 100%;
      overflow: hidden;
      max-width: 502px;
    }
    
    .module5__img{
      width:100%;
      display: block;
    }
    
    .module5__prize__text{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      line-height: 1.2;
      color: var(--dark-grey);
      margin-bottom: 0.25em;
    }
    
    .module5__prize__number{
      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;
      margin-bottom:1em
    }
    
    .module6{
      width: 100%;
      display: flex;
      justify-content: center;
      padding:4em 0;
    }
    
    .module6__container{
      max-width: 1050px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    
    .module6__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;
    }
    
    
    .module6__articles__container{
      margin-top: 2em;
      display: flex;
      justify-content: center;
      gap:1em;
      flex-wrap: wrap;
      width: 100%;
      
    }
    
    .module6__article{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-radius: 1.25em;
      border: 1px solid transparent; 
      padding: 1em;
      max-width: 330px;
      width: 100%;
      box-shadow: 0px 6px 16px 0px rgba(55, 70, 73, 0.1);
    }
    
    
    .module6__article__number{
      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;
      text-align: center;
    }
    
    
    .module6__article__text{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      color:var(--dark-grey);
      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;
    }
    

    .module__apps{
      display: flex;
      justify-content: center;
      padding-top:4em;
    }
    
    
    .module__apps__container{
      position:relative;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: var(--width-container);
      max-width: 1050px;
      border-radius:1.25em;
      background: linear-gradient(white, white) padding-box,
      linear-gradient(to right, #FF6E00, #FF0000, #6859A3, #00ABE7, #A2C73B, #FFD500) border-box;
      border-radius: 1.25em;
      border: 3px solid transparent; 
      padding:2em;
    }

    .module__apps__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.875em;
      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;
      width: var(--width-container);
      max-width:525px;
      margin-bottom:0.5em
    }

    .module__apps__img{
      position:absolute;
      bottom:0;
      right:0;
    }
    
    .module__apps__ctas{
      display: flex;
      gap:0.5em;
    }
   
    .module__apps__ctas a img{
width: 101px;
    }
    
    .moduleSticky{
      width: 100%;
      background-color: var(--white);
      position:fixed;
      bottom:0;
      padding:1em 0;
      display: flex;
      justify-content: center;
      max-width: 1440px;
      z-index: 2;
      border-top: 1px solid;
      border-image: linear-gradient(to right, #FF6E00, #FF0000, #6859A3, #00ABE7, #A2C73B, #FFD500) 1;
    }
    
    .moduleSticky__container{
      display: flex;
      justify-content: center;
      align-items: center;
      gap:1.5em
    }
    
    .moduleSticky__text{
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 1.375em;
      color:var(--dark-grey);
      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;
    }

    .moduleSticky__ctas{
      display:flex;
      gap:1em
    }

    
    .faq{
      padding:4em 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    
    .faq__container{
      display: flex;
      align-items: center;
      justify-content: center;
      gap:1em;
      flex-direction: column;
    }
    
    .faq__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;
      margin-bottom:0.275em;
    }
    
    .faq__article{
      position: relative;
      max-width: 1050px;
      background-color:var(--light-grey);
      border-radius: 1.25em;
      width: 100%;
      cursor: pointer;
    }
    .faq__resume{
      padding:1em 2.5em 1em 1em;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 1.125em;
      color:var(--dark-grey);
      
    }
    .faq__article::after {
      content: ""; 
      position: absolute;
      top: 8px;
      right: 5px;
      width: 44px;
      height: 45px;
      background-image: url(https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/icon_plus.png);
      pointer-events: none;   
    }
    .faq__details{
      display:none;
      padding:0 1em 1em 1em;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1em;
      color:var(--dark-grey);
      cursor: auto;
    }
    
    .faq__details a{
      color:var(--dark-grey);
    }
    
    .faq__article.active .faq__details{
      display:block;
    }
    .faq__article.active::after{
      content: ""; 
      position: absolute;
      top: 8px;
      right: 5px;
      width: 45px;
      height: 45px;
      background-image: url(https://image.info.totalenergies.es/lib/fe3a117170640475771470/m/1/icon_minus.png);
      pointer-events: none;
    }
    
    /* FOOTER */
    
    .footer{
      padding:1em 0 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: 406px;
      background: linear-gradient(white, white) padding-box,
      linear-gradient(to right, #FF6E00, #FF0000, #6859A3, #00ABE7, #A2C73B, #FFD500) border-box;
      border-radius: 1.25em;
      border: 1px solid transparent; 
      padding:2em 0.5em;
      z-index: 9999999;
    }
    
    .modal__form{
      width: 80%;
      margin:0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      
    }
    
    .form__title{
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 1.875em;
      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;
      margin: 0.25em 0 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--center{
      font-size: 0.75em;
      font-weight: 500;
      width: 90%;
      margin:0 auto;
    }
    
    .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 0.625em;
      margin:0.5em 0 1.2em 0;
    }
    
    .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.75em;
      color:var(--dark-grey);
    }
    
    
    .form__close {
      color: var(--red);
      right:20px;
      top:10px;
      font-size: 40px;
      font-weight: bold;
      position:absolute;
    }
    
    .form__close:hover,
    .form__close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }
    
    
    @media (max-width:1150px){
      
      .module1{
        flex-direction: column-reverse;
      }
      
      .module1__subtitle{
        margin-top:1.5em;
      }
      
      .module1__picture{
        max-width: 750px;
      }
      
      .module1__container{
        width: var(--width-container);
        max-width: 750px;
      }
      
      .module2__articles__container{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        margin-top:1em;
        gap:3em
      }


      .module2__picture{
        width: 100%;
        display: flex;
        justify-content: center;
        max-width: none;
      }
      
      .module2__picture img{
        width: 100%;
        max-width: 687px;
      }
      
      .module3__picture{
        width: 100%;
        overflow: hidden;
        max-width: 64px;
      }
      
  
      
       
      .module3__steps__container{
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        gap:1em
      }
      
      .module3__steps{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: auto; 
        gap:3.5em;
      }
      
      .module3__step{
        max-width: 240px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
      }
      
      .module3__description{
        text-align: left;
      }

      .module__consultant{
        flex-direction: column;
      }

      
      .module5__container{
        flex-direction: column
      }
      
      .module5__container{
        width: var(--width-container);
        max-width: 686px;
      }
      
      .module5__texts{
        max-width: 686px;
        padding:2em 0;
        width: var(--width-container);
      }
      
      .module5__picture{
        max-width: 686px;
      }

      .module__apps{
        padding-top: 0;
      }
      
      .module__apps__container{
        flex-direction: column;
        gap:2em;
        padding:2em 2em 0 2em;
      }
     
      .module__apps__img{
        position: static;
      }

      
      
      .footer{
        padding:1em 0 8.5em 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;
      }
      
      .moduleSticky__container{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:1em
      }
      
      
    }
    
    
    @media (max-width:700px){

      .header__logo {
      width:92px;
    }
      
    .header__container{
      gap:0.5em;
    }

      .menu-button-container {
        display: flex;
        
      }
      .menu {
        position: absolute;
        top: 0;
        margin-top: 94px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
      }
      #menu-toggle ~ .menu li {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      }
      #menu-toggle:checked ~ .menu li {
        border-top:1px solid var(--light-grey);
        height: 3.5em;
        padding: 1.2em;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      }
      .menu > li {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0.5em 0;
        width: 100%;
        background-color: var(--white);
      }
      .menu li:last-child{
        border-bottom: 1px solid var(--light-grey) !important; 
      }

      .header__left{
        flex-direction: row-reverse;
        gap:0.5em
      }
      
      .header__right__logo{
        display: none;
      }
      
      .module1__container{
        width: var(--width-container);
      }
      
      
      .module1__title, .module2__title, .module3__title, .module4__title, .module6__title, .faq__title{
        font-size: 1.875em;
      }
      
      .module1__container{
        gap:1.75em
      }
      
      .module1__counter__container{
        gap:1em;
        padding:1.5em 1em 2em 1em;
      }
      
      .module1__counter{
        gap:0.5em
      }
      
      .module1__counter__title{
        font-size: 1.375em;
        font-weight: 700;
      }
      
      .module1__counter__text{
        font-size: 0.75em;
      }
      .module1__counter__numbers, .module1__counter__separator{
        font-size: 2.5em;
      }
      
      .module2, .module4, .faq{
        padding:2em 0;
      }

 

      .module__consultant{
        align-items: self-end;
      }

      
      .module6{
        padding:2em 0
      }

      .module__apps__container{
        width: 90%;
        padding:2em 0 0 0 ;
      }

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


      .module__apps__title{
        text-align: center;

      }
      .module__apps__img{
        max-width: var(--width-container);
      }
      
    
      /* .footer{
        padding:1em 0 4.25em 0;
      } */
      
      .footer__logo{
        width: 108px;
      }
      
 
      .modal__form{
        width: 90%;
      }
      
    }

    @media (max-width:500px){

   
    .module2__article__prize{
      font-size: 1.375em;
      font-weight: 700;
    }

  }
    @media (max-width:350px){
      
      .header__container, .header__left{
        gap:0.35em;
      }
      
      .module2__article__offert{
        flex-direction: column;
      }

      .module2__article__subtitle{
        font-size: 1.125em;  
      }
      
      .module2__article__prize{
        font-weight: 700;
        font-size: 1.375em;
      }
      
      .module3__steps{ 
        gap:1.5em;
      }
      
    }