/* ══ VACANTES — OVERRIDES ═══════════════════════════════════════════════════
   Complementario de vacantes.html. Cargado después del <style> inline.
   Todos los cambios visuales van aquí, no dentro del HTML.
   ══════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════
   GAMA CROMÁTICA (fondo siempre oscuro)
   Olives Before Dinner #818546 · Blended Strawberries #F5B1B8
   Fresh Cut Wood #884529 · Day Old Snow #FFE4D2 · Jarred Deep Sea #4482A3
   Sky to a Bird #9BC0CC · Horsing Around #C3A05B
   Sunsets Through Windows #E68A58 · Ocean Wave Break #99B7A4
   ════════════════════════════════════════════════════════════════════════ */

/* ── Variables semánticas (recolorean chips, badges, botones que usan var()) ── */
:root, html.light {
  --gold:   #C3A05B !important;  /* Horsing Around — acento principal / inscripto */
  --gold2:  #D6B978 !important;
  --goldd:  #8C7237 !important;
  --border: rgba(195,160,91,.28) !important;

  --green:  #818546 !important;  /* Olives Before Dinner — cursos / éxito */
  --greend: rgba(129,133,70,.16) !important;

  --amber:  #E68A58 !important;  /* Sunsets Through Windows — pocos cupos / especiales */
  --amberd: rgba(230,138,88,.14) !important;

  --blue:   #4482A3 !important;  /* Jarred Deep Sea — online / info */
  --blued:  rgba(68,130,163,.14) !important;

  --red:    #C3A05B !important;
  --redd:   rgba(195,160,91,.14) !important;
}

/* ── Clases del calendario: 3 tonos que contrastan entre sí ───────────────── */
.sched-pill.tipo-entrenamiento,
html.light .sched-pill.tipo-entrenamiento {
  background: linear-gradient(90deg,#4A6673 0%,#86AEBB 100%) !important; /* Sky to a Bird */
  border-color: transparent !important;
}
.sched-pill.tipo-swasthya,
html.light .sched-pill.tipo-swasthya {
  background: linear-gradient(90deg,#1B3F4E 0%,#2E7090 100%) !important; /* Jarred Deep Sea oscuro */
  border-color: transparent !important;
}
.sched-pill.tipo-especial,
html.light .sched-pill.tipo-especial {
  background: #9C5530 !important; /* Sunsets Through Windows oscuro */
  border-color: #C97245 !important;
  color: #ffffff !important;
}
.sched-pill.tipo-especial .sched-pill-nombre,
.sched-pill.tipo-especial .sched-pill-hora,
.sched-pill.tipo-especial .sched-pill-inst { color: #ffffff !important; }

/* Prácticas anotadas (inscripto) / en espera — Horsing Around vs Sunsets ── */
.sched-pill.inscripto, html.light .sched-pill.inscripto {
  background: #C3A05B !important;
  border-color: #D6B978 !important;
  color: #2a1d08 !important;
}
.sched-pill.en-espera {
  background: #99B7A4 !important;
  border-color: #B2CBBE !important;
  color: #10241a !important;
}

/* ── Actividades especiales (esp-pill) → familia Sunsets Through Windows ──── */
.esp-pill {
  background: rgba(230,138,88,.16) !important;
  border-color: rgba(230,138,88,.4) !important;
}
.esp-pill:hover { background: rgba(230,138,88,.24) !important; border-color: rgba(230,138,88,.6) !important; }
.esp-pill-nombre { color: #F2AE84 !important; }
.esp-pill-fecha  { color: rgba(242,174,132,.75) !important; }
.esp-pill-hora   { color: rgba(242,174,132,.6) !important; }
.esp-pill .sched-eye-btn { color: #F2AE84 !important; }
.esp-pill.inscripto { background: rgba(195,160,91,.2) !important; border-color: #C3A05B !important; }

/* ── Cursos → familia Olives Before Dinner ────────────────────────────────── */
.curso-pill { background: rgba(129,133,70,.16) !important; border-color: rgba(129,133,70,.5) !important; }
.curso-pill-nombre { color: #C7CB9E !important; }
.curso-pill-meta { color: rgba(199,203,158,.65) !important; }
.curso-pill-precio { color: #d8dbb8 !important; }
.curso-pill-cupos { color: #AEB37C !important; }
.curso-roster-add-btn { background: rgba(129,133,70,.12) !important; border-color: rgba(129,133,70,.4) !important; color: #AEB37C !important; }

/* ── Desafío de la semana → Blended Strawberries ──────────────────────────── */
.desafio-inner { border-color: rgba(245,177,184,.3) !important; }
.desafio-inner::before { background: linear-gradient(90deg,transparent,#F5B1B8,transparent) !important; }
.desafio-eyebrow, .desafio-eyebrow::before { color: #F5B1B8 !important; background: #F5B1B8 !important; }
.desafio-premio { color: #F5B1B8 !important; background: rgba(245,177,184,.12) !important; border-color: rgba(245,177,184,.35) !important; }
.desafio-link-btn { background: #F5B1B8 !important; color: #4a1218 !important; }
.desafio-link-btn:hover { background: #F9CBD1 !important; }

/* ── Animación "próxima" en actividades especiales → Sunsets Through Windows */
.esp-cuando-overlay {
  background: linear-gradient(270deg, #6B3A1E, #E68A58, #8C4A26, #FFE4D2, #6B3A1E) !important;
  background-size: 300% 300% !important;
  animation: esp-overlay-fade 7s ease-in-out infinite, esp-overlay-gradient-sunset 3s ease infinite, esp-overlay-glow-sunset 3s ease infinite !important;
}
.esp-cuando-txt { color: #4A2610 !important; }
@keyframes esp-overlay-gradient-sunset {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes esp-overlay-glow-sunset {
  0%,100% { box-shadow: 0 0 20px rgba(230,138,88,.55) inset; }
  50%     { box-shadow: 0 0 36px rgba(230,138,88,.9) inset; }
}

/* ══ Botones/toggles "Hago online" ═══════════════════════════════════════════
   Entrenamiento + Swásthya → Day Old Snow / Fresh Cut Wood
   Actividades especiales    → Day Old Snow / Blended Strawberries
   ══════════════════════════════════════════════════════════════════════════ */
.sched-pill.tipo-entrenamiento .sched-btn-online,
.sched-pill.tipo-swasthya      .sched-btn-online,
.sched-btn-vip-online {
  background:   #FFE4D2 !important;
  border:       1px solid rgba(255,255,255,.5) !important;
  color:        #884529 !important;
  font-weight:  700 !important;
}
.sched-pill.tipo-entrenamiento .sched-btn-online:hover,
.sched-pill.tipo-swasthya      .sched-btn-online:hover,
.sched-btn-vip-online:hover {
  background:   #F7D5BE !important;
}
.sched-pill.tipo-especial .sched-btn-online,
.esp-pill                 .sched-btn-online {
  background:   #FFE4D2 !important;
  border:       1px solid rgba(255,255,255,.5) !important;
  color:        #C23E52 !important;
  font-weight:  700 !important;
}
.sched-pill.tipo-especial .sched-btn-online:hover,
.esp-pill                 .sched-btn-online:hover {
  background:   #F7D5BE !important;
}

/* ── "Hay lugar" → blanco pleno ── */
.status-label.reg {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ── Ojito (eye btn) → blanco en TODAS las pills con fondo oscuro ── */
.sched-pill.tipo-entrenamiento .sched-eye-btn,
.sched-pill.tipo-swasthya      .sched-eye-btn,
.sched-pill.tipo-especial      .sched-eye-btn,
.esp-pill                      .sched-eye-btn {
  color: #ffffff !important;
  opacity: .65 !important;
}
.sched-pill.tipo-entrenamiento .sched-eye-btn:hover,
.sched-pill.tipo-swasthya      .sched-eye-btn:hover,
.sched-pill.tipo-especial      .sched-eye-btn:hover,
.esp-pill                      .sched-eye-btn:hover { opacity: 1 !important; }

/* ── Actividades especiales y esp-pill → border-radius igual que otras pills ── */
.esp-pill,
.sched-pill.tipo-especial { border-radius: 8px !important; }

/* ── Cursos → border-radius igual que todas las cards ── */
.curso-pill { border-radius: 8px !important; }

/* ── Desafío de la semana → border-radius ── */
.desafio-inner { border-radius: 8px !important; }

/* ══ Toggle "online" (checkbox inline) — mismos pares de color que los botones ══ */
.sched-pill.tipo-entrenamiento .online-toggle-inline,
.sched-pill.tipo-swasthya      .online-toggle-inline {
  background:   #FFE4D2 !important;
  border-color: #A85A38 !important;
  border-radius: 6px !important;
}
.sched-pill.tipo-entrenamiento .online-toggle-inline:hover,
.sched-pill.tipo-swasthya      .online-toggle-inline:hover {
  background:   #F7D5BE !important;
}
.sched-pill.tipo-entrenamiento .online-toggle-inline span,
.sched-pill.tipo-swasthya      .online-toggle-inline span {
  color: #884529 !important;
  font-weight: 600 !important;
}

.sched-pill.tipo-especial .online-toggle-inline,
.esp-pill                 .online-toggle-inline {
  background:   #FFE4D2 !important;
  border-color: #D98790 !important;
  border-radius: 6px !important;
}
.sched-pill.tipo-especial .online-toggle-inline:hover,
.esp-pill                 .online-toggle-inline:hover {
  background:   #F7D5BE !important;
}
.sched-pill.tipo-especial .online-toggle-inline span,
.esp-pill                 .online-toggle-inline span {
  color: #C23E52 !important;
  font-weight: 600 !important;
}

.sched-pill.tipo-entrenamiento .online-toggle-inline input[type=checkbox],
.sched-pill.tipo-swasthya      .online-toggle-inline input[type=checkbox],
.sched-pill.tipo-especial      .online-toggle-inline input[type=checkbox],
.esp-pill                      .online-toggle-inline input[type=checkbox] {
  border-color: rgba(0,0,0,.35) !important;
  background:   rgba(255,255,255,.55) !important;
}

/* Estado marcado (inscripto online) → mismo fondo, sólido */
.sched-pill.tipo-entrenamiento .online-toggle-inline.checked,
.sched-pill.tipo-swasthya      .online-toggle-inline.checked {
  background:   #FFE4D2 !important;
  border-color: #A85A38 !important;
}
.sched-pill.tipo-especial .online-toggle-inline.checked,
.esp-pill                 .online-toggle-inline.checked {
  background:   #FFE4D2 !important;
  border-color: #D98790 !important;
}
.sched-pill.tipo-entrenamiento .online-toggle-inline.checked span,
.sched-pill.tipo-swasthya      .online-toggle-inline.checked span {
  color: #884529 !important;
}
.sched-pill.tipo-especial .online-toggle-inline.checked span,
.esp-pill                 .online-toggle-inline.checked span {
  color: #C23E52 !important;
}

/* Badge read-only "● online" → mismos pares de color */
.sched-pill.tipo-entrenamiento .online-badge,
.sched-pill.tipo-swasthya      .online-badge {
  color: #A85A38 !important;
}
.sched-pill.tipo-especial .online-badge,
.esp-pill                 .online-badge {
  color: #D98790 !important;
}

/* ── Botón "Hago presencial" (btn-anotarme) → Horsing Around, también en modo claro ── */
.btn-accion.btn-anotarme,
html.light .btn-accion.btn-anotarme {
  background: #C3A05B !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  color: #1a1208 !important;
}
.btn-accion.btn-anotarme:hover,
html.light .btn-accion.btn-anotarme:hover {
  background: #D6B978 !important;
}

/* ── VIP → sin cambios de esta ronda, familia Ocean Wave Break para distinguir ── */
.att-item.vip .att-dot { background: #99B7A4 !important; }
.att-item.vip { color: #B7D0C4 !important; background: rgba(153,183,164,.08) !important; }
.cbadge.vip { border-color: rgba(153,183,164,.4) !important; color: #B7D0C4 !important; }
.chip.vip-chip { background: rgba(153,183,164,.07) !important; border-color: rgba(153,183,164,.25) !important; color: #B7D0C4 !important; }
.vip-n-btn { border-color: rgba(153,183,164,.3) !important; color: rgba(183,208,196,.75) !important; }

/* ── Subtítulo "Actividades especiales" → familia Sunsets Through Windows ── */
.esp-banner-heading, html.light .esp-banner-heading { color: #E68A58 !important; }

/* ── Anuncios → familia Ocean Wave Break (antes azul) ─────────────────────── */
.anuncio-card:nth-child(odd),
html.light .anuncio-card:nth-child(odd) {
  background: linear-gradient(180deg,#1E332B 0%,#12211B 100%) !important;
}
.anuncio-card:nth-child(even),
html.light .anuncio-card:nth-child(even) {
  background: linear-gradient(180deg,#26392F 0%,#182821 100%) !important;
}
.anuncio-link, html.light .anuncio-link {
  color: #99B7A4 !important;
  border-color: rgba(153,183,164,.4) !important;
}