:root{
    --accent:#ff5c7a;
    --accent-2:#00c2ff;
    --dark:#0f1724;
    --muted:#6b7280;
    --card-shadow: 0 12px 30px rgba(2,6,23,0.06);
    --result-bg: linear-gradient(135deg, #1e3a8a, #2563eb);
}
*{box-sizing:border-box}
body{font-family:'Inter',system-ui,Roboto,Arial;margin:0;color:var(--dark);background:#fbfbff}
a{color:inherit;text-decoration:none}
.navbar{background:#f3f3f3;box-shadow:0 4px 12px rgba(2,6,23,0.04)}
.navbar-brand img{height:60px;}
.hero{position:relative;height:86vh;min-height:520px;display:flex;align-items:center;overflow:hidden; padding-top: 80px;}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,14,22,0.45),rgba(4,14,22,0.15));z-index:1}
.hero .content{position:relative;z-index:2;color:#fff;padding:2rem;max-width:1100px;margin:0 auto}
.badge-cta{display:inline-block;padding:.35rem .9rem;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-weight:700}
h1.hero-title{font-size:2.8rem;line-height:1.05;font-weight:800;margin-top:1rem}
p.lead{color:rgba(255,255,255,0.95);font-size:1.05rem}
.cta-btn{background:var(--accent);border:0;color:#fff;padding:.95rem 1.2rem;border-radius:12px;font-weight:700;transition:transform .2s ease}
.cta-btn:hover{transform:translateY(-2px)}
.secondary-btn{background:transparent;border:2px solid rgba(255,255,255,0.18);color:#fff;padding:.95rem 1.2rem;border-radius:12px;font-weight:700;transition:background .2s ease}
.secondary-btn:hover{background:rgba(255,255,255,0.1)}
.info-chip{background:#fff;padding:10px;border-radius:12px;display:inline-block;box-shadow:var(--card-shadow);color:var(--dark);font-weight:700; font-size: 0.9rem;}
section{padding:60px 20px}
.text-muted{color:var(--muted)}

/* CUENTA REGRESIVA: Estilos corregidos */
.countdown { 
    display: flex; 
    gap: 15px; 
    margin-top: 25px; 
}
.countdown .box {
    background: rgba(255, 255, 255, 0.15); /* Fondo semitransparente */
    padding: 10px 15px;
    border-radius: 8px;
    text-align: center;
    color: white; /* Texto blanco */
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    min-width: 70px; /* Asegura espacio */
}
.countdown .num {
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 5px;
}

/* Logos Section Header */
.logos-header{display:flex; justify-content:space-between; align-items:center; margin-bottom: 1.5rem;}
.logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;align-items:center}
.logos-grid img{max-width:130px;max-height:px;object-fit:contain;filter:grayscale(0);opacity:.95;transition:transform .25s,opacity .25s}
.logos-grid img:hover{transform:translateY(-6px) scale(1.04);opacity:1}
.parallax{background-attachment:fixed;background-size:cover;background-position:center;color:#fff;padding:80px 20px;position:relative}
.parallax::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.45);z-index:0}
.parallax .inner{position:relative;z-index:1}

/* QUIZ Styles */
.quiz-box{background:linear-gradient(180deg,#ffffff,#fbfdff);padding:20px;border-radius:12px;box-shadow:var(--card-shadow);transition:all 0.5s ease}
.quiz-btn{border-radius:10px;padding:.9rem 1rem;border:0;font-weight:700;cursor:pointer;width:100%;margin:10px 0;transition:transform .15s ease}
.quiz-btn:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,0.1)}
.quiz-row{display:grid;grid-template-columns:1fr;gap:10px}
.btn-quiz-red{background:linear-gradient(135deg,#ff5f6d,#ffc371);color:#fff}
.btn-quiz-blue{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}
.btn-quiz-green{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#042308}
.btn-quiz-purple{background:linear-gradient(135deg,#7f00ff,#e100ff);color:#fff}
.btn-quiz-orange{background:linear-gradient(135deg,#ff9966,#ff5e62);color:#fff}
.btn-quiz-teal{background:linear-gradient(135deg,#56ab2f,#a8e063);color:#042308}
.result-card { background: var(--result-bg); color: white; padding: 30px; border-radius: 12px; text-align: center; margin-top: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); }
.result-card p { color: #ffffff; font-size: 1rem; margin-bottom: 25px; }

.timeline-card{background:#fff;border-radius:14px;padding:1rem;border:1px solid rgba(15,23,36,0.04);box-shadow:var(--card-shadow)}
.testimonial{border-left: 5px solid var(--accent);}
.register-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--card-shadow)}

/* Botones Flotantes */
.floating{position:fixed;right:15px;bottom:15px;z-index:999;display:flex;flex-direction:column;gap:.6rem}
.floating a{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:24px;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:transform .2s ease}
.floating a:hover{transform:scale(1.1)}
.floating .wa{background:#25d366}
.floating .book{background:var(--accent)}

.event-item.location { cursor: pointer; }

/* SECCIÓN EVENT INFO */
.event-info { 
    background: linear-gradient(135deg, #2563eb, #1e3a8a); 
    padding: 60px 20px; 
    text-align:center; 
    color:white;
}
.event-info h2 { color: white; }
.event-info h3 { color: white; font-weight: 700; font-size: 1.25rem;}
.event-info p { color: #e5e7eb; margin-bottom: 0; }

.event-grid { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; } 
.event-item { 
    background: rgba(255,255,255,0.1); 
    backdrop-filter: blur(8px); 
    border:1px solid rgba(255,255,255,0.2); 
    border-radius:12px; 
    padding:25px 15px; 
    width:260px;
    text-align:center; 
    box-shadow:0 6px 15px rgba(0,0,0,0.15); 
    transition:transform .3s ease;
}

/* BOTÓN EVENT INFO */
.event-btn {
    display: inline-block;
    background: white; 
    color: #1e3a8a !important; 
    padding: 1rem 2rem;
    border-radius: 10px;
    font-weight: 800;
    margin-top: 30px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: transform .2s ease;
}
.event-btn:hover { transform: translateY(-3px); }

/* FONDO SECCIÓN REGISTER */
.register {
    background: linear-gradient(135deg, var(--accent-2), #1e3a8a); 
    padding: 60px 20px;
}
.register h3, .register p.text-light { color: white !important; }

/* Adaptabilidad Móvil */
@media(max-width:992px){
    .navbar-brand img{height:50px;}
    .hero{height:auto; min-height: 400px; padding-top: 40px; padding-bottom: 40px;}
    h1.hero-title{font-size:2.2rem}
    .hero .content{padding: 1rem;}
    
    /* Corrección Botón de Universidades en Móvil */
    .logos-header { flex-direction: column; align-items: flex-start; gap: 15px;}
    .logos-header .cta-btn { align-self: stretch; width: 100%; text-align: center; }

    section{padding: 40px 15px;}
    .quiz-btn{padding: 0.8rem;}
    
    .event-grid{flex-direction: column; align-items: center; gap: 15px;}
    .event-item{width: 100%; max-width: 400px; } 
    .event-btn { width: 100%; max-width: 400px; } 

    .floating a{width:50px;height:50px; font-size:20px;}
    
    /* Cuenta Regresiva Móvil */
    .countdown .box { padding: 8px 10px; min-width: 60px; }
    .countdown .num { font-size: 1.4rem; }
}
/* ================================================= */
/* === ESTILOS PARA LA SECCIÓN DE ORGANIZADORES === */
/* ================================================= */

/* Estilo para la pequeña etiqueta CTA que se añade */
.badge-cta {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: #1a73e8; /* Color azul de tu CTA */
    border-radius: 0.25rem;
    text-transform: uppercase;
}

/* Estilo general para las tarjetas de cada organizador */
#organizers .organizer-card {
    background-color: #fff; /* Fondo blanco para destacar */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Sombra suave para un efecto "elevado" */
    border-top: 5px solid #1a73e8; /* Barra de color en la parte superior como acento */
    transition: transform 0.3s, box-shadow 0.3s;
}

/* Efecto hover sutil para la tarjeta */
#organizers .organizer-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* Estilos para las listas de beneficios dentro de las tarjetas */
#organizers ul {
    padding-left: 20px;
    margin-top: 15px;
}

/* Personalización del ícono de la lista */
#organizers ul li::before {
    content: "✔️"; /* Ícono de checkmark */
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    color: #1a73e8; /* Color azul para el check */
    font-weight: bold;
}

/* Asegurar que el botón principal de la página tenga el estilo correcto */
.cta-btn {
    background-color: #1a73e8; 
    color: white;
    padding: 10px 25px;
    border-radius: 50px;
    text-decoration: none;
    transition: background-color 0.3s;
    border: none;
    display: inline-block;
    cursor: pointer;
}

.cta-btn:hover {
    background-color: #165ab8;
    color: white;
}