/* @font-face {
	font-family: 'RocGroteskCondensed';
	src: url('../fonts/RocGrotesk/RocGrotesk-CondensedMedium.woff2') format('woff2'); 
	font-weight: 500;
	font-style: normal;
	font-display: swap;
} */

 @font-face {
     font-family: 'Roc Grotesk';
     src: url('../fonts/roc-grotesk/RocGroteskRegular.woff2') format('woff2');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Roc Grotesk';
     src: url('../fonts/roc-grotesk/Kostic-RocGroteskMedium.woff2') format('woff2');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Roc Grotesk Condensed';
     src: url('../fonts/roc-grotesk/RocGroteskCondensedMedium.woff2') format('woff2');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Roc Grotesk';
     src: url('../fonts/roc-grotesk/RocGroteskBold.woff2') format('woff2');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Roc Grotesk';
     src: url('../fonts/roc-grotesk/RocGroteskBlack.woff2') format('woff2');
     font-weight: 800;
     font-style: normal;
     font-display: swap;
 }

 body {
     font-family: 'Roc Grotesk';
 }

 .container {
     max-width: 90%;
 }

 h2,
 .h2 {}

 .logo {
     /* position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 999999;
     background: #fff;
     padding: 1rem; */
     max-width: 60px;
 }

 .navbar-nav {
     gap: 40px;
 }

 .navbar-nav li>a {
     color: var(--azul, #2D376C);
     font-family: "Roc Grotesk Condensed";
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;

     &:hover {
         color: #E50028;
     }
 }

 .nav-link.btn {
     display: flex;
     width: 262px;
     height: 57px;
     padding: 16px 23px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-shrink: 0;

 }

 .nav-link.button {
     padding: 16px 26px !important;
 }

 .button-red {
     background: #E50028;
     border-radius: 20px;

     &:hover {
         background: #2D376C;
     }
 }

 /* Estilos de ejemplo para imitar los colores de fondo y textos, y espaciado */
 .header-top {
     background-color: #f7f7f7;
 }

 .hero-section {
     /* Simular fondo de imagen (reemplazar con la imagen real) */
     background-color: #007bff;
     background-image: url('../image/img-1.webp');
     background-size: cover;
     background-position: center;
     min-height: 835px;
     /* Ajustar altura según necesidad */
     padding: 50px 0 0px 50px;
     color: white;
     position: relative;
     place-content: end;
 }

 .hero-section::before {
     /* Simular capa de color oscuro/azul sobre la imagen si aplica */
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.4);
     /* Ejemplo de un overlay oscuro */
     z-index: 1;
 }

 .hero-content {
     z-index: 2;
     position: relative;
 }

 .wrapper-form {
     border-radius: 40px;
     padding: 32px;
     margin-bottom: 50px;
 }

 .wrapper-form form input[type="text"],
 .wrapper-form form input[type="email"],
 .wrapper-form form input[type="password"],
 .wrapper-form form input[type="number"],
 .wrapper-form form input[type="tel"],
 .wrapper-form form input[type="search"],
 .wrapper-form form select {
     height: 76px;
     border-radius: 15px;
     padding: 14px 30px;
 }

 .form-check {
     margin-left: 15px;
     display: inline-flex;
     align-items: center;
     gap: 15px;
     justify-content: start;
 }

 .form-check-label {
     color: #243370;
     font-family: "Roc Grotesk";
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;

     a {
         color: #243370;
         font-weight: 600;
     }
 }

 /* Placeholder para estados normales */
 .form-control::placeholder {
     color: #2D376C;
     font-size: 14px;
     font-weight: 400;
     opacity: 1;
 }

 /* Placeholder cuando el input está enfocado */
 .form-control:focus::placeholder {
     color: #2D376C;
     font-size: 18px;
     font-weight: 500;
     opacity: 1;
 }

 /* Placeholder para inputs deshabilitados */
 .form-control:disabled::placeholder {
     color: #2D376C;
     opacity: 0.5;
 }

 .form-check-input {
     width: 34px;
     height: 34px;
     border-radius: 15px;
     cursor: pointer;
 }

 .form-check-input:checked {
     background-color: #2D376C;
     border-color: #2D376C;
     ;
 }

 .form-check-input:focus,
 .form-control:focus {
     border: none;
     outline: 0;
     box-shadow: none;
 }

 .wrapper-form .title-form {
     text-align: center;
     font-size: 30px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     color: #2D376C;
     border-bottom: 1px dashed;
     padding-bottom: 30px;
     margin-bottom: 30px
 }

 .btn-red-primary {
     background-color: #E50028;
     color: #fff;
     font-weight: 700;
     border-radius: 15px;
     height: 76px;

     &:hover {
         background-color: #2D376C;
         color: #fff;
     }
 }

 .wraper-info-hero {
     display: grid;
     gap: 62px;
     margin-left: -130px;
     margin-bottom: 70px;

     h1 {
         color: #FFF;
         font-family: "Roc Grotesk";
         font-size: 64px;
         font-style: normal;
         font-weight: 700;
         line-height: 88px;

         span {
             color: #CBF4FB;
             font-size: 82px;

         }
     }
 }

 .wraper-info-hero-top {
     margin-left: 50px;
 }

 .wraper-info-hero-bottom {
     background: #FDCB03;
     border-radius: 0 20px 20px 0;
     width: 530px;
     padding: 32px 32px 32px 100px;
     text-align: right;

     p {
         color: #2D376C;
         font-family: "Roc Grotesk";
         font-size: 25px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;

     }
 }

 .lead-tag {
     border-radius: 20px;
     background: #FDCB03;
     display: inline-flex;
     padding: 10px 25px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     color: #2D376C;
     /* font-family: "Roc Grotesk"; */
     font-size: 25px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: 10px;
     text-transform: uppercase;
 }

 .feature-img-hero {
     z-index: 9;
 }

 .call-to-action-section {
     background-color: #23346E;
     background-image: url('../image/bg-call-to-action.webp');
     min-height: 500px;
     background-size: cover;
     background-position: center;
     padding: 30px 0;
     place-content: center;
 }

 .button-call-to-action {
     text-align: center;
     /* height: 302px; */
     place-content: center;
     padding: 3rem;
     border-radius: 30px;
     outline-offset: 4px;
     cursor: pointer;
 }

 .button-call-to-action a {
     font-family: 'Roc Grotesk Condensed';
     display: inline-block;
     width: 17rem;
     color: #FFF;
     text-align: center;
     font-size: 64px;
     font-style: normal;
     font-weight: 500;
     line-height: 64px;
     text-transform: uppercase;
     text-decoration: none;
 }

 .bg-blue-light {
     background-color: #28A7FC;
 }

 .button-call-to-action.bg-blue-light {
     box-shadow: 0 -15px 0 0 #1868A1 inset;
 }

 .button-call-to-action.bg-yellow {
     box-shadow: 0 -15px 0 0 #A28100 inset;
 }

 .button-call-to-action.bg-red {
     box-shadow: 0 -15px 0 0 #920015 inset;
 }

 .bg-red {
     background-color: #E50028;
 }

 .button-call-to-action.bg-yellow a {
     color: #2D376C;
 }

 .button-call-to-action {
     transform: translateY(0);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }

 .button-call-to-action:hover,
 .button-call-to-action:active {
     transform: translateY(8px);
     box-shadow: none;
 }

 .button-call-to-action:active::after {
     transform: translateY(0);
 }

 .section-choice {
     background-color: #4a5d85;
     color: white;
     padding: 50px 0;
     background-image: url('../image/img-choise.webp');
     min-height: 835px;
     background-size: cover;
     background-position: center;
     place-content: center;
 }

 .section-choice h2 {
     font-family: 'Roc Grotesk Condensed';
     /* font-size: 96px; */
     font-size: clamp(2rem, 5vw, 6rem);
     font-style: normal;
     font-weight: 700;
     line-height: 97px;
     margin-bottom: 50px;
 }

 .wrapper-group-benefits {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
     width: 85%;
 }

 .list-group-benefits {
     padding-left: 0;
 }

 .list-group-benefits li {
     font-family: 'Roc Grotesk Condensed';
     border-radius: 20px;
     border: 2px solid #FDCB03;
     background: #2D376C;
     color: #fff;
     list-style: none;
     padding: 16px 64px;
     /* min-height: 50px;  */
     text-align: center;
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
     line-height: 25px;
     margin-bottom: 30px;
     place-content: center;

     &:hover {
         background: #FDCB03;
         color: #2D376C;
     }
 }

 .section-futura {
     background-color: #4a5d85;
     color: white;
     /* padding: 50px 50px 0px 50px; */
     background-image: url('../image/bg-blue-light.jpg');
     min-height: 835px;
     background-size: cover;
     background-position: center;
     place-content: end;

     figure {
         margin-bottom: 0;
     }
 }

 .section-video {
     background-color: #4a5d85;
     color: white;
     /* padding: 50px 0; */
     background-image: url('../image/bg-video.webp');
     min-height: 835px;
     background-size: cover;
     background-position: center;
     place-content: end;

     h2 {
         font-family: "Roc Grotesk Condensed";
         color: var(--amarillo, #FDCB03);
         font-size: 70px;
         font-style: normal;
         font-weight: 700;
         line-height: normal;

         span {
             color: #FFF;
             font-size: 120px;
         }
     }
 }

 .content-video {
     padding: 75px 0;
 }


 .sede-card {
     border: 4px solid #f8c300;

 }

 .section-sedes {
     color: white;
     padding: 50px 0;
     background-image: url('../image/bg-yellow.webp');
     min-height: 835px;
     background-size: cover;
     background-position: center;
 }

 .btn-yellow {
     background-color: #f8c300;
     border-color: #f8c300;
     color: #212529;
     /* Texto oscuro */
 }

 .btn-red {
     background-color: #dc3545;
     border-color: #dc3545;
     color: white;
 }

 .wrapper-checks-futura {
     width: 500px;
 }

 .card-futura-info {
     background-color: #2d376d;
     margin-bottom: 10px;
     border-radius: 20px;
     font-family: 'Roc Grotesk Condensed';
     min-height: 65px;
     place-content: center;
     padding: 10px 30px;

     &:hover {
         background-color: #f8c300;

         p {
             color: #2d376d;
         }

         svg path {
             fill: #2d376d;
         }
     }

     p {
         display: flex;
         align-items: center;
         gap: 15px;
         color: white;
         font-size: 24px;
         font-style: normal;
         font-weight: 500;
         line-height: 25px;
         margin-bottom: 0;
     }
 }

 .card-futura-info svg {
     width: 30px;
 }


 .wrapper-info-futura {

     h2 {
         color: #FFF;
        font-family: 'Roc Grotesk Condensed';
         font-size: 80px;
         font-weight: 700;
         text-align: left;
         margin-left: 4rem;

         span {
             color: #23346E;
             font-size: 155px;
         }
     }

 }

 .bg-yellow {
     background-color: #FDCB03;
 }



 .card-sede {
     background: #fff;
     border-radius: 30px;
     color: #000;
     font-family: 'Roc Grotesk Condensed';
 }

 .card-sede figure {
     overflow: hidden;
     border-radius: 20px;

     img {
         transform: scale(1.1);
         transition: transform 0.3s ease-in-out;
     }

     &:hover img {
         transform: scale(1.2);
     }
 }

 .card-text-one {

     color: var(--azul, #2D376C);
     text-align: center;
     font-size: 35px;
     font-style: normal;
     font-weight: 500;
     line-height: 30px;
 }


 .card-text-two {
     color: #C4002B;
     text-align: center;
     font-size: 25px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
 }

 .card-text-two.dorado {
     color: #C3802A;
 }

 .card-text-two.azul {
     color: #2D376C;
 }

 .card-text-two.blue-light {
     color: #63A5F9;
 }


 .info-card-sede {
     min-height: 90px;
     padding-top: 15px;
 }


 .section-sedes h2 {
     color: #FFF;

     font-family: "Roc Grotesk Condensed";
     font-size: 90px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;

     span {
         font-size: 150px;
         color: #FDCB03;
         font-style: normal;
         font-weight: 800;
         line-height: 109px;
         font-family: 'Roc Grotesk';
     }
 }

 figure {
     margin-bottom: 0;
 }



 .video-thumbnail {
     position: relative;
     display: inline-flex;
     overflow: hidden;
     border-radius: 50px;
 }

 .video-thumbnail a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     text-decoration: none;
     background: rgba(0, 0, 0, 0.2);
     transition: background 0.3s ease;
 }

 .video-thumbnail a:hover {
     background: rgba(0, 0, 0, 0.4);
 }

 .video-thumbnail a img {
     width: 124px;
     height: 124px;
     transition: transform 0.3s ease;
 }

 .video-thumbnail a:hover img {
     transform: scale(1.1);
 }

 .fancybox__backdrop {
     background: rgb(24 24 27 / 80%);
 }

 .play-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 60px;
     color: white;
     opacity: 0.8;
 }



 @media (min-width: 1300px) {
     .container {
         /* max-width: 1714px; */
         max-width: 90%;
     }
 }

 /* @media (min-width: 1200px) {
    .container {
        max-width: 1230px;
    }
} */


 .floating-form-group {
     position: relative;
     margin-bottom: 1.5rem;
 }

 footer * {
     color: #2D376C;
     font-family: "Roc Grotesk";
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 .links-legals {
     list-style: none;
     gap: 21px;
     padding-left: 0;

     a {
         font-weight: 500;
     }

 }



 @media (1441px <= width <=1680px) {
     .container {
         /* max-width: 95%; */
     }

     .hero-section {
         min-height: 600px;
     }

     .logo { 
         max-width: 60px;
     }

     .navbar-nav li>a {
         font-size: 18px;
     }

      .navbar-nav {
         gap: 30px;
     }

     .nav-link.button {
         padding: 10px 42px !important;
     }



     .wraper-info-hero-top {
         margin-left: 25px;
     }

     .wraper-info-hero {
         gap: 56px;

         h1 {
             font-size: 62px;
             line-height: 64px;

             span {
                 color: #CBF4FB;
                 font-size: 81px;
             }
         }
     }

     .lead-tag {
         font-size: 18px;
     }

     .wraper-info-hero-bottom {
         width: 440px;
         padding: 18px 28px 10px 89px;
     }

     .feature-img-hero img {
         max-width: 90%;
     }

     .wraper-info-hero-bottom {
         p {
             color: #2D376C;
             font-family: "Roc Grotesk";
             font-size: 20px;
             font-style: normal;
             font-weight: 400;
             line-height: normal;

         }

         img {
             max-width: 30%;
         }
     }

     .wrapper-form .title-form {
         font-size: 25px;
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     .wrapper-form form input[type="text"],
     .wrapper-form form input[type="email"],
     .wrapper-form form input[type="password"],
     .wrapper-form form input[type="number"],
     .wrapper-form form input[type="tel"],
     .wrapper-form form input[type="search"],
     .wrapper-form form select {
         height: 50px;
         padding: 12px 20px;
     }

     .btn-red-primary {
         height: 55px;
         font-size: 16px;
     }

     .form-check-label {
         font-size: 14px;
     }

     .form-check-input {
         width: 24px;
         height: 24px;
     }

     .button-call-to-action {
         padding: 2rem;
     }

     .button-call-to-action a {
         width: 14rem;
         font-size: 53px;
         line-height: 61px;
     }

     .button-call-to-action.bg-yellow {
         box-shadow: 0 -10px 0 0 #A28100 inset;
     }

     .button-call-to-action.bg-blue-light {
         box-shadow: 0 -10px 0 0 #1868A1 inset;
     }

     .button-call-to-action.bg-red {
         box-shadow: 0 -10px 0 0 #920015 inset;
     }

     .call-to-action-section {
         min-height:415px;
     }

     .section-choice,
     .section-futura {
         min-height: 600px;
     }

     .section-choice h2 {
         line-height: 90px;
     }

     .wrapper-group-benefits {
         gap: 15px;
         width: 100%;
     }

     .list-group-benefits li {
         padding: 12px 75px;
         min-height: 62px;
         font-size: 22px;
         margin-bottom: 15px;
         line-height: 22px;
     }

     .wrapper-checks-futura {
         margin-bottom: 5rem;
     }

     .card-futura-info {
         width: 80%;

         p {
             font-size: 20px;
         }
     }

     .wrapper-info-futura {
         h2 {
            font-size: 71px;
            margin-left: 5rem;
            line-height: 96px;

             span {
                 font-size: 135px;
             }
         }
     }

     .card-futura-info {
         margin-bottom: 5px;
         min-height: 74px;
         padding: 0px 30px;
     }

     .card-futura-info svg {
        width: 50px;
        height: 44px;
     }

     .section-video {
         min-height: 660px;
     }

     .section-video {
         h2 {
             font-size: 64px;
             line-height: 1;

             span {
                 color: #FFF;
                 font-size: 108px;
             }
         }
     }

     .img-second-video {
         max-width: 60%;
     }

     .video-thumbnail a img {
         width: 80px;
         height: 80px;
     }

     .section-sedes h2 {
         font-size: 70px;

         span {
             font-size: 112px;
             line-height: 106px;
         }
     }

     .info-card-sede {
         min-height: 68px;
         padding-top: 15px;
     }

     .card-text-one {
         font-size: 22px;
         line-height: 18px;
     }

     .card-text-two {
         font-size: 18px;
     }

     footer * {
         font-size: 13px;
     }

     .links-legals {
         gap: 10px;
     }
 }

 @media (1367px <= width <=1440px) {
     .container {
         /* max-width: 95%; */
     }

     .hero-section {
         min-height: 600px;
     }

     .logo { 
         max-width: 60px;
     }

     .navbar-nav li>a {
         font-size: 16px;
     }

     .navbar-nav {
         gap: 20px;
     }

     .nav-link.button {
         padding: 8px 18px !important;
     }



     .wraper-info-hero-top {
         margin-left: 40px;
     }

     .wraper-info-hero {
         gap: 50px;

         h1 {
             font-size: 45px;
             line-height: 54px;

             span {
                 color: #CBF4FB;
                 font-size: 55px;
             }
         }
     }

     .lead-tag {
         font-size: 14px;
     }

     .wraper-info-hero-bottom {
         width: 400px;
         padding: 18px 28px 10px 89px;
     }

     .feature-img-hero img {
         max-width: 90%;
     }

     .wraper-info-hero-bottom {
         p {
             color: #2D376C;
             font-family: "Roc Grotesk";
             font-size: 17px;
             font-style: normal;
             font-weight: 400;
             line-height: normal;

         }

         img {
             max-width: 30%;
         }
     }

     .wrapper-form .title-form {
         font-size: 21px;
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     .wrapper-form form input[type="text"],
     .wrapper-form form input[type="email"],
     .wrapper-form form input[type="password"],
     .wrapper-form form input[type="number"],
     .wrapper-form form input[type="tel"],
     .wrapper-form form input[type="search"],
     .wrapper-form form select {
         height: 50px;
         padding: 12px 20px;
     }

     .btn-red-primary {
         height: 55px;
         font-size: 16px;
     }

     .form-check-label {
         font-size: 14px;
     }

     .form-check-input {
         width: 24px;
         height: 24px;
     }

     .button-call-to-action {
         padding: 2rem;
     }

     .button-call-to-action a {
                 width: 10rem;
        font-size: 38px;
        line-height: 46px;
     }

     .button-call-to-action.bg-yellow {
         box-shadow: 0 -10px 0 0 #A28100 inset;
     }

     .button-call-to-action.bg-blue-light {
         box-shadow: 0 -10px 0 0 #1868A1 inset;
     }

     .button-call-to-action.bg-red {
         box-shadow: 0 -10px 0 0 #920015 inset;
     }

     .call-to-action-section {
         min-height: 330px;
     }

     .section-choice,
     .section-futura {
         min-height: 600px;
     }

     .section-choice h2 {
         line-height: 73px;
     }

     .wrapper-group-benefits {
         gap: 15px;
         width: 100%;
     }

     .list-group-benefits li {
         padding: 12px 75px;
         min-height: 62px;
         font-size: 20px;
         margin-bottom: 15px;
         line-height: 22px;
     }

     .wrapper-checks-futura {
         margin-bottom: 5rem;
     }

     .card-futura-info {
         width: 80%;

         p {
             font-size: 18px;
         }
     }

     .wrapper-info-futura {
         h2 {
             font-size: 59px;
             margin-left: 5rem;

             span {
                 font-size: 110px;
             }
         }
     }

     .card-futura-info {
         margin-bottom: 5px;
         min-height: 65px;
         padding: 0px 30px;
     }

     .card-futura-info svg {
         width: 30px;
         height: 35px;
     }

     .section-video {
         min-height: 660px;
     }

     .section-video {
         h2 {
             font-size: 58px;
             line-height: 1;

             span { 
                 font-size: 98px;
             }
         }
     }

     .img-second-video {
         max-width: 60%;
     }

     .video-thumbnail a img {
         width: 80px;
         height: 80px;
     }

     .section-sedes h2 {
         font-size: 65px;

         span {
             font-size: 103px;
             line-height: 70px;
         }
     }

     .info-card-sede {
         min-height: 68px;
         padding-top: 15px;
     }

     .card-text-one {
         font-size: 22px;
         line-height: 18px;
     }

     .card-text-two {
         font-size: 18px;
     }

     footer * {
         font-size: 13px;
     }

     .links-legals {
         gap: 10px;
     }
 }


 @media (1200px <=width <=1366px) {

     .hero-section {
         min-height: 600px;
     }

     .logo { 
         max-width: 50px;
     }

     .navbar-nav li>a {
         font-size: 16px;
     }

     .navbar-nav {
         gap: 20px;
     }

     .nav-link.button {
         padding: 8px 18px !important;
     }



     .wraper-info-hero-top {
         margin-left: 123px;
     }

     .wraper-info-hero {
         gap: 32px;
         margin-left: -180px;
         margin-bottom: 59px;

         h1 {
             font-size: 45px;
             line-height: 54px;

             span {
                 color: #CBF4FB;
                 font-size: 55px;
             }
         }
     }

     .lead-tag {
         font-size: 14px;
     }

     .wraper-info-hero-bottom {
         width: 410px;
         padding: 19px 16px 10px 143px;
     }

     .feature-img-hero img {
         max-width: 100%;
     }

     .wraper-info-hero-bottom {
         p {
             color: #2D376C;
             font-family: "Roc Grotesk";
             font-size: 18px;
             font-style: normal;
             font-weight: 400;
             line-height: normal;

         }

         img {
             max-width: 30%;
         }
     }

     .wrapper-form .title-form {
         font-size: 18px;
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     .wrapper-form form input[type="text"],
     .wrapper-form form input[type="email"],
     .wrapper-form form input[type="password"],
     .wrapper-form form input[type="number"],
     .wrapper-form form input[type="tel"],
     .wrapper-form form input[type="search"],
     .wrapper-form form select {
         height: 50px;
         padding: 12px 20px;
     }

     .btn-red-primary {
         height: 55px;
         font-size: 16px;
     }

     .form-check-label {
         font-size: 14px;
     }

     .form-check-input {
         width: 24px;
         height: 24px;
     }

     .button-call-to-action {
         padding: 2rem;
     }

     .button-call-to-action a {
         width: 9rem;
         font-size: 30px;
         line-height: 36px;
     }

     .button-call-to-action.bg-yellow {
         box-shadow: 0 -10px 0 0 #A28100 inset;
     }

     .button-call-to-action.bg-blue-light {
         box-shadow: 0 -10px 0 0 #1868A1 inset;
     }

     .button-call-to-action.bg-red {
         box-shadow: 0 -10px 0 0 #920015 inset;
     }

     .call-to-action-section {
         min-height: 330px;
     }

     .section-choice,
     .section-futura {
         min-height: 600px;
     }

     .section-choice h2 {
         line-height: 73px;
     }

     .wrapper-group-benefits {
         gap: 15px;
         width: 100%;
     }

     .list-group-benefits li {
         padding: 10px 70px;
         min-height: 62px;
         font-size: 16px;
         margin-bottom: 15px;
         line-height: 22px;
     }

     .wrapper-checks-futura {
         margin-bottom: 5rem;
     }

     .card-futura-info {
         width: 80%;

         p {
             font-size: 18px;
         }
     }

     .wrapper-info-futura {
         h2 {
             font-size: 45px;
             margin-left: 3rem;

             span {
                 font-size: 85px;
             }
         }
     }

     .card-futura-info {
         margin-bottom: 5px;
         min-height: 65px;
         padding: 0px 30px;
     }

     .card-futura-info svg {
         width: 30px;
         height: 35px;
     }

     .section-video {
         min-height: 660px;
     }

     .section-video {
         h2 {
             font-size: 50px;
             line-height: 1;

             span {
                 color: #FFF;
                 font-size: 82px;
             }
         }
     }

     .img-second-video {
         max-width: 60%;
     }

     .video-thumbnail a img {
         width: 80px;
         height: 80px;
     }

     .section-sedes h2 {
         font-size: 50px;

         span {
             font-size: 80px;
             line-height: 70px;
         }
     }

     .info-card-sede {
         min-height: 68px;
         padding-top: 15px;
     }

     .card-text-one {
         font-size: 22px;
         line-height: 18px;
     }

     .card-text-two {
         font-size: 18px;
     }

     footer * {
         font-size: 13px;
     }

     .links-legals {
         gap: 10px;
     }
 }





 @media (width <=768px) {
     .container {
         max-width: 100%;
     }

     .navbar-nav {
         gap: 20px;
         padding: 40px 0;
     }

     nav.navbar {
         padding: 15px 10px;
     }

     .logo {
         max-width: 40px;
     }

     .hero-section {
         padding: 30px 10px;
     }

     .wraper-info-hero {

         gap: 0;
         margin-left: 0;
         margin-bottom: 0;
     }

     .wrapper-form {
         border-radius: 20px;
     }

     .wraper-info-hero {
         h1 {
             font-size: 40px;
             line-height: 50px;
             text-align: center;

             span {
                 font-size: 50px;
             }
         }
     }

     .feature-img-hero {
         text-align: center;

         img {
             max-width: 60%;
         }
     }

     .lead-tag {
         font-size: 16px;
     }

     .wraper-info-hero-bottom {
         border-radius: 20px;
         width: 100%;
         padding: 20px;
         text-align: center;

         p {
             font-size: 18px;
         }
     }

     .wraper-info-hero-top {
         margin-left: 0;
         text-align: center;
     }

     .wrapper-form .title-form {
         font-size: 20px;
         padding-bottom: 10px;
         margin-bottom: 10px;
     }



     .wrapper-form form input[type="text"],
     .wrapper-form form input[type="email"],
     .wrapper-form form input[type="password"],
     .wrapper-form form input[type="number"],
     .wrapper-form form input[type="tel"],
     .wrapper-form form input[type="search"],
     .wrapper-form form select {
         height: 50px;
     }

     .wrapper-form {
         padding: 20px;
     }

     .form-check-label {
         font-size: 12px;
     }

     .form-check-input {
         width: 24px;
         height: 24px;
     }

     .btn-red-primary {
         height: 55px;
     }


     .call-to-action-section {
         min-height: auto;
     }

     .button-call-to-action {
         padding: 1.5rem;
     }

     .button-call-to-action.bg-blue-light {
         box-shadow: 0 -5px 0 0 #1868A1 inset;
     }

     .button-call-to-action.bg-yellow {
         box-shadow: 0 -5px 0 0 #A28100 inset;
     }

     .button-call-to-action.bg-red {
         box-shadow: 0 -5px 0 0 #920015 inset;
     }



     .button-call-to-action a {

         width: auto;
         font-size: 20px;
         line-height: 20px;
     }

     .wrapper-info-futura {
         h2 {
             font-size: 55px;
         }
     }

     .wrapper-group-benefits {
         grid-template-columns: repeat(1, 1fr);
         gap: 0px;
         width: 100%;
     }

     .list-group-benefits li {
         min-height: 70px;
     }

     .section-choice h2 {
         font-size: 2rem;
         line-height: 40px;
         margin-bottom: 15px;
     }


     .list-group-benefits li {
         font-family: 'Roc Grotesk';
         border: 1px solid #FDCB03;
         padding: 10px 20px;
         font-size: 16px;
         font-weight: 400;
         line-height: 25px;
         margin-bottom: 12px;
     }


     .section-futura,
     .section-choice,
     .section-sedes {
         padding: 20px 0;
         min-height: auto;
     }

     .wrapper-info-futura h2 {

         font-size: 34px;
         line-height: 35px;

     }

     .wrapper-info-futura h2>span {

         font-size: 38px;

     }

     .section-video {
         min-height: auto;
     }

     .section-video {
         h2 {
             font-size: 32px;

             span {
                 color: #FFF;
                 font-size: 38px;
             }
         }
     }

     .content-video {
         padding: 30px 0;
     }

     .video-thumbnail {
         border-radius: 20px;
     }

     .video-thumbnail a img {
         width: 60px;
         height: 60px;
     }

     .section-futura {

         min-height: auto;
         place-content: flex-start;
     }

     .card-futura-info {
         p {
             font-size: 18px;
             padding: 8 16px;
         }
     }
    
     .wrapper-checks-futura {
         padding: 0 20px;
          width: auto;
     }

     .wrapper-checks-futura svg {
         width: 45px;
     }

     .section-sedes h2 {
         font-size: 32px;

         span {
             font-size: 50px;
             line-height: 60px;
         }
     }


     .info-card-sede {
         min-height: 65px;
         padding-top: 5px;
     }

     .card-text-one {
         font-size: 18px;
     }

     .card-text-two {

         font-size: 16px;
     }

 }