/* ══════════════════════════════════════════════════════════
   AGENDA CONGRESO — paleta corporativa REAL del sitio
   navy #243266 · azul #2C54A1 · celeste #1D9BD8 · claro #89C2DF
   Sobrio, azul monocromático. Sin colores adicionales.
   ══════════════════════════════════════════════════════════ */
.agc {
    --agc-navy:#243266; --agc-navy-dark:#1a244d; --agc-blue:#2C54A1;
    --agc-celeste:#1D9BD8; --agc-light:#89C2DF;
    --agc-ink:#243266; --agc-muted:#5a6a8a; --agc-line:#d9dce5;
    --agc-bg:#f8f9fc; --agc-surface:#eef0f5; --agc-white:#fff; --agc-radius:10px;
    --agc-shadow:0 6px 24px rgba(36,50,102,.08); --agc-shadow-hi:0 14px 38px rgba(36,50,102,.16);
    max-width:1040px; margin:0 auto; padding:0 16px 40px;
    font-family:'Inter','Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:var(--agc-ink); -webkit-font-smoothing:antialiased;
}
.agc *, .agc *::before, .agc *::after { box-sizing:border-box; }

/* ── Cabecera: MISMA foto del hero del sitio + overlay oscuro ── */
.agc-header {
    position:relative; border-radius:var(--agc-radius); overflow:hidden; margin:20px 0 24px;
    background:#1a244d url('https://congresodeautoinmunidad.com/wp-content/uploads/2026/06/cevp-Fachada_luz.png') center/cover no-repeat;
    box-shadow:var(--agc-shadow-hi);
}
.agc-header::after { content:""; position:absolute; inset:0; pointer-events:none;
    background:
        radial-gradient(ellipse 80% 55% at 50% 15%, transparent 0%, rgba(0,0,0,.45) 100%),
        radial-gradient(ellipse 60% 60% at 50% 100%, rgba(0,0,0,.40) 0%, transparent 70%),
        linear-gradient(180deg, rgba(26,36,77,.62) 0%, rgba(36,50,102,.50) 100%); }
.agc-header-inner { position:relative; padding:40px 32px; z-index:1; }
.agc-badge { display:inline-block; background:rgba(255,255,255,.12); color:#dbe9f7;
    border:1px solid rgba(255,255,255,.25); padding:5px 14px; border-radius:6px;
    font-family:'Montserrat',sans-serif; font-size:11px; font-weight:700; letter-spacing:.14em;
    text-transform:uppercase; margin-bottom:16px; }
.agc-title { font-family:'Montserrat',sans-serif; color:#fff; margin:0 0 12px;
    font-size:clamp(1.4rem,3.6vw,2.15rem); font-weight:800; line-height:1.15; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.agc-meta { display:flex; flex-wrap:wrap; gap:8px 20px; margin:0; }
.agc-meta-item { color:#eaf1f8; font-size:.92rem; font-weight:500; text-shadow:0 1px 8px rgba(0,0,0,.4); }

/* ── Selector de vista ── */
.agc-select-head { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:18px; }
.agc-views { display:inline-flex; background:var(--agc-white); border:1px solid var(--agc-line);
    border-radius:8px; padding:4px; box-shadow:var(--agc-shadow); }
.agc-view-btn { border:0; background:transparent; cursor:pointer; padding:9px 20px; border-radius:6px;
    font-family:inherit; font-size:.9rem; font-weight:700; color:var(--agc-muted); transition:all .2s ease; }
.agc-view-btn:hover, .agc-view-btn:focus { background:var(--agc-surface); color:var(--agc-navy); }
.agc-view-btn.is-active,
.agc-view-btn.is-active:hover,
.agc-view-btn.is-active:focus { background:var(--agc-navy); color:#fff; }
.agc-view-btn:focus-visible { outline:2px solid var(--agc-celeste); outline-offset:2px; }
.agc-select-hint { margin:0; color:var(--agc-muted); font-size:.9rem; font-weight:600; }

/* ── PANTALLA 1: tarjetas de selección (div accesible, NO button) ── */
.agc-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; align-items:stretch; }
.agc-card-sel {
    cursor:pointer; text-align:left; width:100%;
    display:flex; align-items:center; gap:14px; padding:18px 18px;
    background:var(--agc-white); border:1px solid var(--agc-line); border-left:4px solid var(--agc-celeste);
    border-radius:var(--agc-radius); box-shadow:var(--agc-shadow);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    font-family:inherit; color:var(--agc-ink);
}
/* Blindaje: ni el tema ni el foco cambian el fondo a otro color */
.agc-card-sel,
.agc-card-sel:hover,
.agc-card-sel:focus,
.agc-card-sel:active,
.agc-card-sel:focus-visible { background:var(--agc-white); }
.agc-card-sel:hover { transform:translateY(-4px); box-shadow:var(--agc-shadow-hi); border-left-color:var(--agc-navy); }
.agc-card-sel:focus-visible { outline:2px solid var(--agc-celeste); outline-offset:2px; }
.agc-card-sel-num {
    font-family:'Montserrat',sans-serif; font-size:2rem; font-weight:800; line-height:1;
    flex:0 0 auto; width:42px; text-align:center; color:var(--agc-celeste);
}
.agc-card-sel-dot { flex:0 0 auto; width:12px; height:12px; border-radius:50%; background:var(--agc-celeste); }
.agc-card-sel-body { flex:1 1 auto; display:flex; flex-direction:column; gap:3px; min-width:0; }
.agc-card-sel-name { font-family:'Montserrat',sans-serif; font-size:1rem; font-weight:700;
    color:var(--agc-navy); line-height:1.3; overflow-wrap:anywhere; word-break:break-word; }
.agc-card-sel-meta { font-size:.82rem; color:var(--agc-muted); font-weight:600; }
.agc-card-sel-arrow { flex:0 0 auto; font-size:1.15rem; font-weight:700; color:var(--agc-celeste); transition:transform .2s, color .2s; }
.agc-card-sel:hover .agc-card-sel-arrow { transform:translateX(3px); color:var(--agc-navy); }

/* ── PANTALLA 2: detalle ── */
.agc-back { border:1px solid var(--agc-line); background:var(--agc-white); cursor:pointer;
    padding:9px 18px; border-radius:8px; font-family:inherit; font-size:.88rem; font-weight:700;
    color:var(--agc-navy); box-shadow:var(--agc-shadow); transition:all .18s ease; margin-bottom:16px; }
.agc-back:hover, .agc-back:focus, .agc-back:active { background:var(--agc-white); color:var(--agc-navy); }
.agc-back:hover { transform:translateX(-3px); border-color:var(--agc-celeste); }
.agc-back:focus-visible { outline:2px solid var(--agc-celeste); outline-offset:2px; }
.agc-detail-head { margin-bottom:16px; padding-left:14px; border-left:4px solid var(--agc-celeste); }
.agc-detail-title { font-family:'Montserrat',sans-serif; margin:0 0 4px; font-size:1.35rem; font-weight:800; color:var(--agc-navy); }
.agc-detail-sub { margin:0; color:var(--agc-muted); font-size:.9rem; font-weight:600; }

.agc-search { position:relative; max-width:100%; margin-bottom:18px; }
.agc-search-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); font-size:.95rem; opacity:.6; }
.agc-search input { width:100%; padding:11px 16px 11px 40px; border:1px solid var(--agc-line); border-radius:8px;
    font-family:inherit; font-size:.92rem; color:var(--agc-ink); background:var(--agc-white); box-shadow:var(--agc-shadow); }
.agc-search input:focus { outline:none; border-color:var(--agc-celeste); box-shadow:0 0 0 4px rgba(29,155,216,.14); }

/* Divisor de bloque */
.agc-block { display:flex; align-items:center; gap:12px; margin:16px 0 6px; }
.agc-block-title { font-family:'Montserrat',sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.09em;
    text-transform:uppercase; color:var(--agc-blue); }
.agc-block-line { flex:1; height:1px; background:var(--agc-line); }

/* Fila compacta de sesión */
.agc-timeline { display:flex; flex-direction:column; gap:8px; }
.agc-row { display:grid; grid-template-columns:72px 1fr; gap:14px; align-items:start;
    background:var(--agc-white); border:1px solid var(--agc-line); border-radius:8px;
    padding:12px 16px; box-shadow:0 2px 8px rgba(36,50,102,.05); transition:box-shadow .15s ease, transform .15s ease; }
.agc-row:hover { box-shadow:var(--agc-shadow); transform:translateX(2px); }
.agc-row-time { display:flex; flex-direction:column; align-items:flex-start; }
.agc-row-hi { font-family:'Montserrat',sans-serif; font-size:.95rem; font-weight:800; color:var(--agc-navy); }
.agc-row-hf { font-size:.76rem; color:var(--agc-muted); font-weight:600; }
.agc-row-body { min-width:0; }
.agc-row-simp { display:block; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--agc-celeste); margin-bottom:2px; }
.agc-row-salon { display:inline-block; font-size:.68rem; font-weight:700; color:var(--agc-navy); background:#e8f1f9; padding:2px 8px; border-radius:6px; margin-bottom:3px; }
.agc-row-title { font-size:.95rem; font-weight:700; line-height:1.3; color:var(--agc-ink); }
.agc-row-pon { font-size:.82rem; color:var(--agc-muted); line-height:1.4; margin-top:2px; }
.agc-pon-nombre { display:block; font-weight:700; color:var(--agc-text, #1a2b4a); font-size:.86rem; margin-top:4px; }
.agc-pon-nombre:first-child { margin-top:0; }
.agc-pon-bio { display:block; font-size:.76rem; color:var(--agc-muted); line-height:1.35; margin-bottom:2px; }

.agc-row.is-plenaria { background:linear-gradient(135deg,var(--agc-navy),var(--agc-blue)); border:0; }
.agc-row.is-plenaria .agc-row-hi, .agc-row.is-plenaria .agc-row-hf, .agc-row.is-plenaria .agc-row-title { color:#fff; }
.agc-row.is-plenaria .agc-row-simp { color:var(--agc-light); }
.agc-row.is-plenaria .agc-row-pon { color:#d6e4f2; }
.agc-row.is-plenaria .agc-pon-nombre { color:#ffffff; }
.agc-row.is-plenaria .agc-pon-bio { color:#c4d5ea; }
.agc-row.is-receso { background:#fbfcfe; border-style:dashed; }
.agc-row.is-receso .agc-row-title { color:var(--agc-muted); font-weight:600; }

.agc-empty { text-align:center; color:var(--agc-muted); padding:36px 0; }
.agc-hl { background:#dceffb; color:var(--agc-navy); border-radius:3px; padding:0 2px; }

/* ── Responsive ── */
@media (max-width:640px) {
    .agc-header-inner { padding:26px 20px; }
    .agc-select-head { flex-direction:column; align-items:stretch; }
    .agc-views { width:100%; justify-content:center; }
    .agc-view-btn { flex:1; }
    .agc-cards { grid-template-columns:1fr; }
    .agc-row { grid-template-columns:60px 1fr; gap:10px; padding:11px 13px; }
    .agc-row-hi { font-size:.88rem; }
    .agc-row-title { font-size:.9rem; }
}
@media (prefers-reduced-motion:reduce) { .agc-card-sel, .agc-row, .agc-back, .agc-view-btn { transition:none; } }

/* ── Pestañas de día ── */
.agc-days { display:flex; gap:10px; margin-bottom:18px; flex-wrap:wrap; }
.agc-day-btn {
    flex:1 1 auto; min-width:180px;
    display:flex; flex-direction:column; gap:2px;
    text-align:left; cursor:pointer;
    padding:14px 18px; border-radius:var(--agc-radius);
    background:var(--agc-white); border:1px solid var(--agc-line); border-left:4px solid var(--agc-line);
    font-family:inherit; transition:all .18s ease;
}
.agc-day-btn:hover { border-left-color:var(--agc-celeste); }
/* Blindaje: el tema no puede cambiar el fondo en hover/focus/active */
.agc-day-btn,
.agc-day-btn:hover,
.agc-day-btn:focus,
.agc-day-btn:active { background:var(--agc-white); }
.agc-day-btn.is-active,
.agc-day-btn.is-active:hover,
.agc-day-btn.is-active:focus,
.agc-day-btn.is-active:active { background:var(--agc-navy); border-color:var(--agc-navy); border-left-color:var(--agc-celeste); }
.agc-day-num { font-family:'Montserrat',sans-serif; font-size:1rem; font-weight:800; color:var(--agc-navy); }
.agc-day-fecha { font-size:.82rem; font-weight:600; color:var(--agc-muted); }
.agc-day-btn.is-active .agc-day-num { color:#fff; }
.agc-day-btn.is-active .agc-day-fecha { color:var(--agc-light); }
.agc-day-btn:focus-visible { outline:2px solid var(--agc-celeste); outline-offset:2px; }
@media (max-width:640px){ .agc-day-btn { min-width:0; } }