.elementor-1870 .elementor-element.elementor-element-a6deac2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-1870 .elementor-element.elementor-element-a6deac2:not(.elementor-motion-effects-element-type-background), .elementor-1870 .elementor-element.elementor-element-a6deac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-accent ) 24%, #000000 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1870 .elementor-element.elementor-element-2925ef4{text-align:center;}.elementor-1870 .elementor-element.elementor-element-2925ef4 .elementor-heading-title{font-family:"Orbitron", Sans-serif;font-size:3rem;font-weight:900;line-height:3rem;color:var( --e-global-color-accent );}.elementor-1870 .elementor-element.elementor-element-83b6d2a{text-align:center;}.elementor-1870 .elementor-element.elementor-element-83b6d2a .elementor-heading-title{font-family:"Orbitron", Sans-serif;font-size:3rem;font-weight:900;line-height:3rem;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1870 .elementor-element.elementor-element-8727589 > .elementor-widget-container{margin:11px 11px 11px 11px;}.elementor-1870 .elementor-element.elementor-element-8727589{text-align:center;font-family:"Bai Jamjuree", Sans-serif;font-size:1.2rem;font-weight:400;line-height:1rem;}.elementor-1870 .elementor-element.elementor-element-aef96e0 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-1870 .elementor-element.elementor-element-4bc314e > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-1870 .elementor-element.elementor-element-e454c50 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-1870 .elementor-element.elementor-element-522c00d{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1870 .elementor-element.elementor-element-2925ef4 .elementor-heading-title{font-size:3rem;line-height:1em;}.elementor-1870 .elementor-element.elementor-element-83b6d2a .elementor-heading-title{font-size:3rem;line-height:1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1870 .elementor-element.elementor-element-2925ef4 .elementor-heading-title{font-size:2rem;}.elementor-1870 .elementor-element.elementor-element-83b6d2a .elementor-heading-title{font-size:1.9rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1870 .elementor-element.elementor-element-8727589{font-size:1rem;}}/* Start custom CSS for html, class: .elementor-element-2c78ea9 *//* Importación de fuentes desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&family=Orbitron:wght@700;800;900&display=swap');

/* ==========================================
   1. CONFIGURACIÓN BASE Y CONTENEDOR
   ========================================== */
.cronograma-contenedor {
    background-color: #000000; /* Fondo negro puro */
    padding: 10px;
    border-radius: 12px;
    color: #ffffff;
    margin-bottom: 50px;
}

/* ==========================================
   2. DESTACAR LOS DÍAS (CÍRCULO EXPANDIDO)
   ========================================== */
.titulo-dia {
    font-family: 'Orbitron', sans-serif;
    font-size: 24px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    margin-top: 0px !important;
    margin-bottom: 30px !important;
    letter-spacing: 1.5px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

/* Círculo automatizado con borde y sombra del nuevo color */
.titulo-dia::before {
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    font-size: 15px;
    color: #ffffff !important;
    background-color: #4e205e; /* Color Morado */
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #781f3b; /* Borde Rojo Carmesí */
    box-shadow: 0 0 15px rgba(78, 32, 94, 0.7);
    flex-shrink: 0;
}

/* Asignación automática del número por día */
.dia-cero::before { content: "00"; }
.dia-uno::before  { content: "01"; }
.dia-dos::before  { content: "02"; }
.dia-tres::before { content: "03"; }

/* Modificación de la fecha al lado */
.titulo-dia .fecha-dia {
    font-family: 'Bai Jamjuree', sans-serif;
    color: #a5a2aa !important;
    font-size: 16px !important;
    text-transform: none !important;
    font-weight: 500 !important;
}

/* ==========================================
   3. FILAS CON MÁS VIDA Y DEGRADADOS
   ========================================== */
.fila-actividad {
    display: flex;
    flex-wrap: wrap;
    /* Degradado sutil de fondo entre tu morado y un gris muy oscuro */
    background: linear-gradient(135deg, #110c14 0%, #060507 100%); 
    margin-bottom: 14px;
    padding: 20px 24px;
    border-radius: 8px;
    border: 1px solid rgba(78, 32, 94, 0.25); /* Borde morado translúcido */
    border-left: 5px solid #4e205e; /* Línea izquierda morada inicial */
    font-family: 'Bai Jamjuree', sans-serif;
}

/* Encabezados de la Tabla */
.encabezado-tabla {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #361745 !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1.5px;
    padding-bottom: 12px;
    pointer-events: none;
    animation: none !important;
}

/* Celdas individuales */
.celda {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}
.columna-hora { 
    width: 15%; 
    font-family: 'Orbitron', sans-serif;
    font-weight: 800; 
    letter-spacing: 0.5px;
}
.columna-categoria { width: 40%; font-weight: 700; font-size: 16px; }
.columna-nivel { width: 25%; color: #e1dde6; font-size: 14px; }
.columna-locacion { width: 20%; color: #bcaec7; font-size: 14px; }


/* ==========================================
   4. DISTRIBUCIÓN DE COLORES POR DÍA
   ========================================== */

/* --- DÍA 00 --- */
.dia-cero { color: #ffffff !important; }
.tabla-dia-cero .encabezado-tabla { color: #ffffff; }
.tabla-dia-cero .columna-hora { color: #ffffff; }
.tabla-dia-cero .fila-actividad:not(.encabezado-tabla):hover { 
    border-left-color: #ffffff; 
}

/* --- DÍA 01 --- */
.dia-uno { color: #bd82d1 !important; }
.tabla-dia-uno .encabezado-tabla { color: #bd82d1; }
.tabla-dia-uno .columna-hora { color: #bd82d1; }
.tabla-dia-uno .fila-actividad:not(.encabezado-tabla):hover { 
    border-left-color: #4e205e; 
}
.actividad-networking { 
    background: linear-gradient(90deg, #180a1c 0%, #300d17 100%) !important; 
    border: 1px dashed #781f3b !important;
}

/* --- DÍA 02 (Máximo contraste con el Rojo Carmesí) --- */
.dia-dos { color: #ff3366 !important; text-shadow: 0 0 10px rgba(255, 51, 102, 0.2); }
.tabla-dia-dos .encabezado-tabla { color: #ff3366; }
.tabla-dia-dos .columna-hora { color: #ff3366; }
.tabla-dia-dos .fila-actividad { border-left-color: #781f3b; } /* Inicia con borde rojo */
.tabla-dia-dos .fila-actividad:not(.encabezado-tabla):hover { 
    border-left-color: #ff3366; 
}

/* --- DÍA 03 --- */
.dia-tres { color: #d64567 !important; }
.tabla-dia-tres .encabezado-tabla { color: #d64567; }
.tabla-dia-tres .columna-hora { color: #d64567; }
.tabla-dia-tres .fila-actividad:not(.encabezado-tabla):hover { 
    border-left-color: #781f3b; 
}


/* ==========================================
   5. ANIMACIONES EN PARALELO Y EFECTO HOVER VIVO
   ========================================== */

/* Animación de entrada fluida */
@keyframes entradaSuave {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Animación de levitación constante */
@keyframes flotadoConstante {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}

/* Aplicación del sistema flotante dinámico */
.fila-actividad:not(.encabezado-tabla) {
    animation: entradaSuave 0.6s cubic-bezier(0.25, 1, 0.5, 1) both,
               flotadoConstante 4.5s ease-in-out infinite;
}

/* Desfase de tiempos para romper la sincronía y dar más naturalidad */
.fila-actividad:nth-child(2) { animation-delay: 0.1s, 0.2s; }
.fila-actividad:nth-child(3) { animation-delay: 0.2s, 0.8s; }
.fila-actividad:nth-child(4) { animation-delay: 0.3s, 1.4s; }
.fila-actividad:nth-child(5) { animation-delay: 0.4s, 2.0s; }
.fila-actividad:nth-child(6) { animation-delay: 0.5s, 2.6s; }

/* REACCIÓN AL PASAR EL MOUSE: Flota más alto, cambia fondo y emite brillo neón mixto */
.fila-actividad:not(.encabezado-tabla):hover {
    animation-play-state: paused; /* Pausa la levitación automática */
    background: linear-gradient(135deg, #240f2c 0%, #3d101e 100%); /* Fusión viva de tus dos colores */
    border-color: rgba(120, 31, 59, 0.6);
    transform: scale(1.02) translateY(-4px) translateX(4px) !important; /* Se eleva y se desplaza */
    box-shadow: -5px 5px 20px rgba(78, 32, 94, 0.4), 5px -5px 20px rgba(120, 31, 59, 0.3); /* Resplandor dual */
}


/* ==========================================
   6. RESPONSIVO MÓVIL
   ========================================== */
@media (max-width: 767px) {
    .encabezado-tabla { display: none !important; }
    
    .fila-actividad {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 18px !important;
        animation: entradaSuave 0.6s ease-out both !important; /* Desactiva flotación infinita en móviles */
    }
    
    .fila-actividad:hover {
        transform: scale(1.02) !important;
        background: linear-gradient(135deg, #190b1e 0%, #240a13 100%) !important;
    }
    
    .celda { width: 100% !important; padding: 0; }
    .columna-hora { font-size: 17px; margin-bottom: 2px; }
    .columna-categoria { font-size: 15px; }
}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@200;300;400;500;600;700&display=swap');


body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, button, input, textarea, * {
    font-family: 'Bai Jamjuree', sans-serif !important;
}/* End custom CSS */