/*
Theme Name: csWP4K
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: New Theme for Passion For Knowledge
Author: CodeSyntax WordPress team
Author URI: https://codesyntax.com
Template: twentytwentyfive
Text Domain: csWP4K
*/


.agenda-container { width: 100%; font-family: sans-serif; }

/* Día: DOM 10-MAY 2026 */
.agenda-day-header {
    width: 100%;
    margin: 40px 0 10px 0;
    border-top: 1px solid #d1d5db;
    position: relative;
}
.agenda-day-header span {
    position: absolute;
    top: -12px;
    left: 0;
    background: #fff;
    padding-right: 15px;
    font-family: monospace;
    font-weight: bold;
    color: #4a90e2;
}

/* Nombre del Evento (Relación) */
.agenda-event-group-title h4 {
    border-bottom: 2px solid #333; /* Línea negra gruesa */
    padding-bottom: 5px;
    margin: 25px 0 15px 0;
    font-size: 1.1rem;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Fila de Charla */
.talk-row {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #f3f4f6;
    align-items: center;
    gap: 30px;
}

.talk-col--time { flex: 0 0 140px; font-size: 14px; color: #555; }
.talk-col--info { flex: 3; }
.talk-col--speakers { flex: 2; display: flex; flex-wrap: wrap; gap: 12px; }
.talk-col--action { flex: 0 0 100px; text-align: right; }

.talk-name { margin: 0 !important; font-size: 18px !important; font-weight: 700; color: #111; }
.talk-venue { font-size: 13px; color: #888; }

/* Ponentes */
.speaker-pill { display: flex; align-items: center; gap: 8px; }
.speaker-img img { width: 35px; height: 35px; border-radius: 50%; object-fit: cover; }
.speaker-name { font-size: 13px; font-weight: 600; }

.talk-link { font-size: 14px; color: #2563eb; text-decoration: underline; }

@media (max-width: 800px) {
    .talk-row { flex-direction: column; align-items: flex-start; gap: 10px; }
}
.talk-col--type {
    flex: 0 0 160px;
    text-align: right;
}

.talk-type-badge {
    display: inline-block;
    padding: 5px 12px;
    background-color: #f8fafc;
    color: #4a90e2;
    border: 1px solid #e2e8f0;
    border-radius: 20px; /* Estilo píldora */
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* Para que la columna de título sea la que más se estire */
.talk-col--info {
    flex: 3;
}

.talk-col--time {
    flex: 0 0 140px;
}