.elementor-kit-333{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-75737164:#4054B2;--e-global-color-544e4fcb:#23A455;--e-global-color-2eb6c250:#000;--e-global-color-37193d09:#FFF;--e-global-color-18c5091c:#1A5CE0;--e-global-color-77474670:#CAD0DB;--e-global-color-710e3242:#E9EBEF;--e-global-color-6b5e9843:#1A1A1A;--e-global-color-6fa09963:#0C49C2;--e-global-color-17ec92ea:#F5F6F8;--e-global-color-4ae4fc3e:#242A36;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-333 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. CARGA DE FUENTES COMPLETA */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700;900&family=Poppins:wght@300;400;600&display=swap');

/* --- ESTILOS ORIGINALES (NO TOCAR) --- */
.hero-h1 .elementor-heading-title { font-family: 'Montserrat', sans-serif !important; font-size: clamp(2.2rem, 5vw, 3.5rem) !important; font-weight: 900 !important; line-height: 1.1 !important; color: #ffffff !important; text-transform: uppercase !important; margin: 0 !important; }
.hero-h2 .elementor-heading-title { font-family: 'Montserrat', sans-serif !important; font-size: 1.8rem !important; color: #e6b800 !important; font-weight: 700 !important; text-transform: none !important; margin: 20px 0 !important; }
.btn-gold .elementor-button, .btn-white .elementor-button { font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-radius: 4px !important; padding: 18px 35px !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; }
.btn-gold .elementor-button { background-color: #e6b800 !important; color: #1c3c57 !important; border: 2px solid #e6b800 !important; }
.btn-gold .elementor-button:hover { transform: scale(1.08) !important; box-shadow: 0 0 25px rgba(230, 184, 0, 0.7) !important; background-color: #ffcc00 !important; }
.btn-white .elementor-button { background-color: transparent !important; color: #ffffff !important; border: 2px solid #ffffff !important; }
.btn-white .elementor-button:hover { transform: scale(1.08) !important; box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important; background-color: #ffffff !important; color: #1c3c57 !important; }

.seccion-bolsa { background-color: #1c3c57 !important; }
.titulo-bolsa .elementor-heading-title { color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 2.5rem !important; font-weight: 900 !important; line-height: 1.2 !important; }
.texto-poppins, .puntos-clave .elementor-icon-list-text { font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; color: #ffffff !important; }
.img-bolsa img { transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; object-fit: cover; }
.img-bolsa:hover img { transform: scale(1.03) !important; filter: brightness(1.1) !important; }

/* CAMBIO 1: Efecto hover botón bolsa */
.btn-bolsa .elementor-button { background-color: #ffffff !important; color: #1c3c57 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; text-transform: none !important; padding: 18px 35px !important; border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; }
.btn-bolsa .elementor-button:hover { transform: scale(1.05) !important; box-shadow: 0 0 20px rgba(255, 255, 255, 0.4) !important; background-color: #f2f2f2 !important; }

.bg-gris-claro { background-color: #fafafa !important; }
.separador-dorado { width: 100px; height: 4px; background-color: #e6b800 !important; margin: 0 auto 40px !important; border-radius: 2px; }
.label-acerca .elementor-heading-title { color: #e6b800 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 800 !important; letter-spacing: 2px !important; font-size: 1rem !important; text-transform: uppercase !important; text-align: center; }

/* CAMBIO 2: Sin mayúsculas automáticas en Bioclima Formación */
.titulo-acerca .elementor-heading-title { color: #1c3c57 !important; font-family: 'Montserrat', sans-serif !important; font-size: clamp(2rem, 4vw, 3rem) !important; font-weight: 900 !important; line-height: 1.2 !important; text-align: center; max-width: 1150px; margin: 0 auto !important; text-transform: none !important; }

.texto-acerca, .texto-acerca p { color: #1c3c57 !important; font-family: 'Poppins', sans-serif !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.7 !important; text-align: center; max-width: 1100px; margin: 25px auto !important; }

/* --- AJUSTE RESPONSIVE MÓVIL (CAMBIO 3: CORRECCIÓN BOLSA) --- */
@media (max-width: 767px) {
    /* Forzamos que el contenedor de la bolsa ignore el ancho comprimido de la captura */
    .seccion-bolsa .elementor-container,
    .seccion-bolsa .elementor-column,
    .seccion-bolsa .elementor-widget-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .titulo-bolsa .elementor-heading-title {
        font-size: 22px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        padding: 20px 15px !important;
        white-space: normal !important; /* Permite que el texto fluya */
        width: 100% !important;
        display: block !important;
    }

    /* Resto de ajustes móvil que ya funcionaban */
    .bg-gris-claro .elementor-column { width: 100% !important; }
    .titulo-acerca .elementor-heading-title { font-size: 22px !important; line-height: 1.2 !important; padding: 0 10px !important; }
    .texto-acerca, .texto-acerca p { font-size: 16px !important; line-height: 1.4 !important; padding: 0 10px !important; }
    .separador-dorado { margin-bottom: 20px !important; }
}

/* --- SECCIÓN CURSOS COMPLETA --- */
.seccion-cursos { background-color: #ffffff !important; padding: 80px 0 !important; }

/* Título Principal de la Sección */
.titulo-cursos .elementor-heading-title {
    color: #1c3c57 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
    font-weight: 900 !important;
    text-align: center;
    text-transform: none !important;
    margin-bottom: 50px !important;
}

/* Tarjeta Blanca de Curso */
.tarjeta-curso {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;
    padding: 40px 30px !important;
    transition: all 0.4s ease !important;
    display: flex;
    flex-direction: column;
}
.tarjeta-curso:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 35px rgba(28, 60, 87, 0.1) !important;
    border-color: #e6b800 !important;
}

/* Imagen con recuadro detrás */
.img-contenedor-curso { position: relative !important; display: flex !important; justify-content: center !important; margin-bottom: 35px !important; }
.img-contenedor-curso::before {
    content: '' !important; position: absolute !important;
    top: 10px; left: 15%; width: 70%; height: 100%;
    background-color: #1c3c57 !important; border-radius: 8px !important; z-index: 1 !important; transition: 0.4s;
}
.img-contenedor-curso img {
    position: relative !important; z-index: 2 !important;
    max-width: 75% !important; /* Reducción de tamaño */
    border-radius: 6px !important; transition: 0.4s;
}
.tarjeta-curso:hover .img-contenedor-curso::before { background-color: #e6b800 !important; }

/* --- Títulos de los Cursos (CON CUADRADITO) --- */
.nombre-curso .elementor-heading-title {
    font-family: 'Montserrat', sans-serif !important;
    color: #1c3c57 !important;
    font-weight: 800 !important;
    font-size: 1.5rem !important;
    text-transform: none !important;
    display: flex !important;
    align-items: center !important; /* Alínea el cuadradito con el texto */
    margin-bottom: 15px !important;
    margin-left: 0 !important; /* Asegura que no haya margen izquierdo base */
}

/* El cuadradito dorado decorativo */
.nombre-curso .elementor-heading-title::before {
    content: '' !important;
    display: inline-block !important;
    width: 14px !important;  /* Tamaño del cuadradito */
    height: 14px !important; /* Tamaño del cuadradito */
    background-color: #e6b800 !important; /* Color dorado */
    margin-right: 12px !important; /* Espacio con el texto */
    border-radius: 2px !important; /* Opcional: bordes ligeramente redondeados */
}

/* --- Descripción del Curso (TEXTO AZUL) --- */
.desc-curso, .desc-curso p {
    font-family: 'Poppins', sans-serif !important;
    color: #1c3c57 !important; /* COLOR AZUL OSCURO APLICADO */
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

/* Etiquetas doradas (Lista de Iconos) */
.tag-curso .elementor-icon-list-text { font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; color: #e6b800 !important; font-size: 0.85rem !important; text-transform: uppercase !important;}

/* Botón Bioclima */
.btn-curso .elementor-button {
    background-color: #1c3c57 !important; color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;
    padding: 15px 25px !important; border-radius: 4px !important;
    margin-top: auto !important; transition: 0.4s !important;
}
.btn-curso .elementor-button:hover { background-color: #e6b800 !important; color: #1c3c57 !important; transform: scale(1.05) !important; }

/* Móvil - Manteniendo el sistema anti-estrangulamiento */
@media (max-width: 767px) {
    .seccion-cursos .elementor-column { width: 100% !important; margin-bottom: 30px !important; }
    .titulo-cursos .elementor-heading-title { font-size: 22px !important; padding: 0 15px !important;}
    .img-contenedor-curso img { max-width: 65% !important; }
    .nombre-curso .elementor-heading-title { font-size: 1.3rem !important; }
    .desc-curso, .desc-curso p { font-size: 0.9rem !important;}
}

/* =============================================
   SECCIÓN: POR QUÉ ELEGIRNOS
   ============================================= */

.seccion-elegir {
    background-color: #fafafa !important; /* Gris muy claro de fondo */
    padding: 80px 0 !important;
}

/* Título Principal de la Sección */
.titulo-elegir .elementor-heading-title {
    color: #1c3c57 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(1.8rem, 4vw, 2.5rem) !important;
    font-weight: 900 !important;
    text-align: center;
    margin-bottom: 50px !important;
    text-transform: none !important;
}

/* Tarjetas */
.tarjeta-elegir {
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 40px 30px !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tarjeta-elegir:hover {
    transform: translateY(-10px) !important;
    border-color: #e6b800 !important;
    box-shadow: 0 15px 30px rgba(28, 60, 87, 0.1) !important;
}

/* Iconos circulares azules */
.icono-elegir {
    background-color: #f0f7ff !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 25px !important;
    color: #3b82f6 !important;
    font-size: 24px !important;
}

/* Subtítulos de tarjeta (Configurado como PÁRRAFO) */
.subtitulo-elegir, .subtitulo-elegir p {
    color: #1c3c57 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

/* Texto descriptivo (Azul corporativo) */
.texto-elegir, .texto-elegir p, .texto-elegir span {
    color: #1c3c57 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

/* =============================================
   AJUSTE MÓVIL (SISTEMA ANTI-ESTRANGULAMIENTO)
   ============================================= */

@media (max-width: 767px) {
    .seccion-elegir .elementor-container {
        display: flex !important;
        flex-direction: column !important;
    }

    .seccion-elegir .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 25px !important;
    }

    .tarjeta-elegir {
        padding: 30px 25px !important;
        align-items: center !important;
    }

    .subtitulo-elegir, .subtitulo-elegir p,
    .texto-elegir, .texto-elegir p {
        text-align: center !important;
    }

    .titulo-elegir .elementor-heading-title {
        font-size: 22px !important;
    }
}

/* =============================================
   SECCIÓN: TESTIMONIOS DE ALUMNOS
   ============================================= */

.seccion-testimonios {
    background-color: #ffffff !important;
    padding: 80px 0 !important;
}

/* Título Azul Principal */
.titulo-testimonios .elementor-heading-title {
    color: #1c3c57 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(1.8rem, 4vw, 2.5rem) !important;
    font-weight: 900 !important;
    text-align: center;
    margin-bottom: 10px !important;
    text-transform: none !important;
}

/* Subtítulo Dorado */
.subtitulo-testimonios .elementor-heading-title {
    color: #e6b800 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-align: center;
    margin-bottom: 50px !important;
    text-transform: none !important;
    letter-spacing: 0.5px;
}

/* Contenedor de Vídeo (Estética de la imagen) */
.columna-testimonio {
    transition: all 0.4s ease !important;
    padding: 10px !important;
}

.columna-testimonio video, 
.columna-testimonio .elementor-video-wrapper {
    border-radius: 15px !important; /* Bordes redondeados como en la foto */
    overflow: hidden !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    border: 1px solid #eeeeee !important;
}

/* Efecto al pasar el ratón por el vídeo */
.columna-testimonio:hover {
    transform: translateY(-5px) !important;
}

/* =============================================
   AJUSTE MÓVIL (SISTEMA ANTI-ESTRANGULAMIENTO)
   ============================================= */

@media (max-width: 767px) {
    .seccion-testimonios .elementor-container {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 20px !important;
    }

    .seccion-testimonios .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 30px !important;
    }

    .titulo-testimonios .elementor-heading-title {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    .subtitulo-testimonios .elementor-heading-title {
        font-size: 0.9rem !important;
        padding: 0 10px !important;
    }
}

/* =============================================
   SECCIÓN: FORMACIÓN PRÁCTICA (VERSIÓN SOLAPE FORZADO)
   ============================================= */

.seccion-practica {
    background-color: #ffffff !important;
    padding: 80px 0 !important;
    position: relative !important;
}

/* 1. Línea dorada superior CENTRADA */
.seccion-practica::before {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 4px !important;
    background-color: #e6b800 !important;
    position: absolute !important;
    top: 40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 2. Título Azul Corporativo */
.titulo-practica .elementor-heading-title {
    color: #1c3c57 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(1.8rem, 4vw, 2.5rem) !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    margin-bottom: 25px !important;
    text-transform: none !important;
    margin-top: 40px !important;
}

/* 3. Texto descriptivo en Azul Corporativo */
.texto-practica, 
.texto-practica p, 
.texto-practica span, 
.texto-practica strong, 
.texto-practica b {
    color: #1c3c57 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
}

/* 4. CONTENEDOR FORZADO (Para que no se pongan una debajo de otra) */
.contenedor-imagenes-practica .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important; /* Fuerza el paralelo */
    flex-wrap: nowrap !important; /* Impide que bajen */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 40px 0 !important; /* Espacio para que la foto que sube no se corte */
}

/* 5. Estilo de las imágenes y Efecto */
.img-efecto-practica img {
    border-radius: 12px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer !important;
}

.img-efecto-practica:hover img {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 15px 35px rgba(28, 60, 87, 0.15) !important;
    z-index: 10 !important;
}

/* --- LÓGICA DE SOLAPE (image_fcefdf.jpg) --- */

/* Imagen 1: La de la izquierda */
.contenedor-imagenes-practica .elementor-widget-image:nth-child(1) {
    width: 60% !important;
    flex-shrink: 0 !important;
    z-index: 1 !important;
}

/* Imagen 2: La de la derecha (Sube y entra a la izquierda) */
.contenedor-imagenes-practica .elementor-widget-image:nth-child(2) {
    width: 50% !important;
    flex-shrink: 0 !important;
    margin-top: -35px !important; /* Sube hacia la línea dorada */
    margin-left: -60px !important; /* Se mete dentro de la primera foto */
    z-index: 2 !important;
}

/* =============================================
   AJUSTE MÓVIL
   ============================================= */

@media (max-width: 767px) {
    .seccion-practica .elementor-container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* En móvil mantenemos el solape pero más pequeño para que no se salga de pantalla */
    .contenedor-imagenes-practica .elementor-widget-image:nth-child(1) {
        width: 65% !important;
    }

    .contenedor-imagenes-practica .elementor-widget-image:nth-child(2) {
        width: 55% !important;
        margin-left: -40px !important;
    }

    .titulo-practica .elementor-heading-title,
    .texto-practica, .texto-practica p {
        text-align: center !important;
    }
}

/* =============================================
   SECCIÓN: CONTACTO / SOLICITA INFORMACIÓN
   ============================================= */

.seccion-contacto {
    background-color: #1c3c57 !important; /* Azul oscuro corporativo */
    padding: 120px 0 100px 0 !important; /* Más padding arriba para dejar sitio a la línea */
    position: relative !important;
    overflow: hidden !important;
}

/* Línea dorada superior - POSICIONAMIENTO FIJO */
.seccion-contacto::before {
    content: '' !important;
    position: absolute !important;
    top: 80px !important; /* Ajusta esto para subir o bajar la línea */
    left: 10% !important; /* Alineada con el inicio del contenedor */
    width: 60px !important;
    height: 5px !important; /* Un poco más gruesa para que destaque */
    background-color: #e6b800 !important;
    border-radius: 2px !important;
    z-index: 5 !important;
}

/* Título Montserrat en Blanco */
.titulo-contacto .elementor-heading-title {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 3.5rem) !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 40px !important;
    text-align: left !important;
    text-transform: none !important;
}

/* Caja del Formulario con borde punteado dorado */
.caja-formulario {
    border: 1px dashed rgba(230, 184, 0, 0.5) !important;
    border-radius: 10px !important;
    padding: 30px !important;
    background-color: rgba(255, 255, 255, 0.02) !important;
    min-height: 200px !important;
}

/* Texto dentro del formulario */
.caja-formulario p, .caja-formulario label {
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Imagen del Técnico */
.columna-tecnico img {
    width: 100% !important;
    max-width: 450px !important;
    height: auto !important;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.3)) !important;
    display: block !important;
    margin: 0 auto !important;
}

/* =============================================
   ADAPTACIÓN MÓVIL
   ============================================= */

@media (max-width: 767px) {
    .seccion-contacto {
        padding: 80px 20px 60px 20px !important;
    }

    /* Centramos la línea en móvil */
    .seccion-contacto::before {
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 50px !important;
    }

    .seccion-contacto .elementor-container {
        display: flex !important;
        flex-direction: column !important;
    }

    .titulo-contacto .elementor-heading-title {
        text-align: center !important;
        font-size: 2.2rem !important;
        margin-top: 20px !important;
    }

    .columna-tecnico {
        margin-top: 40px !important;
    }
}/* End custom CSS */