

#sitio .evt-container{max-width:1120px;margin:0 auto;padding:0 1rem}
#sitio .evt-wrap,#sitio .evt-detalle-wrap{padding:2rem 0 3.5rem}

#sitio .evt-toolbar{
    display:flex;align-items:center;gap:1rem;margin:0 0 1.25rem;flex-wrap:wrap;
}
#sitio .evt-mes{
    font-size:clamp(1.4rem,3.2vw,2rem);font-weight:800;color:var(--azul);margin:0;
    text-transform:capitalize;letter-spacing:-.01em;
}
#sitio .evt-mes span{color:var(--oro);font-weight:700}
#sitio .evt-nav{
    width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
    border:1px solid #d7e0ea;color:var(--azul);background:#fff;transition:.15s;flex:none;
}
#sitio .evt-nav:hover{background:var(--azul);color:#fff;border-color:var(--azul)}
#sitio .evt-hoy{
    margin-left:auto;font-weight:700;font-size:.85rem;color:var(--azul);
    border:1px solid #d7e0ea;border-radius:999px;padding:.4rem .95rem;background:#fff;transition:.15s;
}
#sitio .evt-hoy:hover{background:var(--oro);border-color:var(--oro);color:#3a2c00}

#sitio .evt-cal{background:#fff;border:1px solid #e6ebf1;border-radius:16px;overflow:hidden;
    box-shadow:0 1px 2px rgba(20,40,70,.04),0 12px 30px rgba(20,40,70,.05)}
#sitio .evt-dow{
    display:grid;grid-template-columns:repeat(7,1fr);
    background:var(--azul);color:#fff;
}
#sitio .evt-dow span{padding:.6rem .4rem;text-align:center;font-size:.72rem;font-weight:800;
    letter-spacing:.08em;text-transform:uppercase}
#sitio .evt-grid{display:grid;grid-template-columns:repeat(7,1fr)}
#sitio .evt-cell{
    min-height:112px;border-right:1px solid #eef2f6;border-bottom:1px solid #eef2f6;
    padding:.4rem;display:flex;flex-direction:column;gap:.25rem;position:relative;
    min-width:0;overflow:hidden;   /* el contenido no invade los días vecinos */
}
#sitio .evt-cell:nth-child(7n){border-right:none}
#sitio .evt-cell--out{background:#fafbfc}
#sitio .evt-daynum{font-size:.82rem;font-weight:700;color:#5a6b7b;display:flex;align-items:center;gap:.35rem}
#sitio .evt-cell--hoy .evt-daynum{color:var(--azul)}
#sitio .evt-hoytag{background:var(--oro);color:#3a2c00;font-size:.6rem;font-weight:800;
    padding:.05rem .4rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
#sitio .evt-cell--hoy{background:color-mix(in srgb,var(--oro) 8%,#fff);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--oro) 45%,transparent)}

#sitio .evt-daylist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}
#sitio .evt-chip{
    display:flex;align-items:flex-start;gap:.35rem;text-decoration:none;text-align:left;
    width:100%;max-width:100%;min-width:0;box-sizing:border-box;
    font-size:.74rem;font-weight:600;color:#26333f;cursor:pointer;
    background:#f1f5f9;border:0;border-left:3px solid var(--azul);border-radius:6px;
    padding:.24rem .4rem;line-height:1.2;transition:.12s;
}
#sitio .evt-chip:hover{background:#e6edf4}
#sitio .evt-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--azul);flex:none;margin-top:.28rem}
#sitio .evt-chip-txt{
    min-width:0;overflow:hidden;word-break:break-word;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
/* Eventos extra (a partir del 4º): ocultos hasta pulsar "+N más". */
#sitio .evt-extra{display:none}
#sitio .evt-cell--abierto .evt-extra{display:list-item}
#sitio .evt-chip--en_curso{border-left-color:#c0392b}
#sitio .evt-chip--en_curso .evt-chip-dot{background:#c0392b;animation:evtPulseSm 1.4s ease-in-out infinite}
#sitio .evt-chip--proximo{border-left-color:var(--verde)}
#sitio .evt-chip--proximo .evt-chip-dot{background:var(--verde)}
#sitio .evt-chip--agendado{border-left-color:var(--azul)}
#sitio .evt-chip--finalizado{border-left-color:#9aa7b3;color:#6b7a88}
#sitio .evt-chip--finalizado .evt-chip-dot{background:#9aa7b3}
#sitio .evt-chip--cancelado{border-left-color:#9aa7b3;color:#96a0aa;text-decoration:line-through}
@keyframes evtPulseSm{0%{box-shadow:0 0 0 0 rgba(192,57,43,.5)}70%,100%{box-shadow:0 0 0 5px rgba(192,57,43,0)}}
@media (prefers-reduced-motion:reduce){#sitio .evt-chip--en_curso .evt-chip-dot{animation:none}}
#sitio .evt-more{font-size:.68rem;color:var(--azul);font-weight:700;padding:.15rem .4rem;
    background:none;border:0;cursor:pointer;text-align:left;width:100%;border-radius:5px}
#sitio .evt-more:hover{background:#eef2f6;text-decoration:underline}

#sitio .evt-leyenda{display:flex;gap:1.2rem;flex-wrap:wrap;margin:1rem .2rem 0;font-size:.8rem;color:#5a6b7b}
#sitio .evt-leyenda span{display:inline-flex;align-items:center;gap:.4rem}
#sitio .evt-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
#sitio .evt-dot--en_curso{background:#c0392b}
#sitio .evt-dot--proximo{background:var(--verde)}
#sitio .evt-dot--agendado{background:var(--azul)}
#sitio .evt-dot--finalizado{background:#9aa7b3}
#sitio .evt-dot--cancelado{background:#c0392b;opacity:.55}
#sitio .evt-vacio{text-align:center;color:#7a8794;padding:2rem;font-size:.95rem}
#sitio .evt-vacio .fa-solid{display:block;font-size:2rem;color:#c3cfdb;margin-bottom:.5rem}

@media (max-width:720px){
    #sitio .evt-cell{min-height:76px;padding:.25rem}
    #sitio .evt-chip-txt{display:none}
    #sitio .evt-chip{justify-content:center;padding:.25rem;border-left-width:0;border-radius:50%}
    #sitio .evt-chip-dot{width:8px;height:8px}
    #sitio .evt-more{display:none}
    #sitio .evt-dow span{font-size:.6rem}
}

#sitio .evt-volver{display:inline-flex;align-items:center;gap:.5rem;color:var(--azul);
    font-weight:600;font-size:.9rem;margin-bottom:1.2rem}
#sitio .evt-volver:hover{color:var(--verde)}
#sitio .evt-detalle{background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:1.75rem;
    box-shadow:0 1px 2px rgba(20,40,70,.04),0 12px 30px rgba(20,40,70,.05)}
#sitio .evt-estado{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;
    letter-spacing:.06em;text-transform:uppercase;padding:.28rem .7rem;border-radius:999px;margin-bottom:.6rem}
#sitio .evt-estado--en_curso{background:#fdecea;color:#c0392b}
#sitio .evt-estado--proximo{background:color-mix(in srgb,var(--verde) 14%,#fff);color:var(--verde)}
#sitio .evt-estado--agendado{background:color-mix(in srgb,var(--azul) 12%,#fff);color:var(--azul)}
#sitio .evt-estado--finalizado{background:#eef1f4;color:#6b7a88}
#sitio .evt-estado--cancelado{background:#eef1f4;color:#96a0aa}
#sitio .evt-live-dot{width:8px;height:8px;border-radius:50%;background:#c0392b;animation:evtPulseSm 1.4s ease-in-out infinite}
#sitio .evt-detalle-tit{font-size:clamp(1.5rem,3.6vw,2.2rem);font-weight:800;color:#1a2733;margin:.2rem 0 0;line-height:1.1}

#sitio .evt-ficha{display:grid;gap:1rem;margin:1.5rem 0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#sitio .evt-ficha-item{display:flex;gap:.75rem;align-items:flex-start}
#sitio .evt-ficha-item>.fa-solid{color:var(--azul);font-size:1.1rem;margin-top:.15rem;width:1.3rem;text-align:center;flex:none}
#sitio .evt-ficha-k{display:block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a97a3;margin-bottom:.15rem}
#sitio .evt-ficha-v{color:#2a3742;font-weight:600}
#sitio .evt-sedes{list-style:none;margin:.1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}
#sitio .evt-sedes li{display:flex;flex-direction:column}
#sitio .evt-sedes b{color:#2a3742}
#sitio .evt-sede-dir{font-size:.85rem;color:#6b7a88}
#sitio .evt-sede-hora{font-size:.8rem;color:var(--verde);font-weight:600}
#sitio .evt-desc{color:#3a4753;line-height:1.7;margin-top:.5rem;border-top:1px solid #eef2f6;padding-top:1.2rem}

#sitio .evt-tx{margin:1.2rem 0;background:#0f1720;border-radius:14px;overflow:hidden}
#sitio .evt-tx-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.7rem 1rem}
#sitio .evt-tx-badge{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}
#sitio .evt-tx-badge .evt-live-dot{width:9px;height:9px;border-radius:50%;background:#c0392b;animation:evtPulseSm 1.4s ease-in-out infinite}
#sitio .evt-tx-open{display:inline-flex;align-items:center;gap:.45rem;color:#fff;background:rgba(255,255,255,.14);
    padding:.35rem .8rem;border-radius:999px;font-weight:700;font-size:.82rem}
#sitio .evt-tx-open:hover{background:rgba(255,255,255,.26)}
#sitio .evt-tx-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
#sitio .evt-tx-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

#sitio .evt-galeria-tit{font-size:1.15rem;font-weight:800;color:var(--azul);margin:1.8rem 0 .9rem}
#sitio .evt-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:140px;gap:.6rem}
#sitio .evt-foto{display:block;border-radius:12px;overflow:hidden;position:relative;background:#eef2f6;cursor:zoom-in}
#sitio .evt-foto--lg{grid-column:span 2;grid-row:span 2}
#sitio .evt-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
#sitio .evt-foto:hover img{transform:scale(1.06)}
#sitio .evt-galeria-vacia{color:#8a97a3;font-size:.9rem;margin-top:1.5rem;text-align:center}
#sitio .evt-galeria-vacia .fa-regular{display:block;font-size:1.8rem;color:#c3cfdb;margin-bottom:.4rem}
@media (max-width:520px){
    #sitio .evt-galeria{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}
    #sitio .evt-foto--lg{grid-column:span 2;grid-row:span 1}
}

#sitio .evt-modal[hidden],#sitio .evt-lb[hidden]{display:none}

#sitio .evt-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:1rem}
#sitio .evt-modal-load{padding:2.5rem;text-align:center;color:#6b7a88}
#sitio .evt-modal-back{position:absolute;inset:0;background:rgba(15,25,40,.55);backdrop-filter:blur(2px)}
#sitio .evt-modal-card{position:relative;background:#fff;border-radius:16px;max-width:780px;width:100%;
    max-height:88vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:evtModalIn .25s ease both}
@keyframes evtModalIn{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
@media (prefers-reduced-motion:reduce){#sitio .evt-modal-card{animation:none}}
#sitio .evt-modal-x{position:absolute;top:.7rem;right:.7rem;z-index:2;width:36px;height:36px;border:none;
    border-radius:50%;background:rgba(255,255,255,.9);color:#2a3742;cursor:pointer;font-size:1rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}
#sitio .evt-modal-x:hover{background:#fff}
#sitio .evt-modal-body{padding:0}
#sitio .evt-modal-body .evt-detalle-wrap{padding:0}
#sitio .evt-modal-body .evt-container{padding:1.5rem}
#sitio .evt-modal-body .evt-volver{display:none}
#sitio .evt-modal-body .evt-detalle{border:none;box-shadow:none;padding:.5rem}

#sitio .evt-lb{position:fixed;inset:0;z-index:100001;background:rgba(8,14,22,.92);
    display:flex;align-items:center;justify-content:center;padding:2rem}
#sitio .evt-lb-img{max-width:92vw;max-height:86vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);
    animation:evtLbIn .2s ease both}
@keyframes evtLbIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){#sitio .evt-lb-img{animation:none}}
#sitio .evt-lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:none;cursor:pointer;
    width:48px;height:48px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:.15s}
#sitio .evt-lb button:hover{background:rgba(255,255,255,.25)}
#sitio .evt-lb-x{top:1.2rem;right:1.2rem}
#sitio .evt-lb-prev{left:1.2rem;top:50%;transform:translateY(-50%)}
#sitio .evt-lb-next{right:1.2rem;top:50%;transform:translateY(-50%)}
@media (max-width:520px){
    #sitio .evt-lb-prev{left:.4rem}#sitio .evt-lb-next{right:.4rem}
    #sitio .evt-lb button{width:40px;height:40px}
}
