@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth
}

:root {
    --naranja: #FF5C00;
    --gris: #D9D9D9;
    --azulCielo: #00A9E0;
    --negro: #1D1C1A;
    --blanco: #ffffff;
    --azul: #2058D1;
    --azulOscuro: #000066;
    --verde: #001a66;
    --rojo: #7B001E;
    --gris: #EFF4F7;
    --azulClaro: #042F53;
    --amarrillo:#F5C813;
}

body {
    font-family: 'Poppins', sans-serif;
    background: radial-gradient(circle at right, #002bff, #000428);;
}
img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}
a:focus, a:hover {
    text-decoration: none !important;
    color: unset !important;
}
.btn-container a:hover{
    color: #000428 !important;
}
.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.linksNav a {
    color: white;
}
.linksNav {
    display: flex;
    justify-content: space-evenly;
    width: 40%;
    color: white;
}
header {
    background: #000428!important;
}
.banner-ingles {
    width: 100%;
    display: flex;
    overflow: hidden;
    font-family: Arial, sans-serif;
}
.banner-content{
    width: 65%;
}
.banner-texto {
    color: #fff;
    font-weight: 700;
    display: flex;
    padding: 15px 20px;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
}
.banner-texto h1{
    font-size: 60px;
    width: 80%;
}
.banner-img img {
    width: 100%;
    height: auto;
    display: block;
}

.experiencia-section {
  width: 100%;
  padding: 30px 0px;
  color: white;
  text-align: center;
  display: flex;
  justify-content: center;
}
.experiencia-section .btn-container{
    margin-bottom: 40px;
    margin-top: 40px;
}
.experiencia-section .btn-brochure{
    background: linear-gradient(90deg, #4d68ff, #7c4dff);
    color: white;
    border-radius: 1rem;
    font-weight: bold;
    padding: 15px;
}
.btn-container a:hover{
    color: white !important;
}
.exp-container {
  max-width: 1100px;
  width: 100%;
}

.exp-title {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 18px;
}

.exp-subtext {
  font-size: 15px;
  color: #c7d4ff;
  margin-bottom: 35px;
}

.exp-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 45px;
}

.btn-primary {
  padding: 14px 24px;
  background: linear-gradient(90deg, #4d68ff, #7c4dff);
  border-radius: 10px;
  font-size: 14px;
  color: white;
  text-decoration: none;
  font-weight: 600;
}

.btn-secondary {
  padding: 14px 24px;
  background: white;
  border-radius: 10px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  border: 1px solid #2d2d2d;
  text-decoration: none;
}
.btn-secondary:hover{
    color: black !important;
}
.exp-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 50px;
}

.stat-card {
  background: black;
  padding: 28px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.15);
}

.stat-card h3 {
  font-size: 25px;
  margin-bottom: 5px;
  color: #6D93FF;
  font-weight: 700;
}

.stat-card p {
  font-size: 15px;
  color: #c7d4ff;
}

.btn-white {
    display: inline-block;
    padding: 10px 25px;
    background: transparent;
    color: white;
    border: 2px solid white;
    border-radius: 25px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease; /* Opcional: para que el cambio visual sea suave */
}

.exp-subtitle {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 18px;
  color: white;
}

.exp-text {
  font-size: 15px;
  color: #dfe8ff;
  margin-bottom: 25px;
}

.exp-highlight {
  font-size: 15px;
  color: #dfe8ff;
}

.exp-highlight span {
  color: #2dd2ff;
  font-weight: 700;
}

@media (max-width: 550px) {
  .exp-title {
    font-size: 26px;
  }

  .btn-primary, .btn-secondary {
    width: 100%;
    text-align: center;
  }
  .exp-buttons {
    flex-direction: column;
  }
}

.pilares-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-bottom: 60px;
}
    
.pilar {
    flex: 1;
    min-width: 250px;
    background: black;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 5px solid #1a237e;
    position: relative;
    height: 350px;
    overflow: hidden;
}

.pilar:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.pilar-icon {
    font-size: 3rem;
    color: white;
    padding: 10px;
    margin-bottom: 20px;
    background: #00AAE8;
    width: 30%;
    border-radius: 1rem;
    text-align: center;
}

.pilar-title {
    color: white;
    font-size: 2rem;
    width: 70%;
    margin-bottom: 15px;
    font-weight: bold;
}
.pilar.color-2 .pilar-icon {
    background: linear-gradient(135deg, #6A5DFF 0%, #A74AFF 100%) !important;
}
.pilar.color-3 .pilar-icon {
    background: linear-gradient(135deg, #BF4AEC 0%, #E142B9 100%) !important;
}
.pilar-content {
    color: white;
    font-size: 1.3rem;
    line-height: 1.7;
}

.method-button {
    display: inline-block;
    background: linear-gradient(to right, #175DFC, #4F39F6);
    color: white;
    padding: 16px 40px;
    border-radius: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(63, 81, 181, 0.3);
    margin-top: 10px;
}

@media (max-width: 992px) {
    .pilar-icon{
        font-size: 4rem;
    }
    .pilar{
        width: 325px;
    }
    .pilares-container {
        flex-direction: column;
        align-items: center;
    }
    
    .pilar {
        width: 100%;
        max-width: 500px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .method-button{
        font-size: 14px;
        text-align: center;
    }
    .main-title {
        font-size: 2.2rem;
    }
}

@media (max-width: 576px) {
    .main-title {
        font-size: 1.8rem;
    }
    
    .pilar-title {
        font-size: 1.5rem;
    }
    
    .method-title {
        font-size: 1.8rem;
    }
}
.objetivos {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.objetivos li {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.objetivos li:last-child {
    margin-bottom: 0;
}

.icono-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.objetivos li:nth-child(1) .icono-wrapper { background-color: #00bcd4; /* Azul/Cian */ }
.objetivos li:nth-child(2) .icono-wrapper { background-color: #9c27b0; /* Púrpura/Morado */ }
.objetivos li:nth-child(3) .icono-wrapper { background-color: #e91e63; /* Rosa/Magenta */ }

.icono-wrapper svg {
    width: 60%;
    height: 60%;
    fill: white;
}

.texto-objetivo strong {
    display: block;
    font-size: 1.2em;
    margin-bottom: 5px;
}

.imagen-seccion {
    flex: 0 0 40%;
    border-radius: 0 10px 10px 0;
    overflow: hidden; 
}

.imagen-seccion img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
}

.contenedor-seccion {
    display: flex;
    max-width: 1200px;
    margin: 50px auto;
    color: white; 
    border-radius: 10px;
    overflow: hidden;
    min-height: 450px;
}

.contenido-texto {
    flex: 1;
    padding: 20px;
}

p.introduccion {
    font-size: 1.1em;
    margin-bottom: 30px;
    line-height: 1.5;
}
.contenedor-ia {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0px 60px;
    text-align: center;
    color: white;
}

.subtitulo-ia {
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 1rem;
}

.titulo-principal {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 40px;
}

.tarjetas-contenedor {
    display: flex;
    gap: 20px; 
    justify-content: center;
}

.tarjeta-servicio {
    flex: 1; 
    max-width: 330px;
    background-color: black; 
    border-radius: 10px;
    overflow: hidden;
    height: 400px;
    text-align: left;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease;
}

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

.tarjeta-imagen {
    width: 100%;
    height: 200px; 
    overflow: hidden;
}

.tarjeta-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
}

.tarjeta-contenido {
    padding: 20px;
}

.tarjeta-contenido h3 {
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 10px;
    color: #ffffff;
    font-weight: bold;
}

.tarjeta-contenido p {
    font-size: 1em;
    line-height: 1.5;
    color: #cccccc; 
}

/* --- TUS ESTILOS ORIGINALES (Base) --- */
.inversion {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0px 0px 60px;
    color: white; 
    text-align: center;
}

.inversion h2 {
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 50px;
}

.inversion .card {
    background-color: #050a1e;
    border-radius: 12px;
    padding: 30px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: transform 0.3s ease;
    height: 240px;
    box-sizing: border-box;
}

.inversion .card:hover { transform: translateY(-5px); }
.inversion .icon-box { width: 60px; height: 60px; border-radius: 12px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.inversion .icon-box svg { width: 30px; height: 30px; fill: white; }
.bg-blue { background-color: #2196f3; }
.bg-purple { background-color: #9c27b0; }
.bg-pink { background-color: #e91e63; }
.inversion .card h3 { font-size: 2rem; margin: 0 0 10px 0; font-weight: bold; }
.inversion .card p { font-size: 1.3rem; color: #d1d5db; margin: 0; line-height: 1.5; }
.inversion .btn-brochure { background: linear-gradient(90deg, #2563eb, #7c3aed); color: white; text-decoration: none; padding: 15px 30px; border-radius: 8px; font-weight: bold; display: inline-block; transition: opacity 0.3s; }
.inversion .btn-brochure:hover { opacity: 0.9; }

/* --- AJUSTES PARA MOBILE (Carrusel) --- */
/* Aseguramos que los dots se vean bien en mobile */
.inversion .owl-dots {
    margin-top: 20px;
}
.inversion .owl-dots .owl-dot span {
    background: rgba(255,255,255,0.3);
}
.inversion .owl-dots .owl-dot.active span {
    background: #2563eb;
}

/* --- AJUSTES PARA ESCRITORIO (Grid Override) --- */
@media (min-width: 992px) {
    #inversionCarousel.owl-carousel {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    #inversionCarousel .owl-stage-outer,
    #inversionCarousel .owl-stage {
        display: contents !important;
    }

    #inversionCarousel .owl-item {
        width: auto !important;
        margin-right: 0 !important;
    }

    /* 4. Ocultamos la navegación del carrusel */
    #inversionCarousel .owl-nav,
    #inversionCarousel .owl-dots {
        display: none !important;
    }
}

/* --- Sección Planes de Pago --- */
.planesPago {
    color: white;
    padding: 0px 0px 60px;
    text-align: center;
}

.planesPago p.subtitulo {
    font-size: 1.3rem;
    margin-bottom: 5px;
    margin-top: 1rem;
    opacity: 0.9;
}

.planesPago h2 {
    font-size: 2rem;
    margin-top: 5px;
    margin-bottom: 50px;
}

.planes-container {
    display: flex;
    justify-content: center;
    gap: 20px; 
    flex-wrap: wrap; 
    align-items: center; 
    margin-bottom: 40px;
}

/* --- Estilos de la Tarjeta --- */
.card-plan {
    background-color: white;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    max-width: 255px;
    color: #333;
    text-align: center;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
}

.card-plan.popular {
    transform: scale(1.05); 
    border: 2px solid #3b5aff;
    z-index: 2;
}

.badge-popular {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    color: white;
    padding: 5px 20px;
    border-radius: 15px;
    font-size: clamp(1rem, 1.5rem, 1.7rem);
    font-weight: bold;
    white-space: nowrap;
}

.plan-name {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 20px;
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
}

.start .plan-name { background-color: #00adef; } 
.advance .plan-name { background-color: #3b5aff; }
.master .plan-name { background-color: #8d1bf5; } 

.precio {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0;
    color: #000;
}

.duracion-label {
    font-size: clamp(1.2rem, 1.5rem, 1.7rem);
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 0;
}

.duracion-meses {
    font-size: clamp(1.1rem, 1.5rem, 1.7rem);
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 30px;
}

.features-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    text-align: left;
    flex-grow: 1; 
}

.features-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    font-size: 0.95rem;
    line-height: 1.4;
}

.check-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.check-icon svg {
    width: 12px;
    height: 12px;
    fill: white;
}

.start .check-icon { background-color: #00adef; }
.advance .check-icon { background-color: #3b5aff; }
.master .check-icon { background-color: #8d1bf5; }

.feature-text span {
    display: block;
}

.feature-text {
    font-size: clamp(1.2rem, 1.5rem, 1.7rem);
}
.feature-sub {
    color: #8898aa; 
    font-size: 0.85rem;
    font-size: clamp(0.85rem, 1.5rem, 1.35rem);
}

.btn-card {
    display: block;
    width: 100%;
    padding: 12px 0;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    transition: opacity 0.3s;
}

.btn-card:hover { opacity: 0.9; }

.start .btn-card { background-color: #00adef; }
.advance .btn-card { background-color: #3b5aff; }
.master .btn-card { background-color: #8d1bf5; }

.btn-global-cta {
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    color: white;
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 8px;
    font-weight: bold;
    display: inline-block;
    margin-top: 20px;
    transition: transform 0.2s;
}

.btn-global-cta:hover {
    transform: translateY(-2px);
}

/* --- Sección Diferenciales --- */
.diferenciales {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0px 0px 60px;
    color: white;
    text-align: center;
}

.diferenciales h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem); 
    margin-top: 1rem;
    margin-bottom: 50px;
    font-weight: bold;
    line-height: 1.2;
}

/* --- Card Styles --- */
.card-diferencial {
    background-color: #050a1e;
    border-radius: 15px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 85%; 
    height: 100%; 
    box-sizing: border-box;
    transition: transform 0.3s ease;
    text-align: left;
}

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

/* Iconos */
.diferenciales .icon-box {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.diferenciales .icon-box svg {
    width: 28px;
    height: 28px;
    fill: white;
}

.diferenciales .bg-blue { background-color: #00adef; }
.diferenciales .bg-purple { background-color: #7c3aed; }
.diferenciales .bg-pink { background-color: #e91e63; }


.card-diferencial h3 {
    font-size: clamp(1.4rem, 1.7vw, 1.7rem); 
    margin: 0 0 10px 0;
    font-weight: bold;
    line-height: 1.3;
}

.card-diferencial p {
    font-size: clamp(1.2rem, 1.4vw, 1.7rem);
    color: #b0b8c4;
    margin: 0;
    line-height: 1.5;
}

.diferenciales .owl-dots {
    margin-top: 25px;
}
.diferenciales .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.2);
}
.diferenciales .owl-dots .owl-dot.active span {
    background: #2563eb;
}

/* --- Responsive & Grid Override --- */
.diferenciales .item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 900px) {
     #featuresCarousel.owl-carousel {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px; 
        width: 35%;
    }

    #featuresCarousel .owl-stage-outer, 
    #featuresCarousel .owl-stage {
        display: contents !important; 
    }

    #featuresCarousel .owl-item {
        width: 100% !important;
        margin-right: 0 !important;
    }

    #featuresCarousel .owl-nav,
    #featuresCarousel .owl-dots {
        display: none !important;
    }
    #diferencialesCarousel.owl-carousel {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        width: 100% !important;
    }

    #diferencialesCarousel .owl-stage-outer,
    #diferencialesCarousel .owl-stage {
        display: contents !important;
    }

    #diferencialesCarousel .owl-item {
        width: auto !important;
        margin-right: 0 !important;
    }

    #diferencialesCarousel .owl-nav,
    #diferencialesCarousel .owl-dots {
        display: none !important;
    }
}

/* --- Sección Beneficios --- */
.beneficios {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0px 0px 60px; 
    color: white;
}

.beneficios-header {
    text-align: center;
    margin-bottom: 40px;
}

.beneficios-header h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem); 
    margin-top: 1rem;
    font-weight: bold;
    line-height: 1.2;
}

.beneficios-header p {
    font-size: clamp(1.2rem, 1.5vw, 1.25rem);
    max-width: 800px;
    margin: 10px auto 30px;
    line-height: 1.6;
}

.title-niveles {
    font-size: clamp(1.3rem, 2vw, 1.5rem);
    font-weight: bold;
    margin-bottom: 20px;
}

.beneficios-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
}

.niveles-col {
    width: 80%; 
    display: flex;
    flex-direction: column;
}

.nivel-card {
    background-color: #050a1e;
    border-radius: 12px;
    padding: 20px;
    height: 145px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.nivel-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: bold;
}
.nivel-info h3 {
    font-size: clamp(1rem, 1.2vw, 1.125rem);
}

.progress-track {
    background-color: #1f2940;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 15px;
}
.progress-fill { height: 100%; border-radius: 4px; }
.fill-a1 { width: 25%; background: linear-gradient(90deg, #00adef, #2dd4bf); }
.fill-a2 { width: 50%; background: linear-gradient(90deg, #2563eb, #3b82f6); }
.fill-b1 { width: 75%; background: linear-gradient(90deg, #7c3aed, #a855f7); }
.fill-b2 { width: 100%; background: linear-gradient(90deg, #db2777, #e11d48); }

.nivel-desc {
    font-size: clamp(0.875rem, 1vw, 1rem);
    line-height: 1.5;
    margin: 0;
    color: #b0b8c4;
}

.features-col {
    width: 35%;
}

.features-col .item {
    height: 100%;
}

.feature-card {
    background-color: #050a1e;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 145px;
    box-sizing: border-box;
    transition: transform 0.3s;
}
.feature-card:hover { transform: translateY(-3px); }

.icon-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.icon-wrapper svg { width: 28px; height: 28px; fill: white; }
.bg-cyan { background-color: #00adef; }
.bg-purple { background-color: #7c3aed; }
.bg-pink { background-color: #e91e63; }
.bg-magenta { background-color: #be185d; }

.feature-card h4 {
    margin: 0 0 10px 0;
    font-size: clamp(1.7rem, 1.5vw, 1.375rem);
    font-weight: bold;
}

.feature-card p {
    margin: 0;
    font-size: clamp(1.1rem, 1vw, 1rem);
    line-height: 1.4;
    color: #d1d5db;
}

.features-col .owl-dots {
    margin-top: 20px;
    text-align: center;
}
.features-col .owl-dots .owl-dot span {
    background: rgba(255,255,255,0.2);
}
.features-col .owl-dots .owl-dot.active span {
    background: #2563eb;
}

/* --- RESPONSIVE & OVERRIDES --- */
@media (max-width: 900px) {
    .hamburger {
        display: block !important;
    }
   
    .hamburger.active .bar:nth-child(2) { opacity: 0; }
    .hamburger.active .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .hamburger.active .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .nav-menu {
        position: fixed;
        left: -100%;
        top: 9rem; /* Altura aproximada de la navbar */
        flex-direction: column;
        background: #001560; /* Mismo fondo azul */
        width: 100% !important;
        text-align: center;
        transition: 0.3s;
        padding: 30px 0;
        box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    }

    .nav-menu.active {
        left: 0;
    }
    .card-plan{
    max-width: 350px;
    }
    .card-plan.popular {
        transform: scale(1); 
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .planes-container {
        gap: 30px;
    }
      .exp-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    #inversionCarousel .item{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .inversion .card{
        width: 320px;
        justify-content: center;
        align-items: center;
    }
    .contenido-texto{
        padding: 0;
    }
    .objetivos{
        margin-top: 5rem;
    }
    .inversion-grid {
        grid-template-columns: repeat(2, 1fr); 
    }

    

    .linksNav {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }

    .linksNav a {
        display: block;
        padding: 15px 0;
        font-size: 18px;
        border-bottom: 1px solid rgba(255,255,255,0.1); /* Separador sutil */
    }

    .btonNavPOP {
        display: flex;
        height: 105px;
        justify-content: center;
        align-items: center;
    }
    
    /* Ocultar logo secundario en móvil si falta espacio */
    .Desk { display: none; }

    .feature-card{
        min-height: 205px; 
    }
    .card-diferencial{
        width: 320px;
        align-items: center;
    }
    .beneficios-container {
        flex-direction: column; 
        gap: 40px;
    }

    .niveles-col {
        width: 100%;
    }

    .features-col {
        width: 100%; /
    }
}
/* --- Sección Financiación --- */
.Financiacion {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0px 20px 60px; 
    color: white;
    text-align: center;
}

.sub-header {
    font-size: clamp(1rem, 2vw, 1.3rem);
    margin-bottom: 10px;
    margin-top: 1rem;
    color: white;
}

.Financiacion h2 {
    font-size: clamp(1.5rem, 4vw, 2rem);
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: bold;
    line-height: 1.2;
}

.fin-grid {
    display: block; 
    margin-bottom: 40px;
}

/* Estilos de las Tarjetas */
.Financiacion .card-fin {
    background-color: #050a1e; 
    border-radius: 15px;
    padding: 25px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease;
    height: 100%;
    min-height: 220px;
}

.Financiacion .card-fin:hover {
    transform: translateY(-5px);
}

/* Iconos */
.Financiacion .icon-box {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.Financiacion .icon-box svg {
    width: 28px;
    height: 28px;
    fill: white;
}

.Financiacion .card-fin h3 {
    font-size: clamp(1.7rem, 3vw, 1.6rem);
    font-weight: bold;
    margin: 0 0 10px 0;
}

.Financiacion .card-fin p {
    font-size: clamp(1.2rem, 2vw, 1.1rem);
    margin: 0;
    line-height: 1.4;
}

.Financiacion .contact-box {
    background-color: #050a1e;
    border-radius: 15px;
    padding: 40px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Financiacion .contact-box h2 {
     /* Reutilizamos el estilo del h2 pero aseguramos clamp aquí también si es necesario */
     margin-bottom: 15px;
}

.Financiacion .contact-box p {
    margin: 0 0 25px 0;
    font-size: clamp(1rem, 2.5vw, 1.3rem);
    max-width: 600px;
}

.Financiacion .btn-asesor {
    background-color: #3b5aff; 
    color: white;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: bold;
    transition: background-color 0.3s;
    font-size: clamp(1.2rem, 1.3rem, 1.7rem);
}

.Financiacion .btn-asesor:hover {
    background-color: #2541cc;
}

/* Puntos de navegación (dots) del Owl Carousel */
.owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.3);
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: #3b5aff;
}
.navbar{
    position: relative;
    border: none;
    min-height: 90px;
}

.content-nav{
    background-color: #001560;
    padding: 25px;
    width: 100%;
    position: fixed;
    z-index: 999;
}

.ContentNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logos */
.IconNav a {
    display: flex;
    align-items: center;
    gap: 15px;
}

.IconNav img {
    height: 40px;
    filter: brightness(0) invert(1); 
}

.nav-menu {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: space-between;
}

/* Enlaces */
.linksNav {
    display: flex;
    gap: 30px;
}

.linksNav a {
    text-decoration: none;
    color: var(--text-white);
    font-size: 16px;
    font-weight: 400;
    transition: opacity 0.3s;
}

.linksNav a:hover {
    opacity: 0.8;
}

/* Botón "Inscríbete ahora" */
.btonNavPOP button.POP {
    background: linear-gradient(90deg, #2563EB 0%, #4F46E5 100%);
    border: none;
    border-radius: 1rem; 
    padding: 10px 25px;
    color: white;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: transform 0.2s ease;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
}

.btonNavPOP button.POP:hover {
    transform: scale(1.05);
}

/* --- Hamburguesa --- */
.hamburger {
    display: none;
    cursor: pointer;
}

.bar {
    display: block;
    width: 25px;
    height: 2px;
    margin: 5px auto;
    background-color: white; /* Barras blancas */
    transition: all 0.3s ease-in-out;
}

/* ////////// */



#exit-popup,
.img-full {
    left: 0;
    top: 0;
    height: 100%
}

.botonSaberMas {
    padding: 10px;
    color: var(--blanco);
    background-color: var(--amarrillo);
    font-weight: bold;
    width: 100%;
    border-radius: 10px;
    text-align: center;
}

#exit-popup,
#more,
.Mobile {
    display: none !important;
}

.form-group {
    margin-bottom: 5px;
}
.IconBanner,
.footer-col ul li button img {
    width: 15% !important
}



.bannerContent {
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: center;
}
.contentAside {
    padding-top: 1vh;
    position: relative;
    width: 35%;
}
.generalAside {
    max-width: 30%;
    min-height: 509px;
}

.SecctionBlackImg p {
    width: 100%;
    color: white;
    text-align: center;
}

#popup-close,
.BtonFlotante2>.menuWhatsapp a span {
    font-size: 20px 
}
.POP,
.icon:hover {
    cursor: pointer
}
.ContentForm{
    box-shadow: 0 4px 5px #9f9f9f;
    background-color: #FCFBFD;
    color: black;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 40px 40px;
}
#formulario-popup .form-title{
    margin-top: 3rem;
}
#formulario-popup {
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    display:none;
    background-color:#00000054;
    color:#fff
}
#formulario-popup .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#formulario-popup .close {
    font-size: 17px;
    color: red;
    margin-bottom: -4rem;
    padding: 5px;
    border-radius: 1rem;
    cursor: pointer;
    z-index: 1;
    opacity: 2;
    background-color: #ffffff;
}
#formulario-popup .contentClose{
    display: flex;
    flex-direction: column;
    background-color: white;
    justify-content: center;
}

.faq_container {
    background-color: #fff
}

.facultadPOP .facultad {
    font-size: 14px
}

.contentBeneficios {
    color: var(--verde);
    font-size: 11px;
}
.contentPOP {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contenido {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 4rem;
    justify-content: space-between
}
.SecColor img,
.footer-col img {
    width: 80%
}
.accordeon .txt-preguntas{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.txt-preguntas h2{
    color:white;
    font-weight: bold;
}
.accordeon .titulo h3 {
    width: 60%;
    font-weight: 500;
    font-size: 30px
}
.accordeon .titulo img {
    width: 30%
}
.faq_container {
    border-radius: 1rem;
    margin-bottom: 1rem;
    background-color: black;
    box-shadow: 0 4px 5px #9f9f9f;
}
.faq_question {
    font-weight: 600;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-top: 2rem;
}
.answer .Card {
    width: 220px;
    box-shadow: #9f9f9f 0px 0px 1px 1px;
    margin: 1rem 0 1rem;
    border-radius: 0rem 1rem 0rem 1rem;
    padding: 5px;
    display: block;
    text-decoration: none;
    color: var(--negro);
    background-color: white;
}
.programa .modalidad {
    color: #9F9D97;
}
.Card p {
    margin: 0;
}
.Card .contentImg,
.Card .contentImg img {
    width: 100%;
}
#program-select{
    width: 100%;
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: .3s;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.answer {
    display: flex;
    flex-direction: column;
    padding:10px 20px;
}
.answer ul{
    margin-left: 2rem;
    color: white;
}
#form-container h3 {
    padding-top: 20px
}
.answer p {
    line-height: 1.5;
    color: white;
}
.fqa_headline_container h2 span {
    font-weight: 700
}
.faq_question-text h3 {
    font-size: 14px;
    color: white;
    margin: 0;
    width: 100%;
    font-weight: bold;
}
.icon-shape {
    color: white;
    border-radius: 5rem;
    width: 30px !important;
    height: 30px !important;
    position: relative
}
.icon.active {
    background: 0 0;
    border: 2px solid #fff
}
.icon .icon-shape::after,
.icon .icon-shape::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 3px;
    left: 50%;
    transition: .5s
}

.icon .icon-shape::before {
    width: 20px;
    height: 3px
}
.icon .icon-shape::after {
    width: 3px;
    height: 20px
}
.icon .icon-shape.active::before {
    transform: translate(-50%, -50%) rotate(180deg);
    transition: .5s
}
.icon .icon-shape.active::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: .5s
}

#form-container form {
    padding-bottom: 20px
}

#form-container {
    background-color: var(--blanco);
    color: var(--negro);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: black 0px 0px 2px 0px;
}

.contentTxtDP .texto {
    width: 95%
}
.contentTxtDP ul {
    list-style: disc !important;
    margin-left: 20px
}

#contactByWhatsapp-input,
#terms-check {
    margin-right: 5px !important;
}
.brochure {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: flex-start;
    margin-top: 2rem;
    justify-content: center;
}
.brochure a {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.subtxt-pasos {
    color: var(--negro);
    font-weight: bold;
}

.content-txt {
    width: 45%;
}
.Activate {
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center
}
.SecColor .txtImg img {
    width: 25%
}
.Activate img {
    width: 75%;
    cursor: pointer
}

#plantilla-formulario form,
.List .Opt p {
    width: 100%
}
.CardTestimonios {
    width: 90%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 5px;
    border-radius: 1rem;
    box-shadow: var(--amarrillo) 0px 0px 1px 1px;
}
.CardTestimonios .titulo {
    font-size: 15px;
    font-weight: bold;
    color: var(--negro);
}
#carousel2 .item {
    display: flex;
    justify-content: center;
    align-items: center;
}
#carousel1 .owl-nav,
#carousel2 .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 5rem;
    width: 100%;
    z-index: 0
}
.ContentCarruselD {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--negro) !important
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0 !important
}
.ListPorque,
.Opt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem
}
#terms-link {
    color: var(--azul) !important;
    text-decoration: underline !important
}
#btn-enviar {
    background-color:var(--verde) !important;
    border-color: transparent;
    color: var(--blanco);
    font-weight:bold;
}

.ContentCarruselD .owl-carousel .owl-stage-outer {
    width: 80% !important
}

.containerFooter {
    max-width: 1170px;
    margin: auto
}
.virtualFooter {
    font-style: italic;
}
.row {
    display: flex;
    flex-wrap: wrap
}
.footer ul {
    list-style: none
}
.footer {
    background-color: black;
    padding: 40px 0;
    margin-top: -5px;
}
.footer-col {
    width: 33%;
    padding: 0 15px
}
.footer-col h3 {
    font-size: 18px;
    color: var(--blanco);
    margin-bottom: 15px;
    font-weight: 500;
    position: relative
}
.footer-col ul li:not(:last-child) {
    margin-bottom: 10px
}
.footer-col ul li a,
.footer-col ul li button,
.footer-col ul li p {
    font-size: clamp(12px, 15px, 17px);
    color: var(--blanco);
    text-decoration: none;
    font-weight: 400;
    display: block;
    transition: .3s
}
.SecctionBlack {
    background: var(--negro);
}
.SecctionBlackImg {
    width: 100%;
    display: flex;
    justify-content: center
}
.SecctionBlackImg img {
    width: 60%;
}
.Desk {
    display: initial;
}
.ContentFooter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    align-items: flex-start
}
#form-container1,
#form-container2,
#plantilla-formulario {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#plantilla-formulario label {
    margin-bottom: 0 !important;
}
#form-container2 form .form-check,
#plantilla-formulario form .form-check,
.form-check {
    display: flex;
    align-items: flex-start;
    font-size: 10px;
    margin-top: 0.6rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.form-pop-content{
    display: flex;justify-content: flex-end;width: 55vw;
}
#form-container>p {
    width: 80%;
    padding: 10px
}
.BtonFlotante2 {
    width: 80px;
    height: 90px;
    position: absolute;
    right: 0;
    bottom: -53rem
}
.BtonFlotante2 .closeMenuWhatsapp {
    position: absolute;
    top: .5rem;
    right: .5rem;
    cursor: pointer;
    background: 0 0;
    border: none;
    font-size: 2.5rem;
    color: var(--verde);
    width: 7%;
    font-weight: bold;
}
.BtonFlotante2>.menuWhatsapp,
.botonF2,
.botonF3 {
    z-index: 10;
    position: fixed;
    transition: .3s
}
.BtonFlotante2>.menuWhatsapp {
    display: none;
    top: 60%;
    left: 50%;
    width: 30rem;
    border-radius: 1rem;
    translate: -65% 0;
    background: linear-gradient(234deg, #ededed 10%, #fff 100%);
    height: 50%;
    justify-items: center;
    flex-direction: column;
    transform: translate(170%, -25%);
    box-shadow: 1px 0 20px #7e7e7e;
    align-items: center;
    justify-content: flex-start
}
.BtonFlotante2 .btnWhatsapp {
    display: flex;
    height: 30%;
    width: 85%;
    flex-direction: column;
    font-weight: 700;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}
.BtonFlotante2>.menuWhatsapp a>p {
    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: 700
}
.BtonFlotante2>.menuWhatsapp a {
    display: flex;
    gap: 10px;
    color: #fff;
    font-size: 14px;
    padding: 0 24px;
    text-decoration: none;
    width: 25rem;
    font-weight: 600;
    height: 100%;
    border-radius: 50px;
    background-color: #0dc143;
    align-items: center;
    flex-direction: column;
    justify-content: center
}
.BtonFlotante2>.menuWhatsapp a:hover {
    box-shadow: 0 0 20px 0 #000
}
.SecColor .txtImg {
    display: flex;
    width: 85%;
    align-items: center;
}
.txtWtp {
    width: 85%;
    margin-top: 1rem
}
.txtWtp .txtP1 {
    text-align: center;
    width: 100%
}
.txtWtp .txtP1 p {
    width: 100%;
    color: #000
}
.SecColor {
    display: flex;
    height: 40%;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 1rem 1rem 0 0
}
.BtonFlotante2 .menuWhatsapp .contentBtn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 50%
}
.botonF2,
.botonF3 {
    bottom: 5rem;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    background: #0dc143;
    right: 0;
    margin-right: 16px;
    border: none;
    outline: 0;
    color: #fff
}
.txtBeneficios{
    font-size: 11px;
    margin-top: 0.5rem;
}
.botonF3 {
    background: var(--amarrillo);
    bottom: 13rem;
}
.botonF2 span,
.botonF3 span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.botonF2:hover span {
    transform: rotate(360deg)
}
.botonF2:active {
    transform: scale(1.4)
}

.page-wrapper {
    position: relative;
}
.banner-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.sidebar-content {
    position: relative;
}
.overlay-sidebar {
    transition: top 0.3s ease;
    padding: 20px;
    transform: none;
    background-color: white;
    border-radius: 10px;
    width: 440px;
    display: flex;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    flex-direction: column;
    position: fixed;
}
.generalAside h2 {
    text-align: center;
    margin-top: 0px;
    font-size: 24px;
}
.txtFormAside {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.txtAside {
    width: 90%;
}

.main-content {
    width: 65%;
}
.txtAside h2{
    margin-top: 0rem;
    font-size: 25px;
}

#country-select {
    width: 100% !important;
}


#form-container2 {
    padding-bottom: 3rem;
}
.form-title{
    text-align: center !important;
    margin-top: 0;
}
.form-subtitle{
    text-align: center;
    margin-bottom: 1.5rem;
}
#form-container2 #btn-enviar {
    width: 100%;
}

.iti--separate-dial-code .iti__selected-dial-code {
    color: black !important;
}
.error {
    color: red;
    font-size: 12px;
    font-weight: 500;
}
.iti--separate-dial-code .iti__selected-flag {
    height: 3.3rem !important;
}


#plantilla-formulario #terms-link,
#form-container3 #terms-link {
    color: var(--azul) !important;
}
#plantilla-formulario .ic-class-form-row,
.ic-class-form-row {
    display: flex;
    flex-direction: column;
    margin-top: 7px;
    align-items: flex-start;
}
#plantilla-formulario #btn-enviar {
    width: 100%;
    padding: 5px;
    margin-top: 1rem;
    border-radius: 0.5rem;
}


input[type=checkbox]{
    margin-right: 1rem;
    margin-top: 0;
}
#form-container1 .btn-submit{
    width: 100%;
}

#btn-enviar{
    width: 50%;
    padding: 5px;
}



#more{
    display:  block !important;
}
@media screen and (min-width:600px) and (max-width:1024px) {
    .imagen-seccion img{
        width: 55%;
    }
    .imagen-seccion{
        justify-content: center;
    }
    .esc {
        width: 11% !important;
    }
    .contentAside {
        display: none;
    }
    .Mobile {
        display: flex !important;
    }

    .Desk {
        display: none !important;
    }
    .main-content {
        width: 100%;
    }
    .hero-content {
        width: 100%;
    }

    .FooterImgLogo img {
        width: 80% !important;
    }
   
    .ImgFondo .container {
        margin-top: -85vw !important;
    }
    .ImgFondo {
        height: 80vw !important;
    }

    .brochure a {
        width: 50% !important;
    }

    #carousel3 .item {
        display: flex;
        justify-content: center;
    }
    .formSection {
        background-image: none;
        height: 100%;
        width: 100%;
    }
   
}
@media screen and (min-width:769px) and (max-width:1214px) {
    .nav-menu{
        width:65vw;
    }
    .form-Mobile{
        background-color: white;
        justify-content: center;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .main-content {
        width: 100%;
    }
    .imagen-seccion img {
        width: 40%;
    }
    .banner-content {
        width: 100%;
    }
    .imagen-seccion {
        justify-content: center;
    }
    #btn-enviar {
        width: 100%;
        font-weight: 700;
        font-size: 17px;
    }
   
    .Mobile {
        display: flex !important;
    }
    .Desk {
        display: none !important;
    }
    .img-full {
        object-fit: cover
    }
    .BtonFlotante2>.menuWhatsapp {
        width: 40rem;
        transform: translate(10%, -25%)
    }
    .ImgFondo {
        height: 75vh;
        background-size: cover
    }
 

    .botonF2 {
        bottom: 0rem;
        width: 50%;
        border-radius: 0%;
        left: 0;
        margin-right: 0%;
    }
    .botonF3 {
        bottom: 0rem;
        width: 50%;
        border-radius: 0%;
        right: 0;
        margin-right: 0%;
    }
}
@media (max-width:768px) {
   .banner-texto {
        font-size: 2.2rem;
        padding: 30px 15px;
    }
    .banner-texto h1 {
        font-size: 37px;
        width: 100%;
    }
    .banner-content {
        width: 100%;
    }
    .bannerVerde{
        margin-top: 0;
    }

    .formSection .container{
           margin: 0;
        padding: 0;
        border-radius: 0; 
    }
   
    .swiper-button-prev {
        display: none;
    }
    .swiper-button-next {
        display: none;
    }
    .ocultar-desktop {
        display: none;
    }

    .mostrar-desktop {
        display: block;
    }
    .txtMod{
        font-size:14px;
    }
    .swiper-button-prev {
        display: none;
    }
    .swiper-button-next {
        display: none;
    }
    .contentAside {
        display: none;
    }
    .form-pop-content{
        width: 100%;
    }
    .Reconocimientos{
        width: 100% !important;
    }
     #formulario-popup .container {
        height: 100%;
        overflow: scroll;
    }
      .ContentForm{
        height: 100%;
        overflow: scroll;
        padding: 20px;
    }
    .SecctionBlackImg img {
        width: 100%;
    }
    .answercont {
           flex-direction: row;
            overflow: overlay;   
    }
    .answer .Card {
        width: 80%;
    }

    .botonSaberMas {
        padding: 10px;
        color: var(--blanco);
        background-color: var(--amarrillo);
        font-weight: bold;
        width: 100%;
    }

    .columna2Video {
        width: 100%;
        display: flex;
        gap: 10px;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }
    .columna2Video img {
        width: 40px;
    }

    .esc {
        width: 10% !important;
    }
    .hablemos-btn,
    .inscribirme-btn {
        width: 90%;
    }
    .contentPOP {
        width: 80%;
    }

    .formSection {
        background-image: none;
        height: 100%;
        background-color: var(--blanco);
    }
    .ContentForm3 p {
        width: 90% !important;
    }
    .txtDescuento img {
        width: 100%;
    }
    .decuento .container {
        height: 55%;
    }
    .txtDescuento {
        width: 100%;
    }
    .decuento {
        background-image: url(../img/curso-en-finanzas-mobile.webp);
    }

    .video-txt {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .contentVideo {
        width: 100%;
        margin-top: 2rem;
    }
    .content-txt {
        width: 100%;
        margin-top: 2rem;
    }
    .hero-content {
        width: 95%;
        padding-left: 0;
    }
   
    .main-content {
        width: 100%;
    }
    .hero-banner {
        height: 510px;
        min-height: 300px;
    }
    .bannerContent {
        height: 95%;
    }
    #form-container3 form {
        padding: 15px;
    }
    .form-check {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    #form-container2 {
        padding: 5px 0px 20px;
    }
    .brochure a {
        width: 100%;
    }

    .cl {
        width: 100% !important;
    }

    .main-content-wrapper {
        width: 100%;
    }
  
    .facultadPOP .facultad,
    .faq_question-text h3 {
        font-size: 15px
    }
    .dhx-terms,
    .ic-class-form-check-label-legal {
        margin-left: 5px
    }
   
    .btonNavPOP .POP {
        width: 100%;
    }
   
    #btn-enviar {
        width: 100%;
        font-weight: 700;
        font-size: 17px
    }
   
    .facultadPOP {
        text-align: left
    }
    #popup-content {
        text-align: center
    }
    
    #popup-content {
        height: 10rem;
        padding: 0
    }
    #popup-close {
        top: -52vw
    }

    .CardTestimonios {
        width: 80%;
    }
    #form-container2 form,
    .Activate,
    .Activate img,
    .Form,
    .List,
    .SecctionBlackImg p,
    .bg-rojo,
    .contentTxtDP,
    .imgPopUP img,
    .videoDirigido {
        width: 100%
    }
    .answer .Card {
        width: 100%;
    }
    .botonF2 {
        bottom: 0rem;
        width: 50%;
        border-radius: 0%;
        left: 0;
        margin-right: 0%;
    }
    .botonF3 {
        bottom: 0rem;
        width: 50%;
        border-radius: 0%;
        right: 0;
        margin-right: 0%;
    }
    .BtonFlotante2 p {
        margin: 0 0 0 10px;
        display: block;
    }
    .ImgFondo .container {
        height: 100%;
        margin-top: -110vw
    }

    .SecctionBlack {
        height: 16rem;
        padding: 10px
    }
   
    .BtonFlotante2>.menuWhatsapp {
        transform: translate(15%, -70%)
    }

    .ImgFondo,
    .contenido {
        margin-top: 0
    }
    .faq_container {
        border-radius: 1rem
    }
    .ContentFooter {
        flex-direction: column
    }

    #form-container {
        border-radius: 0
    }
    .accordeon .titulo h3 {
        width: 80%;
        font-size: 25px
    }
    .List .Opt img {
        width: 25%
    }
    .List .Opt p {
        width: 74%
    }
    .contentTxtDP .texto {
        flex-direction: column !important
    }
    .contenido .texto {
        width: 100%;
        display: flex;
        margin-top: 1rem;
        flex-direction: column-reverse
    }

    .answer p {
        line-height: 1.2
    }

    .ImgFondo {
        height: 110vw
    }

    .Mobile {
        display: flex !important;
    }

    .IconBanner {
        width: 100% !important
    }
    .Desk {
        display: none !important
    }

    .ContentForm3 {
        box-shadow: #9F9D97 0px 0px 8px 1px;
        width: 95%;
        border-radius: 1rem;
        background-color: white;
    }
    .footer-col {
        width: 100%;
        margin-bottom: 30px
    }
    .FooterImgLogo {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .FooterImgLogo img {
        width: 40% !important;
    }
    .footer {
        padding: 35px 0;
    }
}
.anchoDiferido p {
    width: 100% !important;
}
.swiper-container {
    max-width: 700px;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 3rem;
    position: relative;
    overflow: hidden;
}
.swiper-wrapper {
    transition: height 0.3s ease;
}
.swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 150px;
    box-sizing: border-box;
    padding: 0;
    width: 100% !important;
    flex-shrink: 0;
    visibility: hidden;
}
.swiper-slide-active {
    visibility: visible;
}
.slide-content {
    text-align: left;
}
.slide-content h3 {
    margin: 0;
    color: var(--verde);
    font-size: 1.5rem;
}
.slide-content span {
    color: var(--salmon);
    font-size: 1rem;
}
.slide-content p {
    font-size: 1.2rem;
    color: #333;
    line-height: 1.5;
    margin-top: 1rem;
    padding: 0;
}
.swiper-button-next,
.swiper-button-prev {
    top: 50% !important;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 10;
    color: var(--verde);;
    position: absolute !important;
}
.swiper-button-prev {
    left: -20px !important;
}
.swiper-button-next {
    right: -20px !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
}
.swiper-button-prev img,
.swiper-button-next img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
}

.swiper-pagination {
    bottom: 0;
    text-align: center;
    position: relative;
    margin-top: 20px !important;
    padding-top: 20px !important;
}
.swiper-horizontal {
    height: 220px !important;
}

.swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #508F7D !important;
}
.swiper-navigation-icon {
    display: none;
}
.testimonios .titulo{
    text-align: center;
}
.fa-circle-arrow-left{
    color: var(--verde);
    font-size: 25px;
}
.fa-circle-arrow-right{
    color: var(--verde);
    font-size: 25px;
}

.swiper-pagination {
    bottom: 0;
    text-align: center;
    position: relative;
    margin-top: 20px !important;
    padding-top: 20px !important;
}
.swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #508F7D !important;
}
.icono-grande {
    font-size: 40px !important;
}
.ocultar-desktop {
    display: block;
}

.mostrar-desktop {
    display: none;
}