{"id":27,"date":"2026-03-20T19:58:31","date_gmt":"2026-03-21T01:58:31","guid":{"rendered":"https:\/\/bromeits.com\/?page_id=27"},"modified":"2026-04-01T12:41:03","modified_gmt":"2026-04-01T18:41:03","slug":"home","status":"publish","type":"page","link":"https:\/\/bromeits.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95edded e-flex e-con-boxed e-con e-parent\" data-id=\"95edded\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79304a6 elementor-widget elementor-widget-spacer\" data-id=\"79304a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38eedc3 e-con-full e-flex e-con e-parent\" data-id=\"38eedc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5f23e3e e-con-full e-flex e-con e-child\" data-id=\"5f23e3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7b0512 eael-dual-header-content-align-left elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-eael-dual-color-header\" data-id=\"b7b0512\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;swing&quot;}\" data-widget_type=\"eael-dual-color-header.default\">\n\t\t\t\t\t\t\t\t<div class=\"eael-dual-header\">\n\t\t\t\t\t\t\t\t<span class=\"subtext\"><\/span>\n\t\t\t\t<h1 class=\"title eael-dch-title\"><span class=\"eael-dch-title-text eael-dch-title-lead lead solid-color\">el ingl\u00e9s no es dif\u00edcil,<\/span> <span class=\"eael-dch-title-text\"> solo no te lo saben ense\u00f1ar<\/span><\/h1>\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c139bd e-con-full e-flex e-con e-child\" data-id=\"2c139bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65c53c4 elementor-widget elementor-widget-text-editor\" data-id=\"65c53c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Si estas aqu\u00ed porque estas harto de los m\u00e9todos tradicionales y de no poder mantener una conversaci\u00f3n en ingl\u00e9s&#8230; este curso es para ti<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-495c004 e-con-full e-flex e-con e-child\" data-id=\"495c004\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c7659c elementor-widget elementor-widget-video\" data-id=\"8c7659c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=fKwhyVZIcto&quot;,&quot;start&quot;:0,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;yt_privacy&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06e70ed e-flex e-con-boxed e-con e-parent\" data-id=\"06e70ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8914dfd elementor-widget elementor-widget-html\" data-id=\"8914dfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Comportamiento suave de la p\u00e1gina *\/\r\n  html { scroll-behavior: smooth; }\r\n\r\n  \/* CAJA INVISIBLE PARA CENTRAR EL BOT\u00d3N *\/\r\n  .btn-ethereal-wrapper {\r\n    display: flex;\r\n    justify-content: center; \/* Centra horizontalmente *\/\r\n    align-items: center; \/* Centra verticalmente *\/\r\n    width: 100%; \/* Toma todo el ancho disponible *\/\r\n    margin: 25px 0; \/* Da un poco m\u00e1s de respiro arriba y abajo *\/\r\n  }\r\n\r\n  \/* La magia del dise\u00f1o Lumina Ethereal (Tonos pastel VIVOS, sin bordes, 3D suave) *\/\r\n  .btn-ethereal {\r\n    display: inline-block;\r\n    padding: 18px 45px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    font-size: 1.2rem;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    \r\n    \/* Color de texto oscuro para buen contraste con los nuevos pasteles vivos *\/\r\n    color: #333; \r\n    \r\n    border-radius: 50px;\r\n    border: none;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 1;\r\n    \r\n    \/* NUEVO GRADIENTE \"ARCO\u00cdRIS ENCENDIDO\" *\/\r\n    \/* Usamos tonos pasteles pero mucho m\u00e1s saturados\/vivos *\/\r\n    background: linear-gradient(135deg, \r\n      #FFB6C1, \/* Rosa chicle suave *\/\r\n      #FFFF99, \/* Amarillo canario suave *\/\r\n      #90EE90, \/* Verde lima suave *\/\r\n      #87CEFA, \/* Azul cielo vivo *\/\r\n      #E6E6FA, \/* Lavanda vivo *\/\r\n      #FFB6C1  \/* Volvemos al rosa para cerrar el ciclo *\/\r\n    );\r\n    background-size: 300% 300%;\r\n    \r\n    \/* Efecto 3D Neum\u00f3rfico - Ajustado para los colores m\u00e1s vivos *\/\r\n    box-shadow: \r\n      0 10px 20px rgba(135, 206, 250, 0.5), \/* Sombra exterior azulada suave *\/\r\n      inset 0 4px 6px rgba(255, 255, 255, 0.9), \/* Brillo interno superior *\/\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.1); \/* Sombra interna inferior sutil *\/\r\n    \r\n    \/* Animaciones constantes - Acelerada un poco la del gradiente para m\u00e1s impacto *\/\r\n    animation: \r\n      floatGlow 3s ease-in-out infinite, \/* Hace que flote *\/\r\n      gradientShift 4s ease infinite; \/* Mueve los colores m\u00e1s r\u00e1pido *\/\r\n    \r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* Efecto Hover (Al pasar el mouse) *\/\r\n  .btn-ethereal:hover {\r\n    transform: scale(1.08) translateY(-3px); \/* Crece un poco m\u00e1s y sube *\/\r\n    color: #000;\r\n    box-shadow: \r\n      0 15px 25px rgba(135, 206, 250, 0.7),\r\n      inset 0 4px 6px rgba(255, 255, 255, 1),\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  \/* Efecto Clic (Al presionarlo) *\/\r\n  .btn-ethereal:active {\r\n    transform: scale(0.96) translateY(2px);\r\n    box-shadow: \r\n      0 5px 10px rgba(135, 206, 250, 0.3),\r\n      inset 0 6px 12px rgba(0, 0, 0, 0.2),\r\n      inset 0 -2px 6px rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n de flotar *\/\r\n  @keyframes floatGlow {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n del fondo de colores (Gradiente) *\/\r\n  @keyframes gradientShift {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"btn-ethereal-wrapper\">\r\n  <a href=\"#seccion-planes\" class=\"btn-ethereal\">\r\n    \u2728 Ver Planes Anuales\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f306c0e e-flex e-con-boxed e-con e-parent\" data-id=\"f306c0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcaaeef elementor-widget elementor-widget-heading\" data-id=\"dcaaeef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQU\u00c9 LOGRAR\u00c1S?<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8054178 e-grid e-con-full e-con e-child\" data-id=\"8054178\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf8f3c4 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"bf8f3c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text-center icon-top-align elementor-animation-hang   \">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-review\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Strategy and  Planning                <\/h3>\n                        \t\t  \t<p>We bring the right people together to challenge established thinking and drive transform in 2020<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd367dc ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"dd367dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text-center icon-top-align elementor-animation-hang   \">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-review\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Strategy and  Planning                <\/h3>\n                        \t\t  \t<p>We bring the right people together to challenge established thinking and drive transform in 2020<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e41c83 e-grid e-con-full e-con e-child\" data-id=\"3e41c83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58016ba ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"58016ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text-center icon-top-align elementor-animation-hang   \">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-review\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Strategy and  Planning                <\/h3>\n                        \t\t  \t<p>We bring the right people together to challenge established thinking and drive transform in 2020<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a79d8ea ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"a79d8ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text-center icon-top-align elementor-animation-hang   \">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-review\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Strategy and  Planning                <\/h3>\n                        \t\t  \t<p>We bring the right people together to challenge established thinking and drive transform in 2020<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a673629 e-con-full e-flex e-con e-parent\" data-id=\"a673629\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f137fc2 elementor-widget elementor-widget-heading\" data-id=\"f137fc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NUESTRA METODOLOG\u00cdA <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65e5ee2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"65e5ee2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Importaci\u00f3n de Fuente --- *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* --- 1. RESET NUCLEAR DE BORDES AZULES Y ENFOQUE --- *\/\r\n#bromeits-metodologia,\r\n#bromeits-metodologia *,\r\n#bromeits-metodologia *:focus,\r\n#bromeits-metodologia *:active,\r\n#bromeits-metodologia *:focus-visible,\r\n#bromeits-metodologia label,\r\n#bromeits-metodologia input {\r\n    outline: none !important;\r\n    outline-width: 0 !important;\r\n    outline-color: transparent !important;\r\n    border: none !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;\r\n    box-shadow: none !important; \r\n}\r\n\r\n\/* --- 2. ESTILOS DE ESTRUCTURA --- *\/\r\n.metodologia-contenedor {\r\n    font-family: 'Poppins', sans-serif;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    background: transparent;\r\n    overflow: hidden; \/* Evita cualquier desborde sutil *\/\r\n}\r\n\r\n.metodologia-intro {\r\n    text-align: center;\r\n    color: #545c6a;\r\n    font-size: 1.1em;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.metodologia-intro strong {\r\n    color: #6f5174;\r\n}\r\n\r\n\/* --- 3. ACORDE\u00d3N Y NUEVA ANIMACI\u00d3N SIMPLE \"SCROLL REVEAL\" --- *\/\r\n.acordeon-item {\r\n    background-color: #ffffff;\r\n    border-radius: 12px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 2px 8px rgba(39, 47, 60, 0.08) !important;\r\n    border: none;\r\n    \r\n    \/* ANIMACI\u00d3N SIMPLIFICADA (ESTADO INICIAL) *\/\r\n    opacity: 0;\r\n    \/* Un peque\u00f1o desplazamiento hacia abajo (30px) y escala reducida (90%) *\/\r\n    transform: translateY(30px) scale(0.9);\r\n    \r\n    \/* Transici\u00f3n s\u00faper limpia y el\u00e1stica *\/\r\n    transition: opacity 0.7s ease-out, \r\n                transform 0.7s cubic-bezier(0.4, 0, 0.2, 1), \r\n                box-shadow 0.3s ease;\r\n}\r\n\r\n\/* ESTADO REVELADO (cuando entra en pantalla): Vuelve a su lugar perfecto y apilado *\/\r\n.acordeon-item.revelado {\r\n    opacity: 1;\r\n    \/* Al centro, sin desplazamiento y escala completa (100%) *\/\r\n    transform: translateY(0) scale(1) !important;\r\n}\r\n\r\n.acordeon-item input[type=\"radio\"] {\r\n    display: none !important;\r\n}\r\n\r\n\/* Hover: Elevaci\u00f3n limpia *\/\r\n.acordeon-item.revelado:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 8px 24px rgba(39, 47, 60, 0.12) !important;\r\n}\r\n\r\n\/* Abierto: Mantiene sombra *\/\r\n.acordeon-item.revelado:has(input[type=\"radio\"]:checked) {\r\n    box-shadow: 0 6px 16px rgba(111, 81, 116, 0.15) !important;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* --- 4. CABECERA Y CONTENIDO --- *\/\r\n.etapa-header {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 20px;\r\n    cursor: pointer;\r\n    user-select: none;\r\n}\r\n\r\n.mes-indicador {\r\n    font-size: 2em;\r\n    font-weight: 700;\r\n    color: #6f5174;\r\n    min-width: 100px; \/* Ancho fijo para alineaci\u00f3n en computadora *\/\r\n    text-align: center;\r\n    border-right: 2px solid #ebf1ff !important; \r\n    margin-right: 20px;\r\n    padding-right: 20px;\r\n    line-height: 1;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.etapa-titulo {\r\n    flex-grow: 1;\r\n}\r\n\r\n.etapa-titulo span {\r\n    font-size: 0.85em;\r\n    color: #04647d;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.etapa-titulo h4 {\r\n    margin: 5px 0 0 0;\r\n    color: #272f3c;\r\n    font-size: 1.2em;\r\n}\r\n\r\n.icono-toggle {\r\n    font-size: 2em;\r\n    color: #624568;\r\n    transition: transform 0.4s ease;\r\n    flex-shrink: 0;\r\n    margin-left: 10px;\r\n}\r\n\r\n.acordeon-item input[type=\"radio\"]:checked ~ .etapa-header .icono-toggle {\r\n    transform: rotate(45deg);\r\n    color: #FF7A00; \r\n}\r\n\r\n\/* Animaci\u00f3n de apertura del texto *\/\r\n.etapa-contenido-wrapper {\r\n    display: grid;\r\n    grid-template-rows: 0fr; \r\n    transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.acordeon-item input[type=\"radio\"]:checked ~ .etapa-contenido-wrapper {\r\n    grid-template-rows: 1fr; \r\n}\r\n\r\n.etapa-contenido-inner { overflow: hidden; }\r\n\r\n.etapa-contenido {\r\n    padding: 0 20px 24px 140px; \r\n    color: #545c6a;\r\n    font-size: 0.95em;\r\n    line-height: 1.6;\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n    transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\r\n}\r\n\r\n.acordeon-item input[type=\"radio\"]:checked ~ .etapa-contenido-wrapper .etapa-contenido {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.etapa-resultado {\r\n    margin-top: 15px;\r\n    padding: 15px;\r\n    background-color: #f4f6ff;\r\n    border-radius: 8px;\r\n    border-left: 4px solid #fed9b8 !important; \r\n}\r\n\r\n\/* --- 5. RESPONSIVIDAD (Ajustes protegidos para m\u00f3vil) --- *\/\r\n@media (max-width: 600px) {\r\n    .metodologia-contenedor {\r\n        padding: 10px;\r\n    }\r\n    \r\n    \/* Mantenemos el efecto simple tambi\u00e9n en m\u00f3vil, desarmando de abajo hacia arriba *\/\r\n    .acordeon-item {\r\n        transform: translateY(30px) scale(0.9) rotate(0deg) !important;\r\n    }\r\n\r\n    .etapa-header {\r\n        padding: 15px 10px;\r\n    }\r\n    \r\n    .mes-indicador {\r\n        font-size: 1.6em;\r\n        min-width: 80px;  \/* Reducido para dar espacio al t\u00edtulo '11-12' *\/\r\n        margin-right: 10px;\r\n        padding-right: 10px;\r\n    }\r\n    \r\n    .etapa-titulo h4 {\r\n        font-size: 1em;\r\n        line-height: 1.3;\r\n    }\r\n    \r\n    .etapa-contenido {\r\n        padding: 0 15px 20px 15px;\r\n    }\r\n    \r\n    .etapa-titulo span {\r\n        font-size: 0.75em;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div id=\"bromeits-metodologia\" class=\"metodologia-contenedor\">\r\n\r\n    <div class=\"metodologia-intro\">\r\n        <p>En <strong>Bromeits English Academy<\/strong> te sumergimos en el ingl\u00e9s real. Nuestra metodolog\u00eda garantiza que desde el primer mes mantengas una conversaci\u00f3n aut\u00e9ntica.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"acordeon-item\">\r\n        <input type=\"radio\" name=\"metodologia\" id=\"mes1\" checked>\r\n        <label class=\"etapa-header\" for=\"mes1\">\r\n            <div class=\"mes-indicador\">1<\/div>\r\n            <div class=\"etapa-titulo\">\r\n                <span>PRIMER MES<\/span>\r\n                <h4>Comunicaci\u00f3n B\u00e1sica<\/h4>\r\n            <\/div>\r\n            <div class=\"icono-toggle\">+<\/div>\r\n        <\/label>\r\n        <div class=\"etapa-contenido-wrapper\">\r\n            <div class=\"etapa-contenido-inner\">\r\n                <div class=\"etapa-contenido\">\r\n                    <p>Nos enfocamos en di\u00e1logos pr\u00e1cticos de la vida diaria. <strong>No m\u00e1s repeticiones vac\u00edas<\/strong>; aqu\u00ed hablas desde la primera semana.<\/p>\r\n                    <div class=\"etapa-resultado\">\r\n                        <strong>Tu Logro:<\/strong> Mantienes tu primera conversaci\u00f3n real al finalizar el mes.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acordeon-item\">\r\n        <input type=\"radio\" name=\"metodologia\" id=\"mes2\">\r\n        <label class=\"etapa-header\" for=\"mes2\">\r\n            <div class=\"mes-indicador\">2<\/div>\r\n            <div class=\"etapa-titulo\">\r\n                <span>SEGUNDO MES<\/span>\r\n                <h4>Pronunciaci\u00f3n Avanzada<\/h4>\r\n            <\/div>\r\n            <div class=\"icono-toggle\">+<\/div>\r\n        <\/label>\r\n        <div class=\"etapa-contenido-wrapper\">\r\n            <div class=\"etapa-contenido-inner\">\r\n                <div class=\"etapa-contenido\">\r\n                    <p>Domina los 44 fonemas del ingl\u00e9s para sonar natural y aut\u00e9ntico, eliminando el cl\u00e1sico \"acento rob\u00f3tico\".<\/p>\r\n                    <div class=\"etapa-resultado\">\r\n                        <strong>Tu Logro:<\/strong> Suenas natural y con una pronunciaci\u00f3n precisa.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acordeon-item\">\r\n        <input type=\"radio\" name=\"metodologia\" id=\"mes34\">\r\n        <label class=\"etapa-header\" for=\"mes34\">\r\n            <div class=\"mes-indicador\">3-4<\/div>\r\n            <div class=\"etapa-titulo\">\r\n                <span>MESES 3 Y 4<\/span>\r\n                <h4>Nivel B\u00e1sico<\/h4>\r\n            <\/div>\r\n            <div class=\"icono-toggle\">+<\/div>\r\n        <\/label>\r\n        <div class=\"etapa-contenido-wrapper\">\r\n            <div class=\"etapa-contenido-inner\">\r\n                <div class=\"etapa-contenido\">\r\n                    <p>Consolida las bases mediante la pr\u00e1ctica diaria. Dejas de traducir mentalmente para empezar a pensar en ingl\u00e9s.<\/p>\r\n                    <div class=\"etapa-resultado\">\r\n                        <strong>Tu Logro:<\/strong> Estructuras claras y pensamiento directo en el idioma.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acordeon-item\">\r\n        <input type=\"radio\" name=\"metodologia\" id=\"mes57\">\r\n        <label class=\"etapa-header\" for=\"mes57\">\r\n            <div class=\"mes-indicador\">5-7<\/div>\r\n            <div class=\"etapa-titulo\">\r\n                <span>MESES 5, 6 Y 7<\/span>\r\n                <h4>Nivel Intermedio<\/h4>\r\n            <\/div>\r\n            <div class=\"icono-toggle\">+<\/div>\r\n        <\/label>\r\n        <div class=\"etapa-contenido-wrapper\">\r\n            <div class=\"etapa-contenido-inner\">\r\n                <div class=\"etapa-contenido\">\r\n                    <p>Aprendes a argumentar, dar opiniones y debatir en situaciones reales y simulaciones aut\u00e9nticas.<\/p>\r\n                    <div class=\"etapa-resultado\">\r\n                        <strong>Tu Logro:<\/strong> Dominas la interacci\u00f3n din\u00e1mica con soltura.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acordeon-item\">\r\n        <input type=\"radio\" name=\"metodologia\" id=\"mes89\">\r\n        <label class=\"etapa-header\" for=\"mes89\">\r\n            <div class=\"mes-indicador\">8-9<\/div>\r\n            <div class=\"etapa-titulo\">\r\n                <span>MESES 8 Y 9<\/span>\r\n                <h4>Nivel Avanzado<\/h4>\r\n            <\/div>\r\n            <div class=\"icono-toggle\">+<\/div>\r\n        <\/label>\r\n        <div class=\"etapa-contenido-wrapper\">\r\n            <div class=\"etapa-contenido-inner\">\r\n                <div class=\"etapa-contenido\">\r\n                    <p>Inmersi\u00f3n en phrasal verbs y modismos. No solo hablas; narras y argumentas con total naturalidad.<\/p>\r\n                    <div class=\"etapa-resultado\">\r\n                        <strong>Tu Logro:<\/strong> Fluidez total y uso de expresiones coloquiales nativas.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acordeon-item\">\r\n        <input type=\"radio\" name=\"metodologia\" id=\"mes10\">\r\n        <label class=\"etapa-header\" for=\"mes10\">\r\n            <div class=\"mes-indicador\">10<\/div>\r\n            <div class=\"etapa-titulo\">\r\n                <span>D\u00c9CIMO MES<\/span>\r\n                <h4>Repaso Integral<\/h4>\r\n            <\/div>\r\n            <div class=\"icono-toggle\">+<\/div>\r\n        <\/label>\r\n        <div class=\"etapa-contenido-wrapper\">\r\n            <div class=\"etapa-contenido-inner\">\r\n                <div class=\"etapa-contenido\">\r\n                    <p>Evaluaci\u00f3n profunda de tus logros para asegurar que las bases sean inquebrantables antes del nivel final.<\/p>\r\n                    <div class=\"etapa-resultado\">\r\n                        <strong>Tu Logro:<\/strong> Consolidaci\u00f3n total de tu progreso.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acordeon-item\">\r\n        <input type=\"radio\" name=\"metodologia\" id=\"mes1112\">\r\n        <label class=\"etapa-header\" for=\"mes1112\">\r\n            <div class=\"mes-indicador\">11-12<\/div>\r\n            <div class=\"etapa-titulo\">\r\n                <span>MESES 11 Y 12<\/span>\r\n                <h4>Expresi\u00f3n Avanzada<\/h4>\r\n            <\/div>\r\n            <div class=\"icono-toggle\">+<\/div>\r\n        <\/label>\r\n        <div class=\"etapa-contenido-wrapper\">\r\n            <div class=\"etapa-contenido-inner\">\r\n                <div class=\"etapa-contenido\">\r\n                    <p>Dominio de expresiones complejas y matices ling\u00fc\u00edsticos. Mantienes conversaciones a nivel nativo.<\/p>\r\n                    <div class=\"etapa-resultado\">\r\n                        <strong>Tu Logro:<\/strong> Nivel m\u00e1ximo de confianza y fluidez.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \r\n    \/\/ 1. Efecto simple \"Scroll Reveal\" al bajar\r\n    const items = document.querySelectorAll('.acordeon-item');\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                \/\/ Cuando el elemento entra en pantalla, le ponemos la clase para que se \"arme\"\r\n                entry.target.classList.add('revelado');\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, {\r\n        threshold: 0.15,\r\n        rootMargin: \"0px 0px -50px 0px\"\r\n    });\r\n\r\n    items.forEach(item => { observer.observe(item); });\r\n\r\n    \/\/ 2. L\u00f3gica del Auto-Scroll suave al hacer clic (Mantenida intacta)\r\n    const radios = document.querySelectorAll('.acordeon-item input[type=\"radio\"]');\r\n    radios.forEach(radio => {\r\n        radio.addEventListener('change', function() {\r\n            if (this.checked) {\r\n                const item = this.closest('.acordeon-item');\r\n                setTimeout(() => {\r\n                    const offset = 120; \r\n                    window.scrollTo({\r\n                        top: item.getBoundingClientRect().top + window.scrollY - offset,\r\n                        behavior: 'smooth'\r\n                    });\r\n                }, 400);\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6768f8c elementor-widget elementor-widget-html\" data-id=\"6768f8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Comportamiento suave de la p\u00e1gina *\/\r\n  html { scroll-behavior: smooth; }\r\n\r\n  \/* CAJA INVISIBLE PARA CENTRAR EL BOT\u00d3N *\/\r\n  .btn-ethereal-wrapper {\r\n    display: flex;\r\n    justify-content: center; \/* Centra horizontalmente *\/\r\n    align-items: center; \/* Centra verticalmente *\/\r\n    width: 100%; \/* Toma todo el ancho disponible *\/\r\n    margin: 25px 0; \/* Da un poco m\u00e1s de respiro arriba y abajo *\/\r\n  }\r\n\r\n  \/* La magia del dise\u00f1o Lumina Ethereal (Tonos pastel VIVOS, sin bordes, 3D suave) *\/\r\n  .btn-ethereal {\r\n    display: inline-block;\r\n    padding: 18px 45px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    font-size: 1.2rem;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    \r\n    \/* Color de texto oscuro para buen contraste con los nuevos pasteles vivos *\/\r\n    color: #333; \r\n    \r\n    border-radius: 50px;\r\n    border: none;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 1;\r\n    \r\n    \/* NUEVO GRADIENTE \"ARCO\u00cdRIS ENCENDIDO\" *\/\r\n    \/* Usamos tonos pasteles pero mucho m\u00e1s saturados\/vivos *\/\r\n    background: linear-gradient(135deg, \r\n      #FFB6C1, \/* Rosa chicle suave *\/\r\n      #FFFF99, \/* Amarillo canario suave *\/\r\n      #90EE90, \/* Verde lima suave *\/\r\n      #87CEFA, \/* Azul cielo vivo *\/\r\n      #E6E6FA, \/* Lavanda vivo *\/\r\n      #FFB6C1  \/* Volvemos al rosa para cerrar el ciclo *\/\r\n    );\r\n    background-size: 300% 300%;\r\n    \r\n    \/* Efecto 3D Neum\u00f3rfico - Ajustado para los colores m\u00e1s vivos *\/\r\n    box-shadow: \r\n      0 10px 20px rgba(135, 206, 250, 0.5), \/* Sombra exterior azulada suave *\/\r\n      inset 0 4px 6px rgba(255, 255, 255, 0.9), \/* Brillo interno superior *\/\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.1); \/* Sombra interna inferior sutil *\/\r\n    \r\n    \/* Animaciones constantes - Acelerada un poco la del gradiente para m\u00e1s impacto *\/\r\n    animation: \r\n      floatGlow 3s ease-in-out infinite, \/* Hace que flote *\/\r\n      gradientShift 4s ease infinite; \/* Mueve los colores m\u00e1s r\u00e1pido *\/\r\n    \r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* Efecto Hover (Al pasar el mouse) *\/\r\n  .btn-ethereal:hover {\r\n    transform: scale(1.08) translateY(-3px); \/* Crece un poco m\u00e1s y sube *\/\r\n    color: #000;\r\n    box-shadow: \r\n      0 15px 25px rgba(135, 206, 250, 0.7),\r\n      inset 0 4px 6px rgba(255, 255, 255, 1),\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  \/* Efecto Clic (Al presionarlo) *\/\r\n  .btn-ethereal:active {\r\n    transform: scale(0.96) translateY(2px);\r\n    box-shadow: \r\n      0 5px 10px rgba(135, 206, 250, 0.3),\r\n      inset 0 6px 12px rgba(0, 0, 0, 0.2),\r\n      inset 0 -2px 6px rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n de flotar *\/\r\n  @keyframes floatGlow {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n del fondo de colores (Gradiente) *\/\r\n  @keyframes gradientShift {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"btn-ethereal-wrapper\">\r\n  <a href=\"#seccion-planes\" class=\"btn-ethereal\">\r\n    \u2728 Ver Planes Anuales\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d87268a e-con-full e-flex e-con e-child\" data-id=\"d87268a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-429cbaf elementor-widget elementor-widget-html\" data-id=\"429cbaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            --bg-color: #F8F9FA;\r\n            --purple-dark: #2A1B38;\r\n            --purple-light: #5A4476;\r\n            --cyan-brand: #66B5C0;\r\n            --orange-brand: #FF7A00;\r\n            --text-main: #333333;\r\n            --text-muted: #666666;\r\n            --red-muted: #E06D6D;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n            background-color: var(--bg-color);\r\n            margin: 0;\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .comparison-section {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* --- ANIMACI\u00d3N SCROLL T\u00cdTULO --- *\/\r\n        .comparison-title {\r\n            color: var(--purple-dark);\r\n            font-size: 2.6rem;\r\n            font-weight: 800;\r\n            margin-bottom: 50px;\r\n            line-height: 1.2;\r\n            letter-spacing: -0.5px;\r\n            text-shadow: 0px 4px 15px rgba(0,0,0,0.06);\r\n            opacity: 0; \r\n            transform: scale(0.9);\r\n        }\r\n\r\n        .title-visible {\r\n            animation: entradaTitulo 1s ease-out forwards;\r\n        }\r\n\r\n        .title-highlight {\r\n            background: linear-gradient(135deg, var(--cyan-brand), var(--purple-light));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            color: transparent;\r\n            display: inline-block;\r\n        }\r\n\r\n        .title-subtitle {\r\n            display: block;\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            color: var(--text-muted);\r\n            margin-top: 15px;\r\n            letter-spacing: normal;\r\n            text-shadow: none;\r\n        }\r\n\r\n        @keyframes entradaTitulo {\r\n            0% { opacity: 0; transform: scale(0.9); }\r\n            100% { opacity: 1; transform: scale(1); }\r\n        }\r\n\r\n        \/* --- CONTENEDORES DE TABLAS --- *\/\r\n        .tables-container {\r\n            display: flex;\r\n            gap: 30px;\r\n            justify-content: center;\r\n            align-items: stretch;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        \/* --- ANIMACI\u00d3N SCROLL TABLAS --- *\/\r\n        .card-wrapper {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n        }\r\n\r\n        .card-visible {\r\n            animation: slideUp 0.8s ease-out forwards;\r\n        }\r\n\r\n        .delay-1 {\r\n            \/* Peque\u00f1o retraso para la segunda tabla *\/\r\n            animation-delay: 0.3s; \r\n        }\r\n\r\n        @keyframes slideUp {\r\n            0% { opacity: 0; transform: translateY(50px); }\r\n            100% { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* --- DISE\u00d1O DE TARJETAS Y FLOTACI\u00d3N CONSTANTE --- *\/\r\n        .pricing-card {\r\n            background: #FFFFFF;\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            width: 100%;\r\n            max-width: 450px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n            position: relative;\r\n            border-top-left-radius: 60px;\r\n            border-bottom-right-radius: 60px;\r\n            animation: float 5s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-10px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        .card-traditional {\r\n            border-top: 6px solid var(--purple-light);\r\n            animation-delay: -2.5s; \r\n        }\r\n        .card-traditional .card-header h3 { color: var(--purple-light); }\r\n\r\n        .card-bromeits {\r\n            border-top: 6px solid var(--cyan-brand);\r\n            background-color: #F0FAFB;\r\n        }\r\n        .card-bromeits .card-header h3 { color: #1E6670; }\r\n        .card-bromeits .card-header p { color: var(--cyan-brand); font-weight: bold; }\r\n\r\n        .card-header {\r\n            margin-bottom: 30px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 1px solid #EEEEEE;\r\n        }\r\n\r\n        .card-header h3 {\r\n            font-size: 1.8rem;\r\n            margin: 0 0 5px 0;\r\n        }\r\n\r\n        .card-header p {\r\n            font-size: 0.9rem;\r\n            color: var(--text-muted);\r\n            margin: 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .features-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n            text-align: left;\r\n        }\r\n\r\n        .features-list li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 18px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .status-icon {\r\n            font-size: 1.2rem;\r\n            margin-top: 3px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .card-traditional .status-icon { color: var(--red-muted); }\r\n        .card-bromeits .status-icon { color: var(--cyan-brand); }\r\n\r\n        .feature-content {\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .feature-title {\r\n            font-weight: 700;\r\n            color: var(--purple-dark);\r\n            font-size: 1rem;\r\n            margin-bottom: 2px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .feature-desc {\r\n            font-size: 0.85rem;\r\n            color: var(--text-muted);\r\n            margin: 0;\r\n        }\r\n\r\n        .topic-icon {\r\n            font-size: 1rem;\r\n            color: #999999;\r\n            opacity: 0.7;\r\n        }\r\n        \r\n        .card-bromeits .topic-icon {\r\n            color: var(--cyan-brand);\r\n            opacity: 0.8;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tables-container { flex-direction: column; align-items: center; }\r\n            .comparison-title { font-size: 2rem; }\r\n            .title-subtitle { font-size: 1.2rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"comparison-section\">\r\n    <h2 id=\"titulo-animado\" class=\"comparison-title\">\r\n        Deja de estudiar ingl\u00e9s y <span class=\"title-highlight\">empieza a hablarlo<\/span>\r\n        <span class=\"title-subtitle\">El m\u00e9todo dise\u00f1ado para hispanohablantes<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"tables-container\">\r\n        \r\n        <div class=\"card-wrapper\" id=\"tabla-1\">\r\n            <div class=\"pricing-card card-bromeits\">\r\n                <div class=\"card-header\">\r\n                    <h3>Nuestro M\u00e9todo<\/h3>\r\n                    <p>Optimizado para hispanohablantes<\/p>\r\n                <\/div>\r\n                <ul class=\"features-list\">\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">INMERSI\u00d3N ORAL <i class=\"fas fa-comments topic-icon\"><\/i><\/div><p class=\"feature-desc\">Conversaci\u00f3n real<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">PR\u00c1CTICA INMEDIATA <i class=\"fas fa-stopwatch topic-icon\"><\/i><\/div><p class=\"feature-desc\">Hablar desde el primer d\u00eda<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">ALUMNO-CENTRADO <i class=\"fas fa-user-graduate topic-icon\"><\/i><\/div><p class=\"feature-desc\">T\u00fa eres el protagonista<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">PENSAR EN INGL\u00c9S <i class=\"fas fa-lightbulb topic-icon\"><\/i><\/div><p class=\"feature-desc\">Procesar el idioma directamente<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">INGL\u00c9S AUT\u00c9NTICO <i class=\"fas fa-globe-americas topic-icon\"><\/i><\/div><p class=\"feature-desc\">Ingl\u00e9s de uso nativo<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">ENTRENAMIENTO AUDITIVO <i class=\"fas fa-headphones topic-icon\"><\/i><\/div><p class=\"feature-desc\">Mejorar escucha y acento<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">RESPUESTA NATURAL <i class=\"fas fa-bolt topic-icon\"><\/i><\/div><p class=\"feature-desc\">Fluidez instintiva<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">DIN\u00c1MICAS Y PARTICIPATIVAS <i class=\"fas fa-users topic-icon\"><\/i><\/div><p class=\"feature-desc\">Interactividad total<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">ENTORNO DE CONFIANZA <i class=\"fas fa-shield-alt topic-icon\"><\/i><\/div><p class=\"feature-desc\">Sin juicios, aprendizaje seguro<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">AVANCE EFICIENTE <i class=\"fas fa-rocket topic-icon\"><\/i><\/div><p class=\"feature-desc\">Foco en lo pr\u00e1ctico y \u00fatil<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">M\u00c9TODO DIRECTO <i class=\"fas fa-bullseye topic-icon\"><\/i><\/div><p class=\"feature-desc\">Optimizaci\u00f3n del tiempo<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-check status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">INVERSI\u00d3N ESTRAT\u00c9GICA <i class=\"fas fa-chart-line topic-icon\"><\/i><\/div><p class=\"feature-desc\">Costo-beneficio efectivo<\/p><\/div><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card-wrapper delay-1\" id=\"tabla-2\">\r\n            <div class=\"pricing-card card-traditional\">\r\n                <div class=\"card-header\">\r\n                    <h3>Escuela Tradicional<\/h3>\r\n                    <p>(M\u00e9todos convencionales)<\/p>\r\n                <\/div>\r\n                <ul class=\"features-list\">\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">ENFOQUE TE\u00d3RICO <i class=\"fas fa-book topic-icon\"><\/i><\/div><p class=\"feature-desc\">Reglas de libro<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">TEOR\u00cdA PREDOMINANTE <i class=\"fas fa-cogs topic-icon\"><\/i><\/div><p class=\"feature-desc\">Reglas antes de hablar<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">PROFESOR-CENTRADO <i class=\"fas fa-chalkboard-teacher topic-icon\"><\/i><\/div><p class=\"feature-desc\">El tutor domina la clase<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">MEMORIZACI\u00d3N <i class=\"fas fa-brain topic-icon\"><\/i><\/div><p class=\"feature-desc\">Repetici\u00f3n de reglas<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">INGL\u00c9S ARTIFICIAL <i class=\"fas fa-robot topic-icon\"><\/i><\/div><p class=\"feature-desc\">Frases poco naturales<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">BAJA COMPRENSI\u00d3N <i class=\"fas fa-question-circle topic-icon\"><\/i><\/div><p class=\"feature-desc\">Dificultad para entender<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">TRADUCCI\u00d3N MENTAL <i class=\"fas fa-hourglass-half topic-icon\"><\/i><\/div><p class=\"feature-desc\">Proceso lento<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">LECCIONES PASIVAS <i class=\"fas fa-pen topic-icon\"><\/i><\/div><p class=\"feature-desc\">Observaci\u00f3n y toma de notas<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">MIEDO AL ERROR <i class=\"fas fa-frown topic-icon\"><\/i><\/div><p class=\"feature-desc\">Ansiedad al hablar<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">PROGRESO LENTO <i class=\"fas fa-clock topic-icon\"><\/i><\/div><p class=\"feature-desc\">A\u00f1os sin resultados claros<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">NIVELES EXTENSOS <i class=\"fas fa-layer-group topic-icon\"><\/i><\/div><p class=\"feature-desc\">Relleno innecesario<\/p><\/div><\/li>\r\n                    <li><i class=\"fas fa-times status-icon\"><\/i><div class=\"feature-content\"><div class=\"feature-title\">GASTO A LARGO PLAZO <i class=\"fas fa-money-bill-wave topic-icon\"><\/i><\/div><p class=\"feature-desc\">Altos costos continuos<\/p><\/div><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    \/\/ Animaci\u00f3n del t\u00edtulo\r\n                    if (entry.target.id === 'titulo-animado') {\r\n                        entry.target.classList.add('title-visible');\r\n                    }\r\n                    \/\/ Animaci\u00f3n de las tablas\r\n                    if (entry.target.classList.contains('card-wrapper')) {\r\n                        entry.target.classList.add('card-visible');\r\n                    }\r\n                    observer.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, { \r\n            threshold: 0.15 \/\/ Se activa cuando el 15% del elemento entra en pantalla\r\n        });\r\n\r\n        \/\/ Observar t\u00edtulo\r\n        const titulo = document.getElementById('titulo-animado');\r\n        if (titulo) observer.observe(titulo);\r\n\r\n        \/\/ Observar tablas\r\n        const tablas = document.querySelectorAll('.card-wrapper');\r\n        tablas.forEach(tabla => observer.observe(tabla));\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a68fcc8 e-con-full e-flex e-con e-child\" data-id=\"a68fcc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8337f8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a8337f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            \/* Colores de Luminous Precision *\/\r\n            --surface: #f4f6ff;\r\n            --surface-container-lowest: #ffffff;\r\n            --primary: #6f5174;\r\n            --on-surface: #272f3c;\r\n            --on-surface-variant: #545c6a;\r\n            --peach: #fed9b8;\r\n            --sky-blue: #dee9fd;\r\n            --lilac-soft: #ffeefd;\r\n            --tertiary: #71563d;\r\n        }\r\n\r\n        * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n        body {\r\n            background-color: var(--surface);\r\n            font-family: 'Manrope', sans-serif;\r\n            color: var(--on-surface);\r\n            padding: 4rem 1rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .academy-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .header-main {\r\n            text-align: center;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .header-main h2 {\r\n            font-size: 3rem;\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n            letter-spacing: -0.02em;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .header-main p {\r\n            font-size: 1.25rem;\r\n            color: var(--on-surface-variant);\r\n        }\r\n\r\n        .content-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Columna de Burbujas con sombras intensas *\/\r\n        .pain-points {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .pain-label {\r\n            font-weight: 600;\r\n            color: var(--on-surface);\r\n            margin-bottom: 0.5rem;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .bubble {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1.5rem;\r\n            padding: 1.8rem 2.2rem;\r\n            border-radius: 1.5rem;\r\n            background-color: var(--surface-container-lowest);\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n            \r\n            \/* Sombra ambiental intensificada (Ambient Light Physics) *\/\r\n            box-shadow: 0 20px 40px rgba(39, 47, 60, 0.12); \r\n        }\r\n\r\n        \/* Resplandores de color (Glow) para llamar la atenci\u00f3n *\/\r\n        .bubble.entender { box-shadow: 0 20px 40px rgba(111, 81, 116, 0.15), 0 0 15px rgba(173, 216, 230, 0.3); }\r\n        .bubble.escuchar { box-shadow: 0 20px 40px rgba(111, 81, 116, 0.15), 0 0 15px rgba(255, 238, 253, 0.5); }\r\n        .bubble.estudiar { box-shadow: 0 20px 40px rgba(111, 81, 116, 0.15), 0 0 15px rgba(254, 217, 184, 0.4); }\r\n\r\n        .bubble:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 30px 60px rgba(39, 47, 60, 0.18);\r\n        }\r\n\r\n        .bubble svg { color: var(--primary); flex-shrink: 0; }\r\n        .bubble-text b { display: block; font-size: 1.3rem; font-weight: 800; color: var(--primary); }\r\n        .bubble-text span { color: var(--on-surface-variant); font-weight: 400; }\r\n\r\n        \/* Tarjeta de Soluci\u00f3n (Glassmorphism) *\/\r\n        .solution-card {\r\n            background: rgba(255, 255, 255, 0.8);\r\n            backdrop-filter: blur(20px);\r\n            padding: 4rem 3rem;\r\n            border-radius: 2.5rem;\r\n            text-align: center;\r\n            box-shadow: 0 25px 50px rgba(111, 81, 116, 0.1);\r\n        }\r\n\r\n        .solution-card p {\r\n            font-size: 1.25rem;\r\n            margin-bottom: 1.8rem;\r\n            color: var(--on-surface);\r\n        }\r\n\r\n        .solution-card b { color: var(--tertiary); font-weight: 800; }\r\n\r\n        .final-cta {\r\n            margin-top: 3rem;\r\n            font-size: 1.6rem;\r\n            font-weight: 800;\r\n            color: var(--on-surface);\r\n            border-top: 2px solid #ebf1ff;\r\n            padding-top: 2.5rem;\r\n        }\r\n\r\n        .final-cta span {\r\n            color: var(--primary);\r\n            background: linear-gradient(to top, var(--peach) 30%, transparent 30%);\r\n        }\r\n\r\n        \/* Responsividad *\/\r\n        @media (max-width: 992px) {\r\n            .content-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n            .header-main h2 { font-size: 2.2rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"academy-wrapper\">\r\n    <header class=\"header-main\">\r\n        <h2>\u00bfPor qu\u00e9 nosotros?<\/h2>\r\n        <p>Porque sabemos exactamente por lo que est\u00e1s pasando.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"content-grid\">\r\n        <div class=\"pain-points\">\r\n            <p class=\"pain-label\">Sabemos lo frustrante que es:<\/p>\r\n            \r\n            <div class=\"bubble entender\">\r\n                <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"\/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\/><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"\/><\/svg>\r\n                <div class=\"bubble-text\"><b>Entender<\/b> <span>pero no hablar<\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bubble escuchar\">\r\n                <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n                <div class=\"bubble-text\"><b>Escuchar<\/b> <span>pero no comprender<\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bubble estudiar\">\r\n                <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>\r\n                <div class=\"bubble-text\"><b>Estudiar...<\/b> <span>y no avanzar<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"solution-card\">\r\n            <p>Nosotros tambi\u00e9n <b>estuvimos<\/b> ah\u00ed.<\/p>\r\n            <p>Y por eso <b>creamos<\/b> un m\u00e9todo que s\u00ed <b>funciona.<\/b><\/p>\r\n            <p>Uno donde no te sientes <b>perdido,<\/b> no te sientes <b>juzgado,<\/b> y sobre todo... no te quedas <b>estancado.<\/b><\/p>\r\n            \r\n            <div class=\"final-cta\">\r\n                Aqu\u00ed avanzas porque <span>practicas.<\/span><br>\r\n                Y practicas porque te ense\u00f1amos c\u00f3mo <span>hacerlo bien.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d291d7a elementor-widget elementor-widget-html\" data-id=\"d291d7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Comportamiento suave de la p\u00e1gina *\/\r\n  html { scroll-behavior: smooth; }\r\n\r\n  \/* CAJA INVISIBLE PARA CENTRAR EL BOT\u00d3N *\/\r\n  .btn-ethereal-wrapper {\r\n    display: flex;\r\n    justify-content: center; \/* Centra horizontalmente *\/\r\n    align-items: center; \/* Centra verticalmente *\/\r\n    width: 100%; \/* Toma todo el ancho disponible *\/\r\n    margin: 25px 0; \/* Da un poco m\u00e1s de respiro arriba y abajo *\/\r\n  }\r\n\r\n  \/* La magia del dise\u00f1o Lumina Ethereal (Tonos pastel VIVOS, sin bordes, 3D suave) *\/\r\n  .btn-ethereal {\r\n    display: inline-block;\r\n    padding: 18px 45px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    font-size: 1.2rem;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    \r\n    \/* Color de texto oscuro para buen contraste con los nuevos pasteles vivos *\/\r\n    color: #333; \r\n    \r\n    border-radius: 50px;\r\n    border: none;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 1;\r\n    \r\n    \/* NUEVO GRADIENTE \"ARCO\u00cdRIS ENCENDIDO\" *\/\r\n    \/* Usamos tonos pasteles pero mucho m\u00e1s saturados\/vivos *\/\r\n    background: linear-gradient(135deg, \r\n      #FFB6C1, \/* Rosa chicle suave *\/\r\n      #FFFF99, \/* Amarillo canario suave *\/\r\n      #90EE90, \/* Verde lima suave *\/\r\n      #87CEFA, \/* Azul cielo vivo *\/\r\n      #E6E6FA, \/* Lavanda vivo *\/\r\n      #FFB6C1  \/* Volvemos al rosa para cerrar el ciclo *\/\r\n    );\r\n    background-size: 300% 300%;\r\n    \r\n    \/* Efecto 3D Neum\u00f3rfico - Ajustado para los colores m\u00e1s vivos *\/\r\n    box-shadow: \r\n      0 10px 20px rgba(135, 206, 250, 0.5), \/* Sombra exterior azulada suave *\/\r\n      inset 0 4px 6px rgba(255, 255, 255, 0.9), \/* Brillo interno superior *\/\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.1); \/* Sombra interna inferior sutil *\/\r\n    \r\n    \/* Animaciones constantes - Acelerada un poco la del gradiente para m\u00e1s impacto *\/\r\n    animation: \r\n      floatGlow 3s ease-in-out infinite, \/* Hace que flote *\/\r\n      gradientShift 4s ease infinite; \/* Mueve los colores m\u00e1s r\u00e1pido *\/\r\n    \r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* Efecto Hover (Al pasar el mouse) *\/\r\n  .btn-ethereal:hover {\r\n    transform: scale(1.08) translateY(-3px); \/* Crece un poco m\u00e1s y sube *\/\r\n    color: #000;\r\n    box-shadow: \r\n      0 15px 25px rgba(135, 206, 250, 0.7),\r\n      inset 0 4px 6px rgba(255, 255, 255, 1),\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  \/* Efecto Clic (Al presionarlo) *\/\r\n  .btn-ethereal:active {\r\n    transform: scale(0.96) translateY(2px);\r\n    box-shadow: \r\n      0 5px 10px rgba(135, 206, 250, 0.3),\r\n      inset 0 6px 12px rgba(0, 0, 0, 0.2),\r\n      inset 0 -2px 6px rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n de flotar *\/\r\n  @keyframes floatGlow {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n del fondo de colores (Gradiente) *\/\r\n  @keyframes gradientShift {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"btn-ethereal-wrapper\">\r\n  <a href=\"#seccion-planes\" class=\"btn-ethereal\">\r\n    \u2728 Ver Planes Anuales\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66a2dd1 e-con-full e-flex e-con e-child\" data-id=\"66a2dd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c7a9ad elementor-widget elementor-widget-html\" data-id=\"8c7a9ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* 1. CONTENEDOR DE SECCI\u00d3N (Ahora con FONDO BLANCO) *\/\r\n  .seccion-que-incluye {\r\n    \/* FONDO BLANCO SOLICITADO *\/\r\n    background-color: #FFFFFF !important; \r\n    padding: 100px 20px;\r\n    display: block; \/* Asegura que no flote sobre otros elementos *\/\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: 'Segoe UI', Roboto, sans-serif;\r\n  }\r\n\r\n  \/* T\u00cdTULO GIGANTE *\/\r\n  .titulo-gigante {\r\n    color: #6F5174 !important;\r\n    text-align: center;\r\n    font-size: 4.5rem; \/* Tama\u00f1o extra grande *\/\r\n    font-weight: 900;\r\n    margin-bottom: 60px;\r\n    margin-top: 0;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  \/* 2. GRID DE TARJETAS *\/\r\n  .contenedor-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n    gap: 30px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* 3. TARJETA CRISTAL AJUSTADA PARA FONDO BLANCO *\/\r\n  .tarjeta-cristal {\r\n    \/* Fondo ligeramente m\u00e1s opaco para que se note sobre blanco *\/\r\n    background: rgba(255, 255, 255, 0.7) !important;\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    \/* Borde ligeramente m\u00e1s oscuro para definici\u00f3n *\/\r\n    border: 1px solid rgba(111, 81, 116, 0.15) !important;\r\n    border-radius: 24px;\r\n    padding: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n    \r\n    \/* Animaci\u00f3n de flotaci\u00f3n con sombra sincronizada *\/\r\n    animation: flotarConSombra 5s ease-in-out infinite;\r\n  }\r\n\r\n  \/* EFECTO DE SOMBRA AJUSTADO PARA FONDO BLANCO *\/\r\n  @keyframes flotarConSombra {\r\n    0%, 100% {\r\n      transform: translateY(0);\r\n      \/* Sombra base sutil (tono lila) *\/\r\n      box-shadow: 0 10px 20px rgba(111, 81, 116, 0.12);\r\n    }\r\n    50% {\r\n      transform: translateY(-15px);\r\n      \/* Sombra m\u00e1s profunda y cyan al subir *\/\r\n      box-shadow: 0 25px 45px rgba(102, 181, 192, 0.3);\r\n    }\r\n  }\r\n\r\n  \/* Hover manual para resaltar *\/\r\n  .tarjeta-cristal:hover {\r\n    background: rgba(255, 255, 255, 0.9) !important;\r\n    border-color: #66B5C0 !important;\r\n    animation-play-state: paused; \/* Se detiene para que el usuario lea c\u00f3modo *\/\r\n    transform: scale(1.02); \/* Peque\u00f1o realce t\u00e1ctil *\/\r\n    transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  \/* ICONOS Y TEXTO *\/\r\n  .check-academy {\r\n    background: rgba(255, 122, 0, 0.15);\r\n    color: #FF7A00;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .check-academy svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    stroke-width: 3.5;\r\n  }\r\n\r\n  .texto-beneficio {\r\n    color: #2b2353;\r\n    font-weight: 700;\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  \/* 4. ANIMACI\u00d3N DE APARICI\u00d3N (REVEAL) *\/\r\n  .reveal {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.8s ease-out;\r\n  }\r\n\r\n  .reveal.active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* RESPONSIVO *\/\r\n  @media (max-width: 768px) {\r\n    .titulo-gigante { font-size: 2.8rem; }\r\n    .seccion-que-incluye { padding: 60px 15px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"seccion-que-incluye\">\r\n  <h2 class=\"titulo-gigante reveal\">\u00bfQu\u00e9 incluye?<\/h2>\r\n  \r\n  <div class=\"contenedor-grid\">\r\n    <div class=\"reveal\">\r\n      <div class=\"tarjeta-cristal\">\r\n        <div class=\"check-academy\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <span class=\"texto-beneficio\">Clases online en vivo<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reveal\">\r\n      <div class=\"tarjeta-cristal\">\r\n        <div class=\"check-academy\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <span class=\"texto-beneficio\">Acompa\u00f1amiento guiado<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reveal\">\r\n      <div class=\"tarjeta-cristal\">\r\n        <div class=\"check-academy\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <span class=\"texto-beneficio\">Material exclusivo<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reveal\">\r\n      <div class=\"tarjeta-cristal\">\r\n        <div class=\"check-academy\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <span class=\"texto-beneficio\">Recursos fuera del aula<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reveal\">\r\n      <div class=\"tarjeta-cristal\">\r\n        <div class=\"check-academy\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <span class=\"texto-beneficio\">Pr\u00e1ctica conversacional real<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reveal\">\r\n      <div class=\"tarjeta-cristal\">\r\n        <div class=\"check-academy\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <span class=\"texto-beneficio\">Entrenamiento en pronunciaci\u00f3n<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reveal\">\r\n      <div class=\"tarjeta-cristal\">\r\n        <div class=\"check-academy\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <span class=\"texto-beneficio\">Correcci\u00f3n y retroalimentaci\u00f3n<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ Script para que aparezcan al hacer scroll\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('active');\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n\r\n  document.querySelectorAll('.reveal').forEach((el) => observer.observe(el));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed450fe e-flex e-con-boxed e-con e-parent\" data-id=\"ed450fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dc82e9 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"7dc82e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap');\r\n\r\n  \/* --- SISTEMA DE DISE\u00d1O: THE ETHEREAL ACADEMY (LUMINOUS PRECISION) --- *\/\r\n  :root {\r\n    --surface: #f4f6ff;\r\n    --surface-container-low: #ebf1ff;\r\n    --surface-container-lowest: #ffffff;\r\n    --surface-container-highest: #d1ddf4;\r\n    \r\n    --primary: #6f5174;\r\n    --primary-dim: #4a334e; \r\n    \r\n    --secondary-fixed-dim: #8cd3f0; \r\n    --on-secondary-fixed: #003d4f;\r\n    --peach-accent: #fed9b8; \r\n    \r\n    --on-surface: #272f3c;\r\n    --on-surface-variant: #545c6a;\r\n    \r\n    --spacing-4: 1.4rem;\r\n    --radius-8: 0.5rem;\r\n    \r\n    --lp-shadow-soft: 0 10px 40px rgba(39, 47, 60, 0.06);\r\n    --lp-shadow-float: 0 4px 15px rgba(0, 0, 0, 0.03);\r\n  }\r\n\r\n  \/* FORZAR RESPONSIVIDAD ESTRICTA *\/\r\n  .bromeits-schedules-wrapper,\r\n  .bromeits-schedules-wrapper * {\r\n    box-sizing: border-box !important;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .bromeits-schedules-wrapper {\r\n    position: relative;\r\n    overflow: hidden; \r\n    background: linear-gradient(135deg, #e4f0fa 0%, #f4f6ff 100%);\r\n    color: var(--on-surface);\r\n    font-family: 'Manrope', sans-serif;\r\n    padding: 60px 20px;\r\n    width: 100%;\r\n  }\r\n\r\n  .lp-ambient-orbs {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n  \r\n  .orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    z-index: 0;\r\n  }\r\n  \r\n  .orb-1 { width: 350px; height: 350px; background: var(--secondary-fixed-dim); top: -10%; right: -5%; opacity: 0.6; }\r\n  .orb-2 { width: 250px; height: 250px; background: var(--peach-accent); bottom: 5%; left: -5%; opacity: 0.5; }\r\n  .orb-3 { width: 200px; height: 200px; background: var(--secondary-fixed-dim); bottom: 20%; right: 15%; opacity: 0.5; }\r\n  .orb-4 { width: 150px; height: 150px; background: var(--primary); top: 30%; left: 10%; opacity: 0.15; filter: blur(80px); }\r\n\r\n  .bromeits-schedules-container {\r\n    position: relative;\r\n    z-index: 1; \r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    background-color: transparent; \r\n    padding: 0; \r\n  }\r\n\r\n  .schedules-header {\r\n    margin-bottom: 20px; \r\n  }\r\n\r\n  .schedules-title {\r\n    font-size: 3.5rem; \r\n    font-weight: 800;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.02em;\r\n    color: var(--on-surface);\r\n  }\r\n\r\n  .schedules-title span {\r\n    color: var(--primary);\r\n  }\r\n\r\n  .subtitle-and-badge-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center; \r\n    gap: 20px;\r\n  }\r\n\r\n  .schedules-subtitle {\r\n    font-size: 1.375rem; \r\n    color: var(--on-surface-variant);\r\n    margin: 0;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n    max-width: 700px;\r\n  }\r\n\r\n  .timezone-badge {\r\n    background-color: var(--secondary-fixed-dim);\r\n    color: var(--on-secondary-fixed);\r\n    padding: 0.35rem 0.8rem; \r\n    border-radius: 1.5rem; \r\n    font-size: 0.7rem; \r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    white-space: nowrap; \r\n    flex-shrink: 0; \r\n  }\r\n\r\n  .schedules-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n    width: 100%;\r\n  }\r\n\r\n  .schedule-column {\r\n    min-width: 0; \r\n    width: 100%;\r\n  }\r\n\r\n  .column-title {\r\n    font-size: 2rem; \r\n    font-weight: 800;\r\n    margin-bottom: 25px;\r\n    display: flex;\r\n    align-items: center; \r\n    flex-wrap: nowrap; \r\n    white-space: nowrap; \r\n    gap: 8px; \r\n    color: var(--on-surface);\r\n  }\r\n\r\n  .column-title svg {\r\n    width: 28px; \r\n    height: 28px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .column-title .calendar-icon {\r\n    fill: var(--secondary-fixed-dim); \r\n  }\r\n\r\n  .column-title .armchair-icon {\r\n    fill: var(--primary); \r\n  }\r\n\r\n  .column-title .duration {\r\n    font-size: 1rem; \r\n    font-weight: 400;\r\n    color: #04647D; \r\n    margin-left: 0; \r\n  }\r\n\r\n  .schedule-column.weekday .schedule-card {\r\n    background-color: rgba(111, 81, 116, 0.06); \r\n    border-radius: var(--radius-8);\r\n    padding: 30px; \r\n    border: 1px solid rgba(255,255,255,0.6);\r\n    box-shadow: var(--lp-shadow-soft);\r\n    width: 100%;\r\n  }\r\n\r\n  .block-title {\r\n    font-size: 0.9rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    margin-bottom: 15px;\r\n    margin-top: 0;\r\n  }\r\n\r\n  .schedule-column.weekday .schedule-card > .block-title:first-of-type,\r\n  .weekend-card:nth-of-type(1) .block-title {\r\n    color: #6F5174;\r\n  }\r\n\r\n  .schedule-column.weekday .schedule-card > .block-title.mt-4,\r\n  .weekend-card:nth-of-type(2) .block-title {\r\n    color: #04647D;\r\n  }\r\n\r\n  .session-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    background-color: var(--surface-container-lowest); \r\n    padding: 1rem 1.2rem;\r\n    border-radius: var(--radius-8);\r\n    margin-bottom: 0.75rem;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    color: var(--on-surface);\r\n    box-shadow: var(--lp-shadow-float); \r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    gap: 10px; \r\n  }\r\n\r\n  .session-row:hover {\r\n    background-color: var(--surface-container-highest);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.06);\r\n  }\r\n\r\n  .mt-4 {\r\n    margin-top: 35px;\r\n  }\r\n\r\n  .session-grid-2col {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 0.75rem; \r\n  }\r\n\r\n  .session-box {\r\n    background-color: var(--surface-container-lowest); \r\n    padding: 1rem;\r\n    text-align: center;\r\n    border-radius: var(--radius-8);\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    color: var(--on-surface);\r\n    box-shadow: var(--lp-shadow-float); \r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .session-box:hover {\r\n    background-color: var(--surface-container-highest);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.06);\r\n  }\r\n\r\n  .weekend-card {\r\n    background-color: var(--surface-container-lowest); \r\n    margin-bottom: 25px;\r\n    padding: 30px;\r\n    padding-right: 8.5rem; \r\n    border-radius: var(--radius-8);\r\n    border: 1px solid rgba(255,255,255,0.8);\r\n    box-shadow: var(--lp-shadow-soft);\r\n    transition: transform 0.3s ease, opacity 0.8s ease-out; \r\n    width: 100%;\r\n  }\r\n  \r\n  .weekend-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 15px 40px rgba(39, 47, 60, 0.1);\r\n  }\r\n\r\n  .weekend-card .block-title {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .weekend-time {\r\n    font-size: 2.8rem; \r\n    font-weight: 800;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 10px;\r\n    color: var(--on-surface);\r\n    line-height: 1.2; \r\n  }\r\n\r\n  .weekend-desc {\r\n    color: var(--on-surface-variant);\r\n    font-size: 1rem;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* --- CLASES DE ANIMACI\u00d3N (SCROLL REVEAL) --- *\/\r\n  .reveal-element {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .reveal-element.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .delay-1 { transition-delay: 0.1s; }\r\n  .delay-2 { transition-delay: 0.25s; }\r\n  .delay-3 { transition-delay: 0.4s; }\r\n\r\n  \/* --- RESPONSIVO PARA TABLETS --- *\/\r\n  @media (max-width: 1000px) {\r\n    .schedules-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .subtitle-and-badge-row {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n    }\r\n    .schedules-title {\r\n      font-size: 2.5rem;\r\n    }\r\n    .weekend-card {\r\n      padding-right: 30px;\r\n    }\r\n    .delay-1 { transition-delay: 0.1s; }\r\n    .delay-2 { transition-delay: 0.15s; }\r\n    .delay-3 { transition-delay: 0.2s; }\r\n  }\r\n\r\n  \/* --- REDUCCI\u00d3N AGRESIVA PARA M\u00d3VILES (Evitar desbordamiento) --- *\/\r\n  @media (max-width: 500px) {\r\n    .bromeits-schedules-wrapper {\r\n      padding: 40px 10px; \/* Margen general reducido para dar m\u00e1s espacio central *\/\r\n    }\r\n    .session-grid-2col {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    \/* REDUCCI\u00d3N DE TAMA\u00d1OS FIJOS EN LA CABECERA DE COLUMNA *\/\r\n    .column-title {\r\n      font-size: 1.15rem; \/* Tama\u00f1o de letra mucho menor *\/\r\n      gap: 4px; \/* Espacio m\u00ednimo entre icono y texto *\/\r\n    }\r\n    .column-title svg {\r\n      width: 18px; \/* Icono reducido *\/\r\n      height: 18px;\r\n    }\r\n    .column-title .duration {\r\n      font-size: 0.65rem; \/* Texto de duraci\u00f3n significativamente m\u00e1s peque\u00f1o *\/\r\n    }\r\n\r\n    .schedule-column.weekday .schedule-card {\r\n      padding: 20px 12px; \r\n    }\r\n    .session-row {\r\n      padding: 0.8rem;\r\n      font-size: 0.85rem; \r\n    }\r\n    .session-box {\r\n      padding: 0.8rem;\r\n      font-size: 0.85rem;\r\n    }\r\n    .weekend-card {\r\n      padding: 20px 12px; \r\n    }\r\n    .weekend-time {\r\n      font-size: 1.75rem; \r\n    }\r\n    .schedules-title {\r\n      font-size: 2rem; \r\n    }\r\n    .timezone-badge {\r\n      font-size: 0.65rem;\r\n      white-space: normal;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bromeits-schedules-wrapper\">\r\n  <div class=\"lp-ambient-orbs\">\r\n    <div class=\"orb orb-1\"><\/div>\r\n    <div class=\"orb orb-2\"><\/div>\r\n    <div class=\"orb orb-3\"><\/div>\r\n    <div class=\"orb orb-4\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bromeits-schedules-container\">\r\n    \r\n    <div class=\"schedules-header\">\r\n      <h2 class=\"schedules-title reveal-element\">ENCUENTRA TU <span>ESPACIO IDEAL<\/span><\/h2>\r\n      \r\n      <div class=\"subtitle-and-badge-row reveal-element delay-1\">\r\n        <p class=\"schedules-subtitle\">Lugares limitados por grupo. Asegura tu horario antes de que se agoten.<\/p>\r\n        <span class=\"timezone-badge\">Hora Central M\u00e9xico (CST) UTC-6<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"schedules-grid\">\r\n      \r\n      <div class=\"schedule-column weekday\">\r\n        <h3 class=\"column-title\">\r\n          <svg class=\"calendar-icon\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z\"\/>\r\n          <\/svg>\r\n          Entre semana \r\n          <span class=\"duration\">(Lunes-Jueves, 1hr)<\/span>\r\n        <\/h3>\r\n        <div class=\"schedule-card reveal-element delay-2\">\r\n          \r\n          <h4 class=\"block-title\">BLOQUE MATUTINO<\/h4>\r\n          <div class=\"session-row\">\r\n            <span>Sesi\u00f3n A<\/span>\r\n            <span>9:00am - 10:00am<\/span>\r\n          <\/div>\r\n          <div class=\"session-row\">\r\n            <span>Sesi\u00f3n B<\/span>\r\n            <span>10:00am - 11:00am<\/span>\r\n          <\/div>\r\n\r\n          <h4 class=\"block-title mt-4\">BLOQUE VESPERTINO<\/h4>\r\n          <div class=\"session-grid-2col\">\r\n            <div class=\"session-box\">4:00pm - 5:00pm<\/div>\r\n            <div class=\"session-box\">5:00pm - 6:00pm<\/div>\r\n            <div class=\"session-box\">6:00pm - 7:00pm<\/div>\r\n            <div class=\"session-box\">7:00pm - 8:00pm<\/div>\r\n            <div class=\"session-box\">8:00pm - 9:00pm<\/div>\r\n            <div class=\"session-box\">9:00pm - 10:00pm<\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"schedule-column weekend\">\r\n        <h3 class=\"column-title\">\r\n          <svg class=\"armchair-icon\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M19.5 7h-1.3C18 6.53 17.58 6.13 17 5.86c-.58-.27-1.22-.4-1.87-.39H8.87c-.65-.01-1.29.12-1.87.39c-.58.27-1 .67-1.2 1.14H4.5A2.5 2.5 0 0 0 2 9.5v8a1 1 0 0 0 1 1h1v3a1 1 0 0 0 2 0v-3h12v3a1 1 0 0 0 2 0v-3h1a1 1 0 0 0 1-1v-8A2.5 2.5 0 0 0 19.5 7zM18 16.5H6v-6.6a1.5 1.5 0 0 1 1.5-1.5H16.5a1.5 1.5 0 0 1 1.5 1.5v6.6zm0-7.1H6v-1c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v1zM6.5 11.5a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1zm11 0a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z\"\/>\r\n          <\/svg>\r\n          Sabatino \r\n          <span class=\"duration\">(Intensivo, 4hrs)<\/span>\r\n        <\/h3>\r\n        \r\n        <div class=\"schedule-card weekend-card reveal-element delay-2\">\r\n          <h4 class=\"block-title\">MATUTINO<\/h4>\r\n          <div class=\"weekend-time\">9:00am - 1:00pm<\/div>\r\n          <p class=\"weekend-desc\">Perfecto para quienes inician el fin de semana con productividad.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"schedule-card weekend-card reveal-element delay-3\">\r\n          <h4 class=\"block-title\">VESPERTINO<\/h4>\r\n          <div class=\"weekend-time\">2:00pm - 6:00pm<\/div>\r\n          <p class=\"weekend-desc\">Ideal para equilibrar descanso y aprendizaje intensivo.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const observerOptions = {\r\n      root: null,\r\n      rootMargin: '0px',\r\n      threshold: 0.15 \r\n    };\r\n\r\n    const revealObserver = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, observerOptions);\r\n\r\n    const revealElements = document.querySelectorAll('.reveal-element');\r\n    revealElements.forEach(el => revealObserver.observe(el));\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2666a4 elementor-widget elementor-widget-html\" data-id=\"d2666a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Comportamiento suave de la p\u00e1gina *\/\r\n  html { scroll-behavior: smooth; }\r\n\r\n  \/* CAJA INVISIBLE PARA CENTRAR EL BOT\u00d3N *\/\r\n  .btn-ethereal-wrapper {\r\n    display: flex;\r\n    justify-content: center; \/* Centra horizontalmente *\/\r\n    align-items: center; \/* Centra verticalmente *\/\r\n    width: 100%; \/* Toma todo el ancho disponible *\/\r\n    margin: 25px 0; \/* Da un poco m\u00e1s de respiro arriba y abajo *\/\r\n  }\r\n\r\n  \/* La magia del dise\u00f1o Lumina Ethereal (Tonos pastel VIVOS, sin bordes, 3D suave) *\/\r\n  .btn-ethereal {\r\n    display: inline-block;\r\n    padding: 18px 45px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    font-size: 1.2rem;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    \r\n    \/* Color de texto oscuro para buen contraste con los nuevos pasteles vivos *\/\r\n    color: #333; \r\n    \r\n    border-radius: 50px;\r\n    border: none;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 1;\r\n    \r\n    \/* NUEVO GRADIENTE \"ARCO\u00cdRIS ENCENDIDO\" *\/\r\n    \/* Usamos tonos pasteles pero mucho m\u00e1s saturados\/vivos *\/\r\n    background: linear-gradient(135deg, \r\n      #FFB6C1, \/* Rosa chicle suave *\/\r\n      #FFFF99, \/* Amarillo canario suave *\/\r\n      #90EE90, \/* Verde lima suave *\/\r\n      #87CEFA, \/* Azul cielo vivo *\/\r\n      #E6E6FA, \/* Lavanda vivo *\/\r\n      #FFB6C1  \/* Volvemos al rosa para cerrar el ciclo *\/\r\n    );\r\n    background-size: 300% 300%;\r\n    \r\n    \/* Efecto 3D Neum\u00f3rfico - Ajustado para los colores m\u00e1s vivos *\/\r\n    box-shadow: \r\n      0 10px 20px rgba(135, 206, 250, 0.5), \/* Sombra exterior azulada suave *\/\r\n      inset 0 4px 6px rgba(255, 255, 255, 0.9), \/* Brillo interno superior *\/\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.1); \/* Sombra interna inferior sutil *\/\r\n    \r\n    \/* Animaciones constantes - Acelerada un poco la del gradiente para m\u00e1s impacto *\/\r\n    animation: \r\n      floatGlow 3s ease-in-out infinite, \/* Hace que flote *\/\r\n      gradientShift 4s ease infinite; \/* Mueve los colores m\u00e1s r\u00e1pido *\/\r\n    \r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* Efecto Hover (Al pasar el mouse) *\/\r\n  .btn-ethereal:hover {\r\n    transform: scale(1.08) translateY(-3px); \/* Crece un poco m\u00e1s y sube *\/\r\n    color: #000;\r\n    box-shadow: \r\n      0 15px 25px rgba(135, 206, 250, 0.7),\r\n      inset 0 4px 6px rgba(255, 255, 255, 1),\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  \/* Efecto Clic (Al presionarlo) *\/\r\n  .btn-ethereal:active {\r\n    transform: scale(0.96) translateY(2px);\r\n    box-shadow: \r\n      0 5px 10px rgba(135, 206, 250, 0.3),\r\n      inset 0 6px 12px rgba(0, 0, 0, 0.2),\r\n      inset 0 -2px 6px rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n de flotar *\/\r\n  @keyframes floatGlow {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n del fondo de colores (Gradiente) *\/\r\n  @keyframes gradientShift {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"btn-ethereal-wrapper\">\r\n  <a href=\"#seccion-planes\" class=\"btn-ethereal\">\r\n    \u2728 Ver Planes Anuales\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8960cfc e-con-full e-flex e-con e-parent\" data-id=\"8960cfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9f9c7d elementor-widget elementor-widget-html\" data-id=\"f9f9c7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Aviso para Extranjeros<\/title>\r\n<style>\r\n  \/* Elimina los m\u00e1rgenes por defecto del navegador *\/\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow-x: hidden; \/* Evita scroll horizontal accidental *\/\r\n  }\r\n\r\n  \/* Contenedor principal de ancho completo *\/\r\n  .aviso-wrapper {\r\n    background-color: #F0F6F9; \/* Fondo azul luminoso y sutil de tu paleta *\/\r\n    width: 100vw; \r\n    padding: 48px 20px;\r\n    box-sizing: border-box;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    border-top: 1px solid #E2E8F0;\r\n    border-bottom: 1px solid #E2E8F0;\r\n  }\r\n\r\n  \/* Contenedor interno centrado que organiza todo verticalmente *\/\r\n  .aviso-container {\r\n    max-width: 1000px; \r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start; \/* Alinea todo a la izquierda con el texto *\/\r\n    gap: 32px; \/* Mayor separaci\u00f3n entre el texto y el bot\u00f3n *\/\r\n  }\r\n\r\n  \/* Contenedor para el icono y el texto juntos *\/\r\n  .aviso-top-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px; \r\n  }\r\n\r\n  \/* Estilos del icono SVG en rojo *\/\r\n  .aviso-icono {\r\n    flex-shrink: 0;\r\n    width: 40px; \r\n    height: 40px;\r\n    color: #B91C1C; \/* Tono del t\u00edtulo y bot\u00f3n *\/\r\n  }\r\n\r\n  \/* Contenedor del texto *\/\r\n  .aviso-contenido {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  \/* Estilos del t\u00edtulo en rojo *\/\r\n  .aviso-contenido h3 {\r\n    margin: 0;\r\n    color: #B91C1C; \/* Tono de precisi\u00f3n primario *\/\r\n    font-size: 20px; \r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* Estilos del p\u00e1rrafo *\/\r\n  .aviso-contenido p {\r\n    margin: 0;\r\n    color: #64748B;\r\n    font-size: 16px; \r\n    line-height: 1.6; \r\n  }\r\n\r\n  \/* Estilos del bot\u00f3n con efecto *\/\r\n  .aviso-button {\r\n    display: inline-block;\r\n    background-color: #B91C1C; \/* Tono del t\u00edtulo *\/\r\n    color: white;\r\n    padding: 14px 28px;\r\n    border-radius: 8px; \/* Bordes suaves *\/\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    text-transform: uppercase; \/* Todo en may\u00fasculas *\/\r\n    transition: all 0.3s ease; \/* Transici\u00f3n suave para todos los efectos *\/\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); \/* Sombra inicial sutil *\/\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Efecto 'hover' \"chulo\" *\/\r\n  .aviso-button:hover {\r\n    background-color: #991B1B; \/* Rojo m\u00e1s oscuro para interacci\u00f3n *\/\r\n    transform: translateY(-2px); \/* Peque\u00f1a elevaci\u00f3n *\/\r\n    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); \/* Sombra m\u00e1s pronunciada *\/\r\n  }\r\n\r\n  \/* Ajustes para dispositivos m\u00f3viles *\/\r\n  @media (max-width: 600px) {\r\n    .aviso-top-content {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      text-align: left;\r\n    }\r\n    .aviso-container {\r\n        align-items: center; \/* Centrar bot\u00f3n en m\u00f3vil *\/\r\n    }\r\n    .aviso-button {\r\n        width: 100%; \/* Bot\u00f3n ancho completo en m\u00f3vil *\/\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"aviso-wrapper\">\r\n  <div class=\"aviso-container\">\r\n    \r\n    <div class=\"aviso-top-content\">\r\n        <svg class=\"aviso-icono\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"><\/path>\r\n        <\/svg>\r\n\r\n        <div class=\"aviso-contenido\">\r\n          <h3>AVISO PARA EXTRANJEROS<\/h3>\r\n          <p>Aceptamos estudiantes de todo el mundo. Los pagos internacionales se procesan v\u00eda Stripe en el equivalente a tu moneda local.<br>\r\n          Aseg\u00farate de verificar tu zona horaria respecto a CST (M\u00e9xico City).<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"aviso-button\">CLIC AQU\u00cd<\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb78a64 e-con-full e-flex e-con e-parent\" data-id=\"fb78a64\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6232da8 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"6232da8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Desplazamiento suave para cuando den clic en los botones de tu p\u00e1gina *\/\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  \/* =========================================\r\n     DISE\u00d1O DE ALTO IMPACTO: ANCLAJE DE VALOR (value-anchor)\r\n     ========================================= *\/\r\n  \r\n  .bromeits-value-anchor {\r\n    text-align: center;\r\n    margin-bottom: 25px;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  .bromeits-anchor-subtitle {\r\n    color: #ffffff; \r\n    font-size: 18px; \r\n    font-weight: 900;\r\n    letter-spacing: 3px;\r\n    margin: 0 0 10px 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .discount-brush-wrapper {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    min-height: 80px; \r\n  }\r\n\r\n  .discount-mass-img {\r\n    height: 110px !important; \r\n    max-height: none !important;\r\n    width: auto !important;\r\n    object-fit: contain !important; \r\n    display: block;\r\n    margin: 0 auto;\r\n    filter: drop-shadow(0 0 15px rgba(255, 59, 48, 0.9)) \r\n           drop-shadow(0 0 3px rgba(255, 59, 48, 1)); \r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .price-anchor-line {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 12px; \r\n    padding-bottom: 25px; \r\n    margin-bottom: 5px; \r\n  }\r\n\r\n  .original-price-text {\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    color: #ffeefd; \r\n    text-decoration: line-through; \r\n    text-decoration-color: #FF3B30; \r\n    letter-spacing: -0.5px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .final-price-text {\r\n    font-size: 72px; \r\n    font-weight: 800;\r\n    letter-spacing: -2px;\r\n    line-height: 1;\r\n    background: linear-gradient(180deg, #FDE18C 0%, #D8AA47 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    filter: drop-shadow(0 0 20px rgba(255, 122, 0, 0.6)) \r\n           drop-shadow(0 2px 8px rgba(255, 122, 0, 0.9)); \r\n    display: flex;\r\n    align-items: baseline;\r\n  }\r\n\r\n  .bromeits-currency-golden {\r\n    font-size: 42px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .bromeits-mxn-golden {\r\n    color: #ffeefd; \r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin-left: 8px;\r\n    letter-spacing: 0px;\r\n  }\r\n\r\n  .pop-animation {\r\n    animation: popUpdate 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  @keyframes popUpdate {\r\n    0% { opacity: 0; transform: scale(0.9); }\r\n    100% { opacity: 1; transform: scale(1); }\r\n  }\r\n\r\n  \/* =========================================\r\n     SISTEMA DE DISE\u00d1O\r\n     ========================================= *\/\r\n\r\n  .bromeits-tabs-container {\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    margin: 0 auto 20px auto;\r\n    background: transparent; \r\n  }\r\n\r\n  .bromeits-tabs-header {\r\n    display: flex;\r\n    background-color: #DEE9FD !important; \r\n    border-radius: 50px; \r\n    padding: 6px; \r\n    margin-bottom: 12px; \r\n    overflow-x: auto;\r\n    white-space: nowrap;\r\n    -webkit-overflow-scrolling: touch;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); \r\n    scroll-behavior: smooth; \r\n  }\r\n\r\n  .bromeits-tabs-header::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .bromeits-tab-btn {\r\n    background-color: transparent !important; \r\n    color: #04647D !important; \r\n    border: none;\r\n    border-radius: 50px !important; \r\n    padding: 14px 25px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    flex-shrink: 0;\r\n    outline: none;\r\n    margin: 0 2px; \r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .bromeits-tab-btn {\r\n      flex: 1;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  .bromeits-tab-btn.active {\r\n    color: #ffffff !important; \r\n    background-color: #66B5C0 !important; \r\n    box-shadow: 0 4px 10px rgba(102, 181, 192, 0.3); \r\n  }\r\n\r\n  .bromeits-tab-content-wrapper {\r\n    padding: 40px 15px;\r\n    background: linear-gradient(145deg, #EBF1FF 0%, #DEE9FD 100%);\r\n    border: 1px solid #FFFFFF; \r\n    border-radius: 24px; \r\n    color: #3d3d52; \r\n    text-align: center;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), inset 0 2px 5px rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  .bromeits-tab-content {\r\n    display: none;\r\n    animation: fadeIn 0.4s ease-in-out;\r\n  }\r\n\r\n  .bromeits-tab-content.active {\r\n    display: block;\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(5px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .bromeits-warning-subtitle {\r\n    color: #FF3B30; \r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.5;\r\n    margin-bottom: 25px; \r\n    padding: 0 10px;\r\n  }\r\n\r\n  .bromeits-tab-image {\r\n    max-width: 100%;\r\n    width: 260px; \r\n    display: block;\r\n    margin: 0 auto 20px auto; \r\n    border-radius: 6px;\r\n  }\r\n\r\n  .assemble-item {\r\n    opacity: 0;\r\n    transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  .assemble-from-top { transform: translateY(-40px); }\r\n  .assemble-from-left { transform: translateX(-40px); }\r\n  .assemble-from-bottom { transform: translateY(40px); }\r\n\r\n  .assemble-item.is-visible {\r\n    opacity: 1;\r\n    transform: translate(0, 0);\r\n  }\r\n<\/style>\r\n\r\n<div id=\"seccion-planes\" class=\"bromeits-value-anchor assemble-item assemble-from-top\">\r\n  <p class=\"bromeits-anchor-subtitle\">PLANES ANUALES<\/p>\r\n  \r\n  <div class=\"discount-brush-wrapper\">\r\n    <img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/70-e1774599655873.png\" id=\"bromeits-badge-img\" alt=\"Porcentaje de Descuento\" style=\"height: 110px !important; width: auto !important; max-height: none !important; display: block; filter: drop-shadow(0 0 15px rgba(255, 59, 48, 0.9)) drop-shadow(0 0 3px rgba(255, 59, 48, 1)); transition: transform 0.3s ease;\">\r\n  <\/div>\r\n  \r\n  <div class=\"price-anchor-line\">\r\n    <span class=\"original-price-text\" id=\"bromeits-original-price\">$20,000 MXN<\/span>\r\n    <span class=\"final-price-text\" id=\"bromeits-price-container\">\r\n      <span class=\"bromeits-currency-golden\">$<\/span>\r\n      <span id=\"bromeits-hero-price\">5,999<\/span>\r\n      <span class=\"bromeits-mxn-golden\" id=\"bromeits-price-suffix\">MXN<\/span>\r\n    <\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"bromeits-tabs-container\">\r\n  \r\n  <div class=\"bromeits-tabs-header assemble-item assemble-from-left\">\r\n    <button class=\"bromeits-tab-btn active\" onclick=\"openPlan(event, 'plan-1', '5,999', 'MXN', 'https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/70-e1774599655873.png', '$20,000 MXN')\">Pago \u00danico<\/button>\r\n    <button class=\"bromeits-tab-btn\" onclick=\"openPlan(event, 'plan-2', '2,333', '\/MES', 'https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/65-e1774599622992.png', '$20,000 MXN')\">3 Meses<\/button>\r\n    <button class=\"bromeits-tab-btn\" onclick=\"openPlan(event, 'plan-3', '1,333', '\/MES', 'https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/60-e1774599591477.png', '$20,000 MXN')\">6 Meses<\/button>\r\n    <button class=\"bromeits-tab-btn\" onclick=\"openPlan(event, 'plan-4', '944', '\/MES', 'https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/57-e1774599552812.png', '$20,000 MXN')\">9 Meses<\/button>\r\n    <button class=\"bromeits-tab-btn\" onclick=\"openPlan(event, 'plan-5', '750', '\/MES', 'https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/55-e1774599501930.png', '$20,000 MXN')\">12 Meses<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"bromeits-tab-content-wrapper assemble-item assemble-from-bottom\">\r\n    \r\n    <div id=\"plan-1\" class=\"bromeits-tab-content active\">\r\n      <p style=\"color: #3d3d52;\"><script async src=\"https:\/\/js.stripe.com\/v3\/pricing-table.js\"><\/script>\r\n<stripe-pricing-table pricing-table-id=\"prctbl_1TDi6aGJn5qZ9nZDfe2rbTT5\" publishable-key=\"pk_live_51TB2HtGJn5qZ9nZDmTQIjhwiiyhnhDNwGXo7KXTWwpskW2sREsJV47KE5TzRI0UcUEkxWSmUM2pv7DH1z1J4ZOK0008y1B1AEJ\"><\/stripe-pricing-table><\/p>\r\n    <\/div>\r\n\r\n    <div id=\"plan-2\" class=\"bromeits-tab-content\">\r\n      <p class=\"bromeits-warning-subtitle\">\u00a1IMPORTANTE! SI NO SELECCIONAS LA CASILLA QUE SE MUESTRA EN LA IMAGEN DE ABAJO, TU COMPRA NO SE DIFERIR\u00c1 A MESES.<\/p>\r\n      <img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/imagen-pagar-en-cuotas.png\" alt=\"Pagar en cuotas\" class=\"bromeits-tab-image\">\r\n      <p style=\"color: #3d3d52;\"><script async src=\"https:\/\/js.stripe.com\/v3\/pricing-table.js\"><\/script>\r\n<stripe-pricing-table pricing-table-id=\"prctbl_1TE1aMGJn5qZ9nZDep4iXaq3\" publishable-key=\"pk_live_51TB2HtGJn5qZ9nZDmTQIjhwiiyhnhDNwGXo7KXTWwpskW2sREsJV47KE5TzRI0UcUEkxWSmUM2pv7DH1z1J4ZOK0008y1B1AEJ\"><\/stripe-pricing-table><\/p>\r\n    <\/div>\r\n\r\n    <div id=\"plan-3\" class=\"bromeits-tab-content\">\r\n      <p class=\"bromeits-warning-subtitle\">\u00a1IMPORTANTE! SI NO SELECCIONAS LA CASILLA QUE SE MUESTRA EN LA IMAGEN DE ABAJO, TU COMPRA NO SE DIFERIR\u00c1 A MESES.<\/p>\r\n      <img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/imagen-pagar-en-cuotas.png\" alt=\"Pagar en cuotas\" class=\"bromeits-tab-image\">\r\n      <p style=\"color: #3d3d52;\"><script async src=\"https:\/\/js.stripe.com\/v3\/pricing-table.js\"><\/script>\r\n<stripe-pricing-table pricing-table-id=\"prctbl_1TE1h2GJn5qZ9nZDSwLVxIAG\" publishable-key=\"pk_live_51TB2HtGJn5qZ9nZDmTQIjhwiiyhnhDNwGXo7KXTWwpskW2sREsJV47KE5TzRI0UcUEkxWSmUM2pv7DH1z1J4ZOK0008y1B1AEJ\"><\/stripe-pricing-table><\/p>\r\n    <\/div>\r\n\r\n    <div id=\"plan-4\" class=\"bromeits-tab-content\">\r\n      <p class=\"bromeits-warning-subtitle\">\u00a1IMPORTANTE! SI NO SELECCIONAS LA CASILLA QUE SE MUESTRA EN LA IMAGEN DE ABAJO, TU COMPRA NO SE DIFERIR\u00c1 A MESES.<\/p>\r\n      <img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/imagen-pagar-en-cuotas.png\" alt=\"Pagar en cuotas\" class=\"bromeits-tab-image\">\r\n      <p style=\"color: #3d3d52;\"><script async src=\"https:\/\/js.stripe.com\/v3\/pricing-table.js\"><\/script>\r\n<stripe-pricing-table pricing-table-id=\"prctbl_1TE1ibGJn5qZ9nZD7m3VyMig\" publishable-key=\"pk_live_51TB2HtGJn5qZ9nZDmTQIjhwiiyhnhDNwGXo7KXTWwpskW2sREsJV47KE5TzRI0UcUEkxWSmUM2pv7DH1z1J4ZOK0008y1B1AEJ\"><\/stripe-pricing-table><\/p>\r\n    <\/div>\r\n\r\n    <div id=\"plan-5\" class=\"bromeits-tab-content\">\r\n      <p class=\"bromeits-warning-subtitle\">\u00a1IMPORTANTE! SI NO SELECCIONAS LA CASILLA QUE SE MUESTRA EN LA IMAGEN DE ABAJO, TU COMPRA NO SE DIFERIR\u00c1 A MESES.<\/p>\r\n      <img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/uploads\/2026\/03\/imagen-pagar-en-cuotas.png\" alt=\"Pagar en cuotas\" class=\"bromeits-tab-image\">\r\n      <p style=\"color: #3d3d52;\"><script async src=\"https:\/\/js.stripe.com\/v3\/pricing-table.js\"><\/script>\r\n<stripe-pricing-table pricing-table-id=\"prctbl_1TE1jYGJn5qZ9nZDw3Z6K8By\" publishable-key=\"pk_live_51TB2HtGJn5qZ9nZDmTQIjhwiiyhnhDNwGXo7KXTWwpskW2sREsJV47KE5TzRI0UcUEkxWSmUM2pv7DH1z1J4ZOK0008y1B1AEJ\"><\/stripe-pricing-table><\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function openPlan(evt, planName, newPrice, newSuffix, newImgSrc, newOriginalPrice) {\r\n    var i, tabcontent, tablinks;\r\n    \r\n    tabcontent = document.getElementsByClassName(\"bromeits-tab-content\");\r\n    for (i = 0; i < tabcontent.length; i++) {\r\n      tabcontent[i].classList.remove(\"active\");\r\n    }\r\n    \r\n    tablinks = document.getElementsByClassName(\"bromeits-tab-btn\");\r\n    for (i = 0; i < tablinks.length; i++) {\r\n      tablinks[i].classList.remove(\"active\");\r\n    }\r\n    \r\n    document.getElementById(planName).classList.add(\"active\");\r\n    evt.currentTarget.classList.add(\"active\");\r\n\r\n    evt.currentTarget.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });\r\n\r\n    var priceContainer = document.getElementById(\"bromeits-price-container\");\r\n    var badgeImgContainer = document.getElementById(\"bromeits-badge-img\"); \r\n    var originalPriceContainer = document.getElementById(\"bromeits-original-price\");\r\n    \r\n    priceContainer.classList.remove(\"pop-animation\");\r\n    badgeImgContainer.classList.remove(\"pop-animation\");\r\n    originalPriceContainer.classList.remove(\"pop-animation\");\r\n    \r\n    void priceContainer.offsetWidth; \r\n    void badgeImgContainer.offsetWidth;\r\n    void originalPriceContainer.offsetWidth;\r\n    \r\n    document.getElementById(\"bromeits-hero-price\").innerText = newPrice;\r\n    document.getElementById(\"bromeits-price-suffix\").innerText = newSuffix;\r\n    badgeImgContainer.src = newImgSrc;\r\n    originalPriceContainer.innerText = newOriginalPrice; \r\n    \r\n    priceContainer.classList.add(\"pop-animation\");\r\n    badgeImgContainer.classList.add(\"pop-animation\");\r\n    originalPriceContainer.classList.add(\"pop-animation\");\r\n  }\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"is-visible\");\r\n          observer.unobserve(entry.target); \r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n\r\n    var assembleItems = document.querySelectorAll(\".assemble-item\");\r\n    assembleItems.forEach(function(item) {\r\n      observer.observe(item);\r\n    });\r\n  });\r\n\r\n  \/\/ =========================================\r\n  \/\/ SCRIPT: DESPLAZAMIENTO ULTRA-SUAVE (Mantequilla Pura)\r\n  \/\/ =========================================\r\n  if (typeof jQuery !== 'undefined') {\r\n    jQuery(document).ready(function($) {\r\n      $('a[href^=\"#\"]').on('click', function(event) {\r\n        var target = $(this.getAttribute('href'));\r\n        \r\n        if (target.length) {\r\n          event.preventDefault(); \r\n          var scrollTopPosition = target.offset().top - 20;\r\n          \r\n          $('html, body').animate({\r\n            scrollTop: scrollTopPosition\r\n          }, 1500, 'swing'); \r\n        }\r\n      });\r\n    });\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73bdaaa e-con-full e-flex e-con e-parent\" data-id=\"73bdaaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1f8352 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f1f8352\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"bromeits-pricing-wrapper\">\r\n  <div class=\"bromeits-pricing-card\">\r\n    <h2 class=\"bromeits-title\">Plan Prepago Semanal<\/h2>\r\n    <p class=\"bromeits-subtitle\">Sin compromiso. Prueba nuestro sistema flexible de pago por semana y cancela cuando quieras<\/p>\r\n    \r\n    <div class=\"bromeits-price-container\">\r\n      <span class=\"bromeits-price\">$399<\/span>\r\n      <span class=\"bromeits-currency\">MXN \/ Semana<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"bromeits-promo-box\">\r\n      <span class=\"bromeits-promo-text\">\ud83d\udd25 Promoci\u00f3n especial:<\/span> \r\n      <span class=\"bromeits-promo-highlight\">4x3 PAGA 3 semanas por tan SOLO $1,199<\/span>\r\n    <\/div>\r\n    \r\n    <button class=\"bromeits-btn\">Inscribirse por Semana<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap');\r\n\r\n  \/* Reglas Ethereal Academy *\/\r\n  .bromeits-pricing-wrapper {\r\n    --surface-lowest: #ffffff;\r\n    --surface-low: #ebf1ff;\r\n    --primary: #6f5174;\r\n    --primary-dim: #624568;\r\n    --on-primary: #ffeefd;\r\n    --on-surface: #272f3c;\r\n    --on-surface-variant: #545c6a;\r\n    --tertiary-container: #fed9b8; \/* Tono durazno *\/\r\n    --tertiary: #71563d;\r\n    \r\n    font-family: 'Manrope', system-ui, -apple-system, sans-serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 40px 20px;\r\n    box-sizing: border-box;\r\n    \/* Fondo opcional para que notes el contraste de la tarjeta flotante *\/\r\n    background-color: var(--surface-low); \r\n  }\r\n\r\n  .bromeits-pricing-wrapper *, \r\n  .bromeits-pricing-wrapper *::before, \r\n  .bromeits-pricing-wrapper *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-pricing-card {\r\n    background-color: var(--surface-lowest);\r\n    border-radius: 24px;\r\n    padding: 56px 48px;\r\n    width: 100%;\r\n    max-width: 600px;\r\n    text-align: center;\r\n    \/* Ambient Light Physics: Sombra amplia y muy transparente *\/\r\n    box-shadow: 0 40px 60px rgba(39, 47, 60, 0.05); \r\n    position: relative;\r\n    border: none; \/* Cero bordes seg\u00fan la regla *\/\r\n    margin: 0 auto;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n\r\n  \/* Cambio sutil al hacer hover sobre la tarjeta *\/\r\n  .bromeits-pricing-wrapper .bromeits-pricing-card:hover {\r\n    background-color: #fdfdff; \r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-title {\r\n    color: var(--on-surface);\r\n    font-size: 2rem; \/* headline-lg *\/\r\n    font-weight: 800;\r\n    margin-top: 0;\r\n    margin-bottom: 16px;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-subtitle {\r\n    color: var(--on-surface-variant);\r\n    font-size: 1rem; \/* body-lg *\/\r\n    line-height: 1.6;\r\n    margin-top: 0;\r\n    margin-bottom: 40px;\r\n    max-width: 450px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-price-container {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-price {\r\n    color: var(--primary);\r\n    font-size: 4rem; \/* display-lg *\/\r\n    font-weight: 800;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-currency {\r\n    color: var(--on-surface-variant);\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    margin-left: 8px;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-promo-box {\r\n    display: inline-block;\r\n    background-color: var(--tertiary-container);\r\n    color: var(--tertiary);\r\n    padding: 14px 32px;\r\n    border-radius: 50px;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-promo-text {\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-promo-highlight {\r\n    font-weight: 800;\r\n    font-size: 1.1rem;\r\n    color: var(--on-surface);\r\n  }\r\n\r\n  \/* Signature CTA: Gradiente y forma de p\u00edldora *\/\r\n  .bromeits-pricing-wrapper .bromeits-btn {\r\n    background: linear-gradient(135deg, var(--primary), var(--primary-dim));\r\n    color: var(--on-primary);\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    padding: 18px 40px;\r\n    border: none;\r\n    border-radius: 1.5rem; \/* xl roundedness *\/\r\n    cursor: pointer;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n    width: 100%;\r\n    max-width: 320px;\r\n    box-shadow: 0 8px 24px rgba(111, 81, 116, 0.2);\r\n    font-family: inherit;\r\n  }\r\n\r\n  .bromeits-pricing-wrapper .bromeits-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 32px rgba(111, 81, 116, 0.35);\r\n  }\r\n\r\n  \/* Responsivo para m\u00f3viles *\/\r\n  @media (max-width: 600px) {\r\n    .bromeits-pricing-wrapper {\r\n      padding: 20px 16px;\r\n    }\r\n    .bromeits-pricing-wrapper .bromeits-pricing-card {\r\n      padding: 40px 24px;\r\n      border-radius: 20px;\r\n    }\r\n    .bromeits-pricing-wrapper .bromeits-title {\r\n      font-size: 1.5rem;\r\n    }\r\n    .bromeits-pricing-wrapper .bromeits-subtitle {\r\n      font-size: 0.95rem;\r\n      margin-bottom: 32px;\r\n    }\r\n    .bromeits-pricing-wrapper .bromeits-price {\r\n      font-size: 3rem;\r\n    }\r\n    .bromeits-pricing-wrapper .bromeits-promo-box {\r\n      padding: 12px 20px;\r\n      width: 100%;\r\n    }\r\n    .bromeits-pricing-wrapper .bromeits-btn {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-994ac1e e-con-full e-flex e-con e-parent\" data-id=\"994ac1e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06a7eee elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"06a7eee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Comparaci\u00f3n de Planes - BROMEITS<\/title>\r\n    <style>\r\n        \/* --- ESTILOS GENERALES --- *\/\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n            background-color: #E6EBFC; \r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .seccion-comparacion {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 80px 20px; \r\n            box-sizing: border-box;\r\n            text-align: center;\r\n        }\r\n\r\n        .titulo-seccion {\r\n            font-size: 32px;\r\n            font-weight: 700;\r\n            color: #1A2035;\r\n            margin-bottom: 50px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* --- CONTENEDOR DE TARJETAS (ESCRITORIO) --- *\/\r\n        .tarjetas-grid {\r\n            display: flex;\r\n            flex-wrap: nowrap; \r\n            justify-content: center; \r\n            align-items: stretch;\r\n            gap: 30px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* --- ESTILOS DE LA TARJETA --- *\/\r\n        .plan-tarjeta {\r\n            background-color: #FFFFFF;\r\n            border-radius: 30px;\r\n            padding: 40px;\r\n            width: calc(50% - 15px); \r\n            max-width: 480px; \r\n            box-sizing: border-box;\r\n            text-align: left;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.05); \r\n        }\r\n\r\n        .titulo-plan {\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            color: #1A2035;\r\n            margin: 0 0 10px 0;\r\n        }\r\n\r\n        .precio-plan {\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            color: #26D07C; \r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .precio-plan span {\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            color: #636D88;\r\n        }\r\n\r\n        \/* --- NUEVO: ESTILO PARA LA ADVERTENCIA DEL PRECIO --- *\/\r\n        .advertencia-precio {\r\n            font-size: 13px;\r\n            color: #FF5F5A; \/* Mismo rojo de las cruces para mantener coherencia *\/\r\n            margin-top: -20px; \/* Sube el texto para pegarlo al precio *\/\r\n            margin-bottom: 30px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .plan-tarjeta ul {\r\n            list-style: none;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .plan-tarjeta ul li {\r\n            font-size: 16px;\r\n            color: #636D88;\r\n            margin-bottom: 18px;\r\n            display: flex;\r\n            align-items: flex-start; \r\n            line-height: 1.4;\r\n        }\r\n\r\n        .plan-tarjeta ul li::before {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 18px;\r\n            height: 18px;\r\n            min-width: 18px; \r\n            margin-right: 12px;\r\n            margin-top: 2px; \r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n        }\r\n\r\n        .caracteristica-check::before {\r\n            background-image: url('data:image\/svg+xml;charset=utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"%2326D07C\" d=\"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z\"\/><\/svg>');\r\n        }\r\n\r\n        .caracteristica-cruz::before {\r\n            background-image: url('data:image\/svg+xml;charset=utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"%23FF5F5A\" d=\"M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z\"\/><\/svg>');\r\n        }\r\n\r\n        .texto-recomendacion {\r\n            font-size: 14px;\r\n            color: #8C96AD;\r\n            font-style: italic;\r\n            margin-top: 30px;\r\n            display: block;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* --- AJUSTES PARA CELULAR (RESPONSIVE) --- *\/\r\n        @media (max-width: 768px) {\r\n            .seccion-comparacion {\r\n                padding: 30px 15px; \r\n            }\r\n\r\n            .titulo-seccion {\r\n                font-size: 24px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .tarjetas-grid {\r\n                flex-direction: column;\r\n                align-items: center; \r\n                gap: 20px;\r\n            }\r\n\r\n            .plan-tarjeta {\r\n                width: 100%; \r\n                padding: 25px 20px; \r\n            }\r\n\r\n            .texto-recomendacion {\r\n                margin-top: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"seccion-comparacion\">\r\n        <h2 class=\"titulo-seccion\">COMPARACI\u00d3N DE PLANES<\/h2>\r\n\r\n        <div class=\"tarjetas-grid\">\r\n            <article class=\"plan-tarjeta\">\r\n                <h3 class=\"titulo-plan\">Plan Anual<\/h3>\r\n                <div class=\"precio-plan\">Desde $5,999 MXN <span>\/ un solo pago<\/span><\/div>\r\n                <ul>\r\n                    <li class=\"caracteristica-check\">Ahorro m\u00e1ximo garantizado pagando de contado<\/li>\r\n                    <li class=\"caracteristica-check\">Opciones flexibles de pago de 3 a 12 Meses Sin Intereses<\/li>\r\n                    <li class=\"caracteristica-check\">Acceso ininterrumpido a todas las clases y plataforma<\/li>\r\n                    <li class=\"caracteristica-check\">Materiales y recursos premium incluidos todo el a\u00f1o<\/li>\r\n                    <li class=\"caracteristica-check\">Acceso ilimitado al curso hasta que lo finalices*<\/li>\r\n                <\/ul>\r\n                <span class=\"texto-recomendacion\">*Aplican t\u00e9rminos y condiciones. Ideal para compromiso a largo plazo y obtener el costo total m\u00e1s bajo.<\/span>\r\n            <\/article>\r\n\r\n            <article class=\"plan-tarjeta\">\r\n                <h3 class=\"titulo-plan\">Prepago Semanal<\/h3>\r\n                <div class=\"precio-plan\" style=\"margin-bottom: 20px;\">$399 MXN <span>\/ semanales<\/span><\/div>\r\n                <p class=\"advertencia-precio\">(Terminas pagando m\u00e1s de $20,000 al a\u00f1o)<\/p>\r\n                <ul>\r\n                    <li class=\"caracteristica-check\">Total libertad, sin plazos forzosos ni contratos<\/li>\r\n                    <li class=\"caracteristica-check\">Paga de forma flexible y solo por las semanas que usas<\/li>\r\n                    <li class=\"caracteristica-check\">Acceso total a las mismas clases y metodolog\u00eda<\/li>\r\n                    <li class=\"caracteristica-cruz\">Costo total acumulado a largo plazo m\u00e1s elevado<\/li>\r\n                <\/ul>\r\n                <span class=\"texto-recomendacion\">*Ideal para probar las clases de ingl\u00e9s o para ingresos variables.<\/span>\r\n            <\/article>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-590f514 e-con-full e-flex e-con e-parent\" data-id=\"590f514\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3a7bd7c e-con-full e-flex e-con e-child\" data-id=\"3a7bd7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-021c9fa elementor-widget elementor-widget-heading\" data-id=\"021c9fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">SI A\u00daN NO EST\u00c1S CONVENCIDO<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acf61dc elementor-widget elementor-widget-elementskit-testimonial\" data-id=\"acf61dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-testimonial.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"elementskit-testimonial-slider ekit-testimonia-style-4 arrow_inside \" data-config=\"{&quot;rtl&quot;:false,&quot;arrows&quot;:false,&quot;dots&quot;:false,&quot;pauseOnHover&quot;:true,&quot;autoplay&quot;:true,&quot;speed&quot;:1000,&quot;slidesPerGroup&quot;:2,&quot;slidesPerView&quot;:2,&quot;loop&quot;:false,&quot;spaceBetween&quot;:15,&quot;breakpoints&quot;:{&quot;320&quot;:{&quot;slidesPerView&quot;:1,&quot;slidesPerGroup&quot;:2,&quot;spaceBetween&quot;:10},&quot;768&quot;:{&quot;slidesPerView&quot;:2,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:10},&quot;1024&quot;:{&quot;slidesPerView&quot;:2,&quot;slidesPerGroup&quot;:2,&quot;spaceBetween&quot;:15}}}\">\n\t<div class=\"ekit-main-swiper swiper\">\n\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t<div class=\"elementskit-single-testimonial-slider elementskit-testimonial-slider-block-style  elementor-repeater-item-62ce2c8\" >\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-bio \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-commentor-image ekit-testimonial--avatar\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" class=\"\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-profile-info\">\n\t\t\t\t\t\t\t\t\t<strong class=\"elementskit-author-name\">Alejandro Gonzalez<\/strong>\n\t\t\t\t\t\t\t\t\t<span class=\"elementskit-author-des\">Alumno<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"elementskit-watermark-icon ekit_watermark_icon_custom_position\">\n\t\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-quote\"><\/i>\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Siempre me dio mucha pena hablar en ingl\u00e9s en mis juntas de trabajo, pero la metodolog\u00eda de las clases me ayud\u00f3 a soltarme. El profesor tiene much\u00edsima paciencia y explica los temas complejos de una forma que por fin pude entender. \u00a1Totalmente recomendados!<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"elementskit-stars\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .commentor-content END -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t<div class=\"elementskit-single-testimonial-slider elementskit-testimonial-slider-block-style  elementor-repeater-item-0ed610d\" >\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-bio \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-commentor-image ekit-testimonial--avatar\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" class=\"\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-profile-info\">\n\t\t\t\t\t\t\t\t\t<strong class=\"elementskit-author-name\">Estefania Vidal<\/strong>\n\t\t\t\t\t\t\t\t\t<span class=\"elementskit-author-des\">Alumna<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"elementskit-watermark-icon ekit_watermark_icon_custom_position\">\n\t\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-quote\"><\/i>\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Estaba buscando un curso que se adaptara a mis horarios de la universidad y que no fuera el t\u00edpico sistema aburrido. Las clases en l\u00ednea son s\u00faper din\u00e1micas, el tiempo se pasa volando y siento que he avanzado m\u00e1s en estos meses que en a\u00f1os de escuela tradicional.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"elementskit-stars\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .commentor-content END -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t<div class=\"elementskit-single-testimonial-slider elementskit-testimonial-slider-block-style  elementor-repeater-item-cbc0263\" >\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-bio \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-commentor-image ekit-testimonial--avatar\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" class=\"\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-profile-info\">\n\t\t\t\t\t\t\t\t\t<strong class=\"elementskit-author-name\">Carlos Fuentes<\/strong>\n\t\t\t\t\t\t\t\t\t<span class=\"elementskit-author-des\">Alumno<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"elementskit-watermark-icon ekit_watermark_icon_custom_position\">\n\t\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-quote\"><\/i>\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Llegu\u00e9 con cero conocimientos y con mucho miedo de no poder aprender a mi edad. El ambiente de la academia es s\u00faper relajado y te dan toda la confianza para equivocarte y aprender. Si buscas un lugar donde de verdad te lleven paso a paso, es aqu\u00ed.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"elementskit-stars\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .commentor-content END -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t<div class=\"elementskit-single-testimonial-slider elementskit-testimonial-slider-block-style  elementor-repeater-item-b289e25\" >\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-bio \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-commentor-image ekit-testimonial--avatar\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bromeits.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" class=\"\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-profile-info\">\n\t\t\t\t\t\t\t\t\t<strong class=\"elementskit-author-name\">Cinthya Martinez<\/strong>\n\t\t\t\t\t\t\t\t\t<span class=\"elementskit-author-des\">Alumna<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"elementskit-watermark-icon ekit_watermark_icon_custom_position\">\n\t\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-quote\"><\/i>\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Lo que m\u00e1s me gust\u00f3 es que no solo te ense\u00f1an a memorizar reglas de gram\u00e1tica, sino a usar el ingl\u00e9s en situaciones reales. Me siento mucho m\u00e1s preparada para mis pr\u00f3ximas vacaciones. \u00a1Excelente inversi\u00f3n!<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"elementskit-stars\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\" \/><\/svg><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .commentor-content END -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t<\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5255fa4 elementor-widget elementor-widget-html\" data-id=\"5255fa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Comportamiento suave de la p\u00e1gina *\/\r\n  html { scroll-behavior: smooth; }\r\n\r\n  \/* CAJA INVISIBLE PARA CENTRAR EL BOT\u00d3N *\/\r\n  .btn-ethereal-wrapper {\r\n    display: flex;\r\n    justify-content: center; \/* Centra horizontalmente *\/\r\n    align-items: center; \/* Centra verticalmente *\/\r\n    width: 100%; \/* Toma todo el ancho disponible *\/\r\n    margin: 25px 0; \/* Da un poco m\u00e1s de respiro arriba y abajo *\/\r\n  }\r\n\r\n  \/* La magia del dise\u00f1o Lumina Ethereal (Tonos pastel VIVOS, sin bordes, 3D suave) *\/\r\n  .btn-ethereal {\r\n    display: inline-block;\r\n    padding: 18px 45px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    font-size: 1.2rem;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    \r\n    \/* Color de texto oscuro para buen contraste con los nuevos pasteles vivos *\/\r\n    color: #333; \r\n    \r\n    border-radius: 50px;\r\n    border: none;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 1;\r\n    \r\n    \/* NUEVO GRADIENTE \"ARCO\u00cdRIS ENCENDIDO\" *\/\r\n    \/* Usamos tonos pasteles pero mucho m\u00e1s saturados\/vivos *\/\r\n    background: linear-gradient(135deg, \r\n      #FFB6C1, \/* Rosa chicle suave *\/\r\n      #FFFF99, \/* Amarillo canario suave *\/\r\n      #90EE90, \/* Verde lima suave *\/\r\n      #87CEFA, \/* Azul cielo vivo *\/\r\n      #E6E6FA, \/* Lavanda vivo *\/\r\n      #FFB6C1  \/* Volvemos al rosa para cerrar el ciclo *\/\r\n    );\r\n    background-size: 300% 300%;\r\n    \r\n    \/* Efecto 3D Neum\u00f3rfico - Ajustado para los colores m\u00e1s vivos *\/\r\n    box-shadow: \r\n      0 10px 20px rgba(135, 206, 250, 0.5), \/* Sombra exterior azulada suave *\/\r\n      inset 0 4px 6px rgba(255, 255, 255, 0.9), \/* Brillo interno superior *\/\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.1); \/* Sombra interna inferior sutil *\/\r\n    \r\n    \/* Animaciones constantes - Acelerada un poco la del gradiente para m\u00e1s impacto *\/\r\n    animation: \r\n      floatGlow 3s ease-in-out infinite, \/* Hace que flote *\/\r\n      gradientShift 4s ease infinite; \/* Mueve los colores m\u00e1s r\u00e1pido *\/\r\n    \r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* Efecto Hover (Al pasar el mouse) *\/\r\n  .btn-ethereal:hover {\r\n    transform: scale(1.08) translateY(-3px); \/* Crece un poco m\u00e1s y sube *\/\r\n    color: #000;\r\n    box-shadow: \r\n      0 15px 25px rgba(135, 206, 250, 0.7),\r\n      inset 0 4px 6px rgba(255, 255, 255, 1),\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  \/* Efecto Clic (Al presionarlo) *\/\r\n  .btn-ethereal:active {\r\n    transform: scale(0.96) translateY(2px);\r\n    box-shadow: \r\n      0 5px 10px rgba(135, 206, 250, 0.3),\r\n      inset 0 6px 12px rgba(0, 0, 0, 0.2),\r\n      inset 0 -2px 6px rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n de flotar *\/\r\n  @keyframes floatGlow {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* Definici\u00f3n de la animaci\u00f3n del fondo de colores (Gradiente) *\/\r\n  @keyframes gradientShift {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"btn-ethereal-wrapper\">\r\n  <a href=\"#seccion-planes\" class=\"btn-ethereal\">\r\n    \u2728 Ver Planes Anuales\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19e5726 elementor-widget elementor-widget-heading\" data-id=\"19e5726\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">AGENDA TU CLASE GRATIS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce1468b elementor-widget elementor-widget-html\" data-id=\"ce1468b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* CAJA INVISIBLE PARA CENTRAR EL BOT\u00d3N *\/\r\n  .btn-ethereal-alt-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    margin: 25px 0;\r\n  }\r\n\r\n  \/* Variaci\u00f3n del dise\u00f1o Lumina Ethereal (Enfoque en lila\/menta\/cian) *\/\r\n  .btn-ethereal-alt {\r\n    display: inline-block;\r\n    padding: 18px 45px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    font-size: 1.2rem;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    \r\n    \/* Color de texto oscuro para buen contraste *\/\r\n    color: #333; \r\n    \r\n    border-radius: 50px;\r\n    border: none;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 1;\r\n    \r\n    \/* NUEVO GRADIENTE: Tonos fr\u00edos y vibrantes al frente *\/\r\n    background: linear-gradient(135deg, \r\n      #DDA0DD, \/* Ciruela\/Lila suave *\/\r\n      #AFEEEE, \/* Turquesa p\u00e1lido *\/\r\n      #98FB98, \/* Verde menta *\/\r\n      #FFDAB9, \/* Melocot\u00f3n suave *\/\r\n      #E6E6FA, \/* Lavanda *\/\r\n      #DDA0DD  \/* Volvemos al lila para cerrar el ciclo *\/\r\n    );\r\n    background-size: 300% 300%;\r\n    \r\n    \/* Efecto 3D Neum\u00f3rfico - Sombra adaptada a tonos lila\/menta *\/\r\n    box-shadow: \r\n      0 10px 20px rgba(221, 160, 221, 0.6), \/* Sombra exterior lila *\/\r\n      inset 0 4px 6px rgba(255, 255, 255, 0.9),\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.1);\r\n    \r\n    \/* Animaciones constantes *\/\r\n    animation: \r\n      floatGlowAlt 3s ease-in-out infinite, \r\n      gradientShiftAlt 4s ease infinite; \r\n    \r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* Efecto Hover *\/\r\n  .btn-ethereal-alt:hover {\r\n    transform: scale(1.08) translateY(-3px);\r\n    color: #000;\r\n    box-shadow: \r\n      0 15px 25px rgba(175, 238, 238, 0.8), \/* Resplandor turquesa al pasar el mouse *\/\r\n      inset 0 4px 6px rgba(255, 255, 255, 1),\r\n      inset 0 -4px 6px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  \/* Efecto Clic *\/\r\n  .btn-ethereal-alt:active {\r\n    transform: scale(0.96) translateY(2px);\r\n    box-shadow: \r\n      0 5px 10px rgba(221, 160, 221, 0.4),\r\n      inset 0 6px 12px rgba(0, 0, 0, 0.2),\r\n      inset 0 -2px 6px rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  \/* Animaci\u00f3n de flotar *\/\r\n  @keyframes floatGlowAlt {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* Animaci\u00f3n del fondo *\/\r\n  @keyframes gradientShiftAlt {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"btn-ethereal-alt-wrapper\">\r\n  <a href=\"https:\/\/bromeits.com\/?page_id=993\" class=\"btn-ethereal-alt\">\r\n    \u00a1AGENDA AHORA!\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75688aa e-con-full e-flex e-con e-parent\" data-id=\"75688aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ff14be elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7ff14be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* SISTEMA LUMINA ETHEREAL + BORDES + 100% RESPONSIVO *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700&display=swap');\r\n\r\n  .faq-section-bromeits {\r\n    width: 100%; \r\n    box-sizing: border-box; \r\n    margin: 0 auto;\r\n    font-family: 'Manrope', sans-serif;\r\n    background-color: #f4f6ff; \r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .faq-title-bromeits {\r\n    text-align: center;\r\n    color: #272f3c; \r\n    font-size: 2rem; \r\n    font-weight: 700;\r\n    margin-bottom: 40px;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .faq-container-bromeits {\r\n    max-width: 800px; \r\n    margin: 0 auto;\r\n  }\r\n\r\n  .faq-item-bromeits {\r\n    background-color: #ffffff !important; \r\n    border-radius: 0.5rem !important; \r\n    margin-bottom: 1.4rem !important; \r\n    border: 1px solid #e5effa !important; \r\n    transition: all 0.3s ease !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 10px 40px rgba(39, 47, 60, 0.04) !important; \r\n  }\r\n\r\n  .faq-item-bromeits:hover {\r\n    background-color: #d1ddf4 !important; \r\n    border-color: #66B5C0 !important; \r\n  }\r\n\r\n  .faq-question-bromeits {\r\n    width: 100% !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    padding: 24px !important;\r\n    background-color: transparent !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    text-align: left !important;\r\n    color: #272f3c !important; \r\n    font-size: 1.375rem !important; \r\n    font-weight: 600 !important;\r\n    font-family: inherit !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .faq-question-bromeits span {\r\n    flex: 1 !important;\r\n    padding-right: 15px !important;\r\n    line-height: 1.4 !important;\r\n  }\r\n\r\n  .faq-icon-bromeits {\r\n    flex-shrink: 0 !important;\r\n    width: 24px !important;\r\n    height: 24px !important;\r\n    min-width: 24px !important;\r\n    color: #6f5174 !important; \r\n    transition: transform 0.4s ease, color 0.3s ease !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .faq-answer-bromeits {\r\n    display: grid;\r\n    grid-template-rows: 0fr;\r\n    transition: grid-template-rows 0.4s ease;\r\n  }\r\n\r\n  .answer-content-bromeits {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .faq-answer-bromeits p {\r\n    margin: 0 !important;\r\n    padding: 0 24px 24px 24px !important;\r\n    color: #545c6a !important; \r\n    font-size: 1rem !important; \r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  .faq-answer-bromeits a {\r\n    color: #FF7A00;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .faq-answer-bromeits a:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  \/* --- ESTADO ACTIVO --- *\/\r\n  .faq-item-bromeits.active {\r\n    background-color: #ffffff !important;\r\n    border-color: #FF7A00 !important; \r\n  }\r\n\r\n  .faq-item-bromeits.active .faq-icon-bromeits {\r\n    transform: rotate(180deg) !important;\r\n    color: #FF7A00 !important; \r\n  }\r\n\r\n  .faq-item-bromeits.active .faq-answer-bromeits {\r\n    grid-template-rows: 1fr;\r\n  }\r\n\r\n  \/* --- MODO CELULAR (RESPONSIVO) --- *\/\r\n  @media (max-width: 768px) {\r\n    .faq-section-bromeits {\r\n      padding: 40px 15px; \r\n    }\r\n    .faq-title-bromeits {\r\n      font-size: 1.5rem; \r\n      margin-bottom: 30px;\r\n    }\r\n    .faq-question-bromeits {\r\n      padding: 20px 16px !important;\r\n      font-size: 1.1rem !important; \r\n    }\r\n    .faq-answer-bromeits p {\r\n      padding: 0 16px 20px 16px !important;\r\n      font-size: 0.95rem !important; \r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"faq-section-bromeits\">\r\n  <h2 class=\"faq-title-bromeits\">PREGUNTAS FRECUENTES<\/h2>\r\n  <div class=\"faq-container-bromeits\">\r\n    \r\n    <div class=\"faq-item-bromeits active\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfCu\u00e1nto dura el curso?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>El programa avanza a un excelente ritmo con clases de 4 horas a la semana (de lunes a jueves). La duraci\u00f3n total es de 12 meses.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfQu\u00e9 nivel de ingl\u00e9s necesito para empezar?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>\u00a1Ninguno! El curso est\u00e1 dise\u00f1ado especialmente para guiarte desde cero. Sin embargo, si ya tienes un nivel intermedio (hasta B2), tambi\u00e9n le sacar\u00e1s much\u00edsimo provecho. Abordaremos la gram\u00e1tica desde una perspectiva completamente distinta y nos meteremos de lleno en temas avanzados como la voz pasiva, los condicionales mixtos, idioms, phrasal verbs y mucha fon\u00e9tica para que suenes s\u00faper natural.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfLas clases son en vivo o grabadas?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>Todas nuestras clases son 100% en vivo a trav\u00e9s de Zoom. De esta manera podemos interactuar contigo, corregir tu pronunciaci\u00f3n y resolver tus dudas en tiempo real.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfQu\u00e9 pasa si soy de M\u00e9xico y no tengo tarjeta de cr\u00e9dito para pagar la anualidad diferida a meses?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>No te preocupes, tenemos alternativas para ti. Presiona <a href=\"https:\/\/wa.me\/TU_NUMERO_AQUI\" target=\"_blank\">aqu\u00ed<\/a> para enviarnos un mensaje directo por WhatsApp y brindarte m\u00e1s informaci\u00f3n sobre otras opciones.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfEl curso es en ingl\u00e9s brit\u00e1nico o de Estados Unidos?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>El curso est\u00e1 enfocado principalmente en el ingl\u00e9s de Estados Unidos. Sin embargo, como abordamos a profundidad los sonidos fon\u00e9ticos del idioma, desarrollar\u00e1s la capacidad de entender sin problema cualquier acento del ingl\u00e9s.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfObtendr\u00e9 un certificado al finalizar el curso?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>No incluimos certificado. Nuestra filosof\u00eda y el enfoque del curso es que logres comunicarte de manera efectiva y domines tu ingl\u00e9s real, en lugar de solo prepararte para obtener un papel.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfHay devoluciones?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>\u00a1Claro que s\u00ed! Confiamos plenamente en nuestro m\u00e9todo. Si durante tu primer mes no est\u00e1s satisfecho con las clases, te devolvemos tu dinero \u00edntegramente.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfEl curso es solo para mexicanos?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>\u00a1Para nada! No importa desde qu\u00e9 pa\u00eds nos veas, el curso est\u00e1 abierto para todas las personas interesadas en aprender ingl\u00e9s. Por ello, hemos implementado formas de pago especiales para nuestros alumnos extranjeros.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfC\u00f3mo accedo al curso despu\u00e9s de mi compra?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>Una vez completado tu registro, nos comunicaremos contigo v\u00eda WhatsApp de manera personalizada para brindarte toda la informaci\u00f3n y tus accesos.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item-bromeits\">\r\n      <button class=\"faq-question-bromeits\">\r\n        <span>\u00bfPuedo cambiar a la modalidad anual si estoy inscrito en modalidad prepago?<\/span>\r\n        <svg class=\"faq-icon-bromeits\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n      <\/button>\r\n      <div class=\"faq-answer-bromeits\">\r\n        <div class=\"answer-content-bromeits\">\r\n          <p>Por supuesto. Si deseas hacer el cambio de modalidad, solo escr\u00edbenos a nuestro WhatsApp y te guiaremos paso a paso para realizarlo.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.faq-question-bromeits').forEach(button => {\r\n    button.addEventListener('click', () => {\r\n      const currentItem = button.parentElement;\r\n      const isActivo = currentItem.classList.contains('active');\r\n\r\n      document.querySelectorAll('.faq-item-bromeits').forEach(item => {\r\n        item.classList.remove('active');\r\n      });\r\n\r\n      if (!isActivo) {\r\n        currentItem.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>el ingl\u00e9s no es dif\u00edcil, solo no te lo saben ense\u00f1ar Si estas aqu\u00ed porque estas harto de los m\u00e9todos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bromeits.com\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bromeits.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bromeits.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bromeits.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bromeits.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":745,"href":"https:\/\/bromeits.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":1004,"href":"https:\/\/bromeits.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/1004"}],"wp:attachment":[{"href":"https:\/\/bromeits.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}