*{box-sizing:border-box;margin:0;padding:0}

/* ===== Tema MAR PROFUNDO (oscuro) — por defecto, para la sombra ===== */
:root{
  --fondo:#07101d; --superficie:#0e1b2c; --superficie2:#102236; --campo:#0a1626;
  --borde:#1c2e44; --borde2:#2a4258;
  --texto:#e7f0f8; --suave:#8295a8;
  --acento:#25e8d4; --acento2:#5cf0e2; --acento-tx:#07101d;
  --aqua:#25e8d4; --aqua-bg:rgba(37,232,212,.14); --aqua-tx:#6ff1e4; --aqua-botx:#07101d;
  --anillo:rgba(37,232,212,.35);
  --pend:#ff6b2c; --pend-bg:rgba(255,107,44,.18); --pend-tx:#ffb088;
  --ok:#34e0a1; --ok-bg:rgba(52,224,161,.15); --ok-tx:#5fe8b5;
  --peligro:#ff5c72; --peligro-bg:rgba(255,92,114,.16); --peligro-tx:#ff8a99;
  --aviso:#ffc24b; --aviso-bg:rgba(255,194,75,.15); --aviso-tx:#ffd27a;
  --c-aut-bg:rgba(37,232,212,.14); --c-aut-bd:rgba(37,232,212,.4); --c-aut-tx:#6ff1e4;
  --c-gui-bg:rgba(61,139,255,.16); --c-gui-bd:rgba(61,139,255,.45); --c-gui-tx:#8fbbff;
  --c-for-bg:rgba(255,194,75,.15); --c-for-bd:rgba(255,194,75,.45); --c-for-tx:#ffd27a;
  --c-aco-bg:rgba(130,149,168,.16); --c-aco-bd:rgba(130,149,168,.4); --c-aco-tx:#b5c4d2;
  --c-bau-bg:rgba(255,107,44,.16); --c-bau-bd:rgba(255,107,44,.45); --c-bau-tx:#ffa877;
  --debe-bg:rgba(255,92,114,.16); --debe-bd:rgba(255,92,114,.45); --debe-tx:#ff8a99;
  --liq-bg:rgba(52,224,161,.15); --liq-bd:rgba(52,224,161,.4); --liq-tx:#5fe8b5;
  --sombra:0 1px 2px rgba(0,0,0,.3), 0 12px 30px rgba(0,0,0,.35);
  --velo:rgba(3,8,15,.65);
  --radio:12px;
}

/* ===== Tema SOL (claro, alto contraste) — para pleno sol ===== */
[data-tema="sol"]{
  --fondo:#f7f9fb; --superficie:#ffffff; --superficie2:#eef2f6; --campo:#ffffff;
  --borde:#c8d2dc; --borde2:#9fb0be;
  --texto:#0a1722; --suave:#3e5161;
  --acento:#0c6e80; --acento2:#0a5663; --acento-tx:#ffffff;
  --aqua:#0c6e80; --aqua-bg:#d4eef1; --aqua-tx:#0a5560; --aqua-botx:#ffffff;
  --anillo:rgba(12,110,128,.3);
  --pend:#b8430f; --pend-bg:#fce0cf; --pend-tx:#8a3412;
  --ok:#0e5c3a; --ok-bg:#d6f0e0; --ok-tx:#0e5c3a;
  --peligro:#9a1b2e; --peligro-bg:#fbd9de; --peligro-tx:#9a1b2e;
  --aviso:#7a4e0b; --aviso-bg:#fbe6c3; --aviso-tx:#7a4e0b;
  --c-aut-bg:#c9eef1; --c-aut-bd:#6fcbd4; --c-aut-tx:#0a5560;
  --c-gui-bg:#d2e4fb; --c-gui-bd:#8fb8ee; --c-gui-tx:#103e73;
  --c-for-bg:#fbe6c3; --c-for-bd:#ecc480; --c-for-tx:#7a4e0b;
  --c-aco-bg:#dfe6ec; --c-aco-bd:#b4c2ce; --c-aco-tx:#36485a;
  --c-bau-bg:#fbddd0; --c-bau-bd:#edb298; --c-bau-tx:#8a3415;
  --debe-bg:#fbd9de; --debe-bd:#ed9aa6; --debe-tx:#9a1b2e;
  --liq-bg:#d6f0e0; --liq-bd:#97d4ae; --liq-tx:#0e5c3a;
  --sombra:0 1px 2px rgba(20,25,29,.05), 0 10px 28px rgba(12,58,68,.08);
  --velo:rgba(20,25,29,.45);
}

body{font-family:'Inter',system-ui,sans-serif;background:var(--fondo);color:var(--texto);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}
h2,.bhead__tit,.cab__marca{font-family:'Space Grotesk',sans-serif}
button{font-family:inherit;cursor:pointer}

.cab{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.9rem clamp(1rem,4vw,2rem);background:var(--superficie);border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:5}
.cab__marca{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.1rem}
.cab__punto{width:11px;height:11px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 4px var(--aqua-bg)}
.cab__fecha{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}

main{max-width:1000px;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2rem)}
.titulo{font-size:1.4rem;margin-bottom:1.1rem}

input,select,textarea{font-family:inherit;font-size:1rem;color:var(--texto);padding:.6rem .7rem;border:1px solid var(--borde);border-radius:9px;background:var(--campo);width:100%}
input[type=date]{width:auto}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--aqua);box-shadow:0 0 0 3px var(--anillo)}

.boton{font-family:'Space Grotesk';font-weight:600;font-size:.95rem;padding:.6rem 1.1rem;border:none;border-radius:10px;background:var(--acento);color:var(--acento-tx)}
.boton:hover{background:var(--acento2)}
.boton--sec{background:transparent;color:var(--texto);border:1px solid var(--borde2)}
.boton--sec:hover{background:var(--superficie2)}
.boton--ok{background:var(--aqua);color:var(--aqua-botx);width:100%;margin-top:.4rem}
.boton--peli{background:var(--peligro-bg);color:var(--peligro-tx)}
.boton--peli:hover{filter:brightness(1.08)}

.aviso{background:var(--superficie);border:1px dashed var(--borde2);border-radius:var(--radio);padding:2rem;text-align:center;color:var(--suave)}
.aviso--err{border-style:solid;border-color:var(--peligro-bd);color:var(--peligro-tx);background:var(--peligro-bg)}

.agenda{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.bcard{display:flex;align-items:center;gap:.9rem;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem 1.1rem;cursor:pointer;text-align:left;width:100%;color:var(--texto);transition:transform .15s,box-shadow .15s,border-color .15s}
.bcard:hover{transform:translateY(-2px);box-shadow:var(--sombra);border-color:var(--borde2)}
.bcard__hora{font-family:'Space Grotesk';font-weight:700;font-size:1.15rem;color:var(--aqua)}
.bcard__cuerpo{flex:1;min-width:0;display:flex;flex-direction:column}
.bcard__rec{font-weight:600}
.bcard__tipos{font-size:.82rem;color:var(--suave)}
.bcard__plazas{text-align:center;font-family:'Space Grotesk'}
.bcard__plazas span{font-size:1.2rem;font-weight:600}
.bcard__plazas .lleno{color:var(--pend)}
.bcard__plazas small{display:block;font-size:.7rem;color:var(--suave)}

.badge{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:999px}
.badge--programado{background:var(--aqua-bg);color:var(--aqua-tx)}
.badge--finalizado{background:var(--ok-bg);color:var(--ok-tx)}
.badge--cancelado{background:var(--peligro-bg);color:var(--peligro-tx)}
.badge--en_curso{background:var(--aviso-bg);color:var(--aviso-tx)}

.bhead{margin-bottom:1.2rem}
.volver{background:none;border:none;color:var(--suave);font-size:.92rem;padding:0;margin-bottom:.6rem}
.volver:hover{color:var(--aqua)}
.bhead__tit{font-size:1.5rem;font-weight:600;margin-bottom:.3rem}
.bhead__met{display:flex;gap:1rem;flex-wrap:wrap;color:var(--suave);font-size:.9rem;margin-bottom:.9rem}
.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--borde)}
.tab{background:none;border:none;padding:.55rem .9rem;color:var(--suave);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}
.tab--on{color:var(--aqua);border-bottom-color:var(--aqua)}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem}
.seat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:74px;padding:9px 11px;border-radius:10px;border:1px solid var(--borde);background:var(--superficie);color:var(--texto);position:relative;text-align:left}
.seat__l{font-family:'Space Grotesk';font-weight:600}
.seat__n{font-size:.85rem}
.seat__f{display:flex;gap:3px;flex-wrap:wrap}
.seat__ok{position:absolute;top:6px;right:8px;color:var(--ok);font-weight:700}
.seat--autonomo{background:var(--c-aut-bg);border-color:var(--c-aut-bd);color:var(--c-aut-tx)}
.seat--guiado{background:var(--c-gui-bg);border-color:var(--c-gui-bd);color:var(--c-gui-tx)}
.seat--formacion{background:var(--c-for-bg);border-color:var(--c-for-bd);color:var(--c-for-tx)}
.seat--acompanante{background:var(--c-aco-bg);border-color:var(--c-aco-bd);color:var(--c-aco-tx)}
.seat--bautismo{background:var(--c-bau-bg);border-color:var(--c-bau-bd);color:var(--c-bau-tx)}
.seat--tierra{opacity:.45}
.seat--libre{border-style:dashed;border-color:var(--borde2);color:var(--suave);background:transparent;align-items:center;justify-content:center;font-weight:600}
.seat--debe{background:var(--debe-bg);border-color:var(--debe-bd);color:var(--debe-tx)}
.seat--liq{background:var(--liq-bg);border-color:var(--liq-bd);color:var(--liq-tx)}
.fl{font-size:.68rem;padding:1px 5px;border-radius:6px;background:var(--superficie2);border:1px solid var(--borde);color:var(--suave)}
.fl--pend{background:var(--pend-bg);border-color:var(--pend);color:var(--pend-tx)}

.lista{display:flex;flex-direction:column;gap:.6rem}
.fila{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem;border-radius:10px;border:1px solid var(--borde);color:var(--texto)}
.fila small{color:var(--suave)}
.fila--abordo{background:var(--ok-bg);border-color:var(--liq-bd)}
.fila--pendiente{background:var(--aviso-bg);border-color:var(--c-for-bd)}
.fila--tierra{background:var(--peligro-bg);border-color:var(--debe-bd)}
.fila__acc{display:flex;gap:.5rem;flex-shrink:0}
.fila__acc .boton{padding:.45rem .8rem;font-size:.85rem}

.cierre{display:flex;flex-direction:column;gap:.9rem}
.caja{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:.8rem 1rem;font-weight:600}
.lbl{font-size:.85rem;font-weight:600;color:var(--suave)}

.capa{position:fixed;inset:0;background:var(--velo);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20}
.capa.oculto{display:none}
.modal{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;width:100%;max-width:360px;padding:1.2rem;box-shadow:var(--sombra);max-height:90vh;overflow:auto}
.modal__cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;font-size:1.1rem}
.modal .x{background:none;border:none;font-size:1.4rem;color:var(--suave);line-height:1}
.modal .lbl{display:block;margin:.7rem 0 .25rem}
.modal .boton{margin-top:.5rem}
.tab2{width:100%;font-size:.9rem;margin-bottom:.6rem;border-collapse:collapse}
.tab2 td{padding:4px 0;border-bottom:1px solid var(--borde)}
.tab2 td:first-child{color:var(--suave)}
.tab2 td:last-child{text-align:right}
.rojo{color:var(--peligro-tx);font-weight:600}
.verde{color:var(--ok-tx);font-weight:600}
.flags{display:flex;flex-direction:column;gap:.35rem;margin:.6rem 0;font-size:.9rem}
.flags label{display:flex;align-items:center;gap:.5rem}
.flags input{width:auto}

@media (max-width:520px){
  .bhead__met{font-size:.82rem;gap:.6rem}
  .fila__acc{flex-direction:column}
}