@font-face {
            font-family: 'Futura PT';
            src: url('/files/FuturaPT-Medium.woff2') format('woff2');
            font-weight: 400;
            font-style: normal;
        }

        ::-webkit-scrollbar {
            width: 40px;
            /* Ancho de la barra */
            border-radius: 50px;
        }

        ::-webkit-scrollbar-track {
            background: #e5fbff;
            /* Color de fondo de la barra */
            border-radius: 50px;
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(to bottom, #003682, #002E6E);
            /* Color del scroll */
            border-radius: 50px;
            transition: background 0.3s ease-in-out;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, #004aad, #003682);
            /* Efecto hover */
        }

        * {
            font-family: 'Futura PT', sans-serif;
            ;
            scrollbar-width: thin;
            scrollbar-color: #003682 #e5fbff;
        }

        body {
            margin: 0;
            font-family: 'Futura PT', sans-serif;
            ;
            background-color: #003682;
            color: white;

            padding-top: 80px;
        }

        header {
            display: flex;
            justify-content: space-around;
            align-items: center;
            position: fixed;
            /* Hace que el header permanezca fijo */
            top: 0;
            /* Lo fija en la parte superior */
            left: 0;
            width: 100%;
            /* Asegura que ocupe todo el ancho */
            background-color: #003682;
            /* Color de fondo */
            z-index: 99999;
            /* Asegura que esté por encima de otros elementos */


        }

        .logo img {
            height: 100px;
        }

        nav ul {
            list-style: none;
            display: flex;
            gap: 20px;
            padding: 0;
        }

        nav ul li {
            display: inline;
        }

        nav ul li a {
            text-decoration: none;
            color: white;
            padding: 10px 15px;
            font-size: 18px;
            font-weight: bold;
            transition: background 0.3s, color 0.3s, transform 0.2s;
            border-radius: 8px;
        }

        nav ul li a:hover {
            background-color: #C9F993;
            color: #003682;
            transform: scale(1.1);
        }

        .menu-toggle {
            display: none;
            cursor: pointer;
            color: white;
            font-size: 28px;
            margin-right: 20px;
            transition: transform 0.3s;
        }

        .menu-toggle.active {
            transform: rotate(90deg);
        }

        .mobile-menu {
            display: none;
            flex-direction: column;
            position: absolute;
            top: 70px;
            left: 0;
            width: 100%;
            background-color: #003682;
            text-align: center;
            padding: 10px 0;
            transition: all 0.3s ease-in-out;
            opacity: 0;
        }

        .mobile-menu.active {
            display: flex;
            opacity: 1;
        }

        .mobile-menu li {
            padding: 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
            transition: background 0.3s, transform 0.2s;
        }

        .mobile-menu li:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: scale(1.05);
        }

        .hero {
            display: flex;
            align-items: center;
            justify-content: space-around;
            text-align: left;
            padding: 85px;
            flex-direction: row;
            background: #003682;
            overflow: hidden;

        }

        .hero-text {
            max-width: 50%;
            z-index: 9999;
        }

        .hero-text h1 {
            font-size: 2.5em;
        }

        .hero img {
            max-width: 35%;
            height: auto;

        }

        .btn-inscripcion {
            display: inline-block;
            padding: 15px 25px;
            background-color: #C9F993;
            color: #003682;
            text-decoration: none;
            font-weight: bold;
            border-radius: 20px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
            transition: background-color 0.3s, transform 0.3s;
            z-index: 9999;
        }

        .btn-inscripcion:hover {
            background-color: #C9F993;
            color: #003682;
            transform: scale(1.1);
        }

        .wave {
            visibility: hidden;
        }

        @media (max-width: 768px) {
            .hero {
                flex-direction: column;
                text-align: center;
                padding: 0px;
            }

            .hero img {
                max-width: 100%;
                margin: 0 auto 0px auto;
                order: -1;
            }

            .hero-text {
                max-width: 90%;
            }

            .hero-text h1 {
                font-size: 2em;
            }

            .menu-toggle {
                display: none;
                position: absolute;
                top: 20px;
                right: 20px;

            }

            nav ul {
                display: none;
            }

            .logo img {
                padding-left: 3rem;
                height: 80px;
            }

            .btn-inscripcion {
                margin-bottom: 70px;
            }

            .wave {
                visibility: hidden;
            }
        }

        /*WAVE INICIO*/


        .wave {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 240px;
            left: 0;
            background-image: url(../img/wd1.svg);
            background-position: bottom;
        }


        .aprendizaje {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 180px 5%;
            color: #003682;
            border-radius: 0px;
            margin-bottom: -100px;
        }

        .contenido {
            flex: 1;
            max-width: 70%;
            text-align: center;
        }

        .contenido h1 {
            font-size: 3em;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .resaltado {
            background-color: #C9F993;
            padding: 5px 15px;
            border-radius: 10px;
        }

        .destacado {
            color: #FF8674;
            font-size: 2.5em;
            margin-bottom: 20px;
        }

        .imagen-aprendizaje {
            max-width: 90%;
            margin-top: 20px;
            border-radius: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .beneficios {
            flex: 1;
            max-width: 50%;
            padding-left: 5%;
        }

        .beneficio {
            background: white;
            padding: 20px;
            margin-bottom: 20px;
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s;
            font-size: large;
        }

        .beneficio:hover {
            transform: translateY(-5px);
        }

        .icono-beneficio {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            vertical-align: middle;
        }

        .enfasis {
            color: #003682;
            font-weight: bold;
        }

        @media (max-width: 992px) {
            .aprendizaje {
                flex-direction: column;
                text-align: center;
                padding: 40px 5%;
            }

            .contenido,
            .beneficios {
                max-width: 100%;
                padding: 0;
            }

            .beneficios {
                margin-top: 30px;
            }
        }

        .cursos {
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 50px 5%;
            text-align: center;
            border-radius: 0px;

            transition: all 0.3s ease-in-out;
        }

        .titulo-cursos {
            font-size: 4em;
            font-weight: bold;
            color: #FF8674;
            margin-bottom: 50px;
            transition: color 0.3s ease-in-out;
        }

        .contenedor-cursos {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            transition: transform 0.3s ease-in-out;
        }

        .curso {
            background: linear-gradient(to bottom, #003682, #002E6E);
            color: white;
            border-radius: 15px;
            padding: 20px;
            max-width: 300px;
            text-align: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .curso:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
        }

        .curso-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 10px;
            transition: transform 0.3s ease-in-out;
        }

        .curso:hover .curso-img {
            transform: scale(1.05);
        }

        .curso h2 {
            font-size: 1.5em;
            margin: 15px 0;
            color: #C9F993;
            transition: color 0.3s ease-in-out;
        }

        .curso:hover h2 {
            color: #C9F993;
        }

        .curso p {
            font-size: 1.1em;
            margin-bottom: auto;
            transition: opacity 0.3s ease-in-out;
        }

        .btn-info {
            display: inline-block;
            padding: 10px 15px;
            background-color: #C9F993;
            color: #003682;
            text-decoration: none;
            font-weight: bold;
            border-radius: 10px;
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
            margin-top: 20px;
        }

        .btn-info:hover {
            background-color: #C9F993;
            transform: scale(1.1);
        }

        @media (max-width: 992px) {
            .contenedor-cursos {
                flex-direction: column;
                align-items: center;
            }
        }

        .inscripcion {
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 60px 5%;
            text-align: center;
            border-radius: 0px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
            animation: fadeIn 1.5s ease-in-out;
        }

        .inscripcion-logo img {
            width: 300px;
            margin-bottom: 10px;
            animation: bounceIn 1.5s ease-in-out;
        }

        .inscripcion-text {
            margin-bottom: 30px;
        }

        .inscripcion-text h1 {
            color: #FF8674;
            font-size: 2.8em;
            font-weight: bold;
            margin-bottom: 0;
            animation: slideDown 1.5s ease-in-out;
        }

        .inscripcion-container {
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 1000px;
            width: 100%;
        }

        .inscripcion-content {
            background: rgba(255, 255, 255, 0.8);
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-align: left;
            animation: slideUp 1.5s ease-in-out;
        }

        .inscripcion-options {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .btn-inscripcionm {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 25px;
            font-size: 1.2em;
            font-weight: bold;
            color: white;
            text-decoration: none;
            border-radius: 30px;
            width: 250px;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .btn-inscripcionm.kids {
            background-color: #0057FF;
        }

        .btn-inscripcionm.teens {
            background-color: #FF6F61;
        }

        .btn-inscripcionm.adults {
            background-color: #002E6E;
        }

        .btn-inscripcionm:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        }

        .arrow {
            font-size: 1.5em;
            margin-left: 10px;
            color: #C9F993;
        }

        .inscripcion-image {
            flex: 1;
            display: flex;
            justify-content: center;
        }

        .inscripcion-image img {
            width: 350px;
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            animation: zoomIn 1.5s ease-in-out;
        }

        @keyframes slideDown {
            from {
                transform: translateY(-50px);
                opacity: 0;
            }

            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @media (max-width: 768px) {
            .inscripcion-container {
                flex-direction: column;
                text-align: center;
            }

            .inscripcion-content {
                flex-direction: column;
                text-align: center;
            }

            .inscripcion-options {
                align-items: center;
            }

            .inscripcion-image img {
                width: 90%;
                margin-top: 20px;
            }
        }

        .porque-multilingo {
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 60px 5%;
            text-align: center;
            border-radius: 0px;
        }

        .titulo-porque {
            font-size: 3em;
            font-weight: bold;
            color: #003682;
            margin-bottom: 30px;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
        }

        .contenedor-beneficios {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
        }

        .beneficio-a {
            background: white;
            padding: 25px;
            max-width: 240px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .beneficio-a:hover {
            transform: scale(1.08);
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
        }

        .icono-container {
            background: #003682;
            width: 100px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin: 0 auto 15px;
        }

        .icono {
            width: 100px;
            height: 100px;
        }

        .beneficio-a h2 {
            font-size: 1.5em;
            color: #FF8674;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .beneficio-a p {
            font-size: 1.1em;
            color: #003682;
            line-height: 1.5;
        }

        @media (max-width: 768px) {
            .contenedor-beneficios {
                flex-direction: column;
                align-items: center;
            }

            .beneficio-a {
                max-width: 70%;
                padding: 20px;
            }
        }

        .testimonio-estudiantes {
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 50px 5%;
            text-align: center;
            border-radius: 0px;
            transition: all 0.3s ease-in-out;
        }

        .titulo-testimonio-estudiantes {
            font-size: 3em;
            font-weight: bold;
            color: #FF8674;
            margin-bottom: 30px;
            transition: color 0.3s ease-in-out;
        }

        .contenedor-testimonio-estudiantes {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            transition: transform 0.3s ease-in-out;
        }

        .testimonio-estudiante {
            background: linear-gradient(to bottom, #003682, #002E6E);
            color: white;
            border-radius: 15px;
            padding: 20px;
            max-width: 300px;
            text-align: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .testimonio-estudiante:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
        }

        .testimonio-estudiantes-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 10px;
            transition: transform 0.3s ease-in-out;
        }

        .testimonio-estudiante:hover .testimonio-estudiantes-img {
            transform: scale(1.05);
        }

        .testimonio-estudiantes h2 {
            font-size: 1.5em;
            margin: 15px 0;
            color: #C9F993;
            transition: color 0.3s ease-in-out;
        }

        .testimonio-estudiante:hover h2 {
            color: #C9F993;
        }

        .testimonio-estudiantes p {
            font-size: 1.1em;
            margin-bottom: auto;
            transition: opacity 0.3s ease-in-out;
        }

        .btn-info-testimonio-estudiantes {
            display: inline-block;
            padding: 10px 15px;
            background-color: #C9F993;
            color: #003682;
            text-decoration: none;
            font-weight: bold;
            border-radius: 10px;
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
            margin-top: 20px;
        }

        .btn-info-testimonio-estudiantes:hover {
            background-color: #C9F993;
            transform: scale(1.1);
        }

        @media (max-width: 992px) {
            .contenedor-testimonio-estudiantes {
                flex-direction: column;
                align-items: center;
            }
        }

        .Metodologia {
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 80px 5%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: left;
            border-radius: 0px;
        }

        .Metodologia-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            width: 100%;
            gap: 30px;
        }

        .Metodologia-text {
            flex: 1;
            max-width: 40%;
            color: black;
        }

        .Metodologia-text h1 {
            font-size: 3em;
            color: #003682;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .Metodologia-text p {
            font-size: 1.2em;
            color: #333;
            line-height: 1.5;
        }

        .metodologia-texto {
            flex: 1;
            max-width: 40%;
            text-align: left;
            color: black;
        }

        .metodologia-texto h1 {
            font-size: 4.5em;
            color: #0D47A1;
            font-weight: bold;
            margin-bottom: 25px;
        }

        .resaltado-a {
            color: #0D47A1;
        }

        .destacado-a {
            color: #FF8674;
            font-weight: bold;
            font-size: 1.5em;
        }

        .btn-learn-more {
            margin-top: 20px;
            display: inline-block;
            padding: 12px 24px;
            background-color: #FF8674;
            color: white;
            text-decoration: none;
            font-size: 1.2em;
            font-weight: bold;
            border-radius: 30px;
            transition: background-color 0.3s, transform 0.3s;
        }

        .btn-learn-more:hover {
            background-color: #FF8674;
            transform: scale(1.1);
        }

        .Metodologia-image {
            flex: 1;
            max-width: 45%;
            display: flex;
            justify-content: center;
        }

        .Metodologia-image img {
            max-width: 100%;
            border-radius: 20px;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
            transition: transform 0.4s ease-in-out;
        }

        .Metodologia-image img:hover {
            transform: scale(1.05);
        }

        @media (max-width: 992px) {
            .Metodologia-container {
                flex-direction: column;
                text-align: center;
            }

            .Metodologia-text,
            .Metodologia-image {
                max-width: 100%;
            }
        }

        .course-duration {
            background: #003682;
            color: white;
            padding: 70px 5%;
            text-align: center;
            border-radius: 50px;
        }

        .course-title {
            font-size: 3em;
            font-weight: bold;
            color: #C9F993;
            margin-bottom: 20px;
        }

        .course-description,
        .course-footer {
            font-size: 1.5em;
            text-align: justify;
            margin: 60px;
        }

        .highlight-course-duration {
            color: #FF8674;
            font-weight: bold;
        }

        .levels-container {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
        }

        .level {
            background: white;
            padding: 20px;
            border-radius: 15px;
            text-align: center;
            max-width: 250px;
        }

        .level img {
            width: 120px;
            height: auto;
        }

        .level h2 {
            font-size: 1.3em;
            color: #003682;
            margin-top: 10px;
        }

        @media (max-width: 768px) {
            .levels-container {
                flex-direction: column;
                align-items: center;
            }
        }

        .certification {
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 50px 5%;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .certification-container {
            max-width: 1100px;
            width: 100%;
        }

        .certification-text h2 {
            font-size: 2em;
            color: #003682;
            margin-bottom: 30px;
        }

        .highlight-certification {
            color: #FF8674;
            font-weight: bold;
        }

        .certification-content {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .certification-image {
            max-width: 40%;
            height: auto;
        }

        .certification-certificate {
            max-width: 50%;
            height: auto;
            border-radius: 10px;
        }

        @media (max-width: 768px) {
            .certification-text h2 {
                font-size: 1.5em;
            }

            .certification-content {
                flex-direction: column;
            }

            .certification-image,
            .certification-certificate {
                max-width: 90%;
            }
        }

        .testimonio-padres {
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 50px 5%;
            text-align: center;
            border-radius: 0px;
            transition: all 0.3s ease-in-out;
        }

        .titulo-testimonio-padres {
            font-size: 3em;
            font-weight: bold;
            color: #FF8674;
            margin-bottom: 30px;
            transition: color 0.3s ease-in-out;
        }

        .contenedor-testimonio-padres {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            transition: transform 0.3s ease-in-out;
        }

        .testimonio-padre {
            background: linear-gradient(to bottom, #003682, #002E6E);
            color: white;
            border-radius: 15px;
            padding: 20px;
            max-width: 300px;
            text-align: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .testimonio-padre:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
        }

        .testimonio-padres-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 10px;
            transition: transform 0.3s ease-in-out;
        }

        .testimonio-padre:hover .testimonio-padres-img {
            transform: scale(1.05);
        }

        .testimonio-padres h2 {
            font-size: 1.5em;
            margin: 15px 0;
            color: #C9F993;
            transition: color 0.3s ease-in-out;
        }

        .testimonio-estudiante:hover h2 {
            color: #C9F993;
        }

        .testimonio-padres p {
            font-size: 1.1em;
            margin-bottom: auto;
            transition: opacity 0.3s ease-in-out;
        }

        .btn-info-testimonio-padres {
            display: inline-block;
            padding: 10px 15px;
            background-color: #C9F993;
            color: #003682;
            text-decoration: none;
            font-weight: bold;
            border-radius: 10px;
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
            margin-top: 20px;
        }

        .btn-info-testimonio-padres:hover {
            background-color: #C9F993;
            transform: scale(1.1);
        }

        @media (max-width: 992px) {
            .contenedor-testimonio-padres {
                flex-direction: column;
                align-items: center;
            }
        }

        .teaching-team {
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            padding: 60px 5%;
            text-align: center;
        }

        .team-title {
            font-size: 3em;
            font-weight: bold;
            color: #FF8674;
            margin-bottom: 20px;
        }

        .team-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }

        .team-image {
            width: 300px;
            height: 300px;
            background-color: #003682;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .team-image img {
            width: 100%;
            height: auto;
            border-radius: 50%;
            object-fit: cover;
        }

        .team-description {
            font-size: 1.5em;
            color: #003682;
            margin-top: 20px;
            justify-content: center;
        }

        .highlight-teaching-team {
            color: #FF8674;
            font-weight: bold;
        }

        @media (max-width: 768px) {
            .team-container {
                flex-direction: column;
                align-items: center;
            }
        }

        .faq-section {
            position: relative;
            padding: 100px 5%;
            text-align: center;
            background: linear-gradient(to right, #e5fbff, #e5fbff);
            color: #003682;
            overflow: auto;

        }

        .faq-header h1 {
            font-size: 3em;
            font-weight: bold;
            color: #003682;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            animation: fadeInDown 1s ease-in-out;
        }

        .faq-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 40px;
            animation: fadeInUp 1s ease-in-out;
        }

        .faq-item {
            background: white;
            color: #003682;
            padding: 25px;
            border-radius: 15px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
            text-align: left;
            max-width: 320px;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .faq-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }

        .faq-item h2 {
            font-size: 1.5em;
            color: #003682;
            margin-bottom: 10px;
        }

        .faq-item p {
            font-size: 1.2em;
            color: #333;
            line-height: 1.5;
        }

        .faq-footer {
            background: linear-gradient(135deg, #003682, #004aad);
            color: white;
            padding: 40px;
            margin-top: 50px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .faq-footer h2 {
            font-size: 2.5em;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .cta-button {
            background: white;
            color: #003682;
            display: inline-block;
            padding: 20px 30px;
            border-radius: 25px;
            font-size: 1.3em;
            font-weight: bold;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease-in-out, background 0.3s;
        }

        .cta-button:hover {
            transform: scale(1.3);
            background: white;
        }

        .highlight-faq {
            color: #FF8674;
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .faq-container {
                flex-direction: column;
                align-items: center;
            }


        }

        .multilingo-experience {
            background: #003682;
            padding: 60px 5%;
            text-align: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .experience-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: auto;
        }

        .experience-text {
            flex: 1;
            max-width: 50%;
            text-align: left;
            color: white;
        }

        .experience-text h1 {
            font-size: 2.5em;
            font-weight: bold;
        }

        .highlight-multilingo-experience {
            color: #C9F993;
        }

        .highlight-blue {
            color: #74FFFF;
        }

        .highlight-red {
            color: #FF8674;
        }

        .btn-register {
            display: inline-block;
            padding: 15px 25px;
            background-color: #C9F993;
            color: #003682;
            text-decoration: none;
            font-weight: bold;
            border-radius: 20px;
            transition: background-color 0.3s, transform 0.3s;
        }

        .btn-register:hover {
            background-color: #C9F993;
            transform: scale(1.1);
        }

        .experience-image {
            flex: 1;
            max-width: 45%;
            display: flex;
            justify-content: center;
        }

        .experience-image img {
            max-width: 100%;
            border-radius: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        @media (max-width: 992px) {


            .experience-container {
                flex-direction: column;
                text-align: center;
            }

            .experience-text,
            .experience-image {
                max-width: 100%;
            }

            .experience-text {
                text-align: center;
            }

            .btn-register {
                margin-bottom: 2rem;
            }
        }


        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            justify-content: center;
            align-items: center;
            padding: 20px;
            z-index: 999999;
        }


        .modal-content {
            background-color: white;
            width: 80%;
            max-width: 900px;
            /* Más grande en pantallas grandes */
            height: auto;
            border-radius: 12px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }

        .modal iframe {
            width: 100%;
            height: 500px;
            border: none;
        }

        .close {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 30px;
            color: #ff4d4d;
            cursor: pointer;
            font-weight: bold;
            transition: 0.3s;
        }

        .close:hover {
            color: #ff0000;
        }

        /* 📱 Estilos Responsivos para Móviles */
        @media (max-width: 768px) {
            .modal {
                display: none;
                align-items: center;
                justify-content: center;
            }

            .modal-content {
                width: 90%;
                max-width: 400px;
                /* Ajuste para móviles */
                height: auto;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-55%, -55%);
            }

            .modal iframe {
                height: 250px;
                /* Reducir altura del video en móviles */
            }

            .close {
                font-size: 25px;
            }


        }

        footer {
            background-color: #003683;
            color: white;
            padding: 40px 5%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: left;
        }

        .footer-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            max-width: 500px;
        }

        .footer-info {
            flex: 1;
            min-width: 250px;
        }

        .footer-logo {
            width: 180px;
            margin-bottom: 10px;
        }

        .footer-social {
            flex: 1;
            display: flex;
            justify-content: center;
            gap: 10px;
        }

        .social-icon img {
            width: 35px;
            height: 35px;
            transition: transform 0.3s;
            filter: brightness(0) invert(1);
        }

        .social-icon img:hover {
            transform: scale(1.1);
        }

        .footer-newsletter {
            flex: 1;
            min-width: 320px;
            background-color: #E8F7FF;
            padding: 20px;
            border-radius: 15px;
            text-align: center;
        }

        .footer-newsletter h3 {
            color: #002E6E;
            font-size: 1.3em;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .newsletter-form {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: center;
            align-items: center;
        }

        .input-container {
            position: relative;
            display: flex;
            align-items: center;
            background: white;
            border-radius: 8px;
            padding: 8px;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
            flex: 1;
            min-width: 240px;
        }

        .input-container i {
            position: absolute;
            left: 10px;
            color: gray;
            font-size: 1.1em;
        }

        .input-container input {
            width: 100%;
            padding: 8px 8px 8px 30px;
            border: none;
            border-radius: 8px;
            font-size: 1em;
            outline: none;
        }

        .input-container input:focus {
            border: 2px solid #002E6E;
        }

        .footer-newsletter button {
            background-color: #FF6F61;
            color: white;
            border: none;
            padding: 10px 15px;
            font-size: 1em;
            border-radius: 8px;
            cursor: pointer;
            transition: background 0.3s, transform 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 140px;
        }

        .footer-newsletter button i {
            margin-right: 5px;
        }

        .footer-newsletter button:hover {
            background-color: #D32F2F;
            transform: scale(1.05);
        }

        /* 📱 Mejora de responsividad para móviles */
        @media (max-width: 700px) {
            .footer-container {
                flex-direction: column;
                text-align: center;
            }

            .footer-social {
                margin: 15px 0;
                flex-wrap: wrap;
            }

            .social-icon img {
                width: 30px;
                height: 30px;
            }

            .footer-newsletter {
                width: 70%;
                padding: 5px;
            }

            .footer-newsletter h3 {
                font-size: 1em;
            }

            .newsletter-form {
                flex-direction: column;
                gap: 8px;
            }

            .input-container {
                width: 80%;
                min-width: auto;
            }

            .input-container input {
                font-size: 0.9em;
            }

            .footer-newsletter button {
                width: 90%;
                font-size: 1em;
            }
        }