/* ============================================================
   TEMARIO (12 meses) -> ACORDEON   ·  2026-06-02
   SOLO toca el temario de la membresia. Conserva el tema OSCURO
   original de toda la seccion (no cambia fondos, cabecera, Daniela,
   testimonios, regalo ni precio).
   Convierte el timeline en <details>/<summary> nativo:
   Mes 1 abierto, Meses 2-12 plegados (se abren al tocar, sin JS).
   ============================================================ */

/* Cada mes ahora es un <details> (antes era una rejilla orbe|tarjeta) */
#membresia details.membresia-mes{
  display:block !important;
  position:relative;
  margin:0 0 1.3rem !important;
  background:transparent;
}

/* summary = cabecera siempre visible (orbe + texto + chevron).
   Hereda el fondo/borde de tarjeta oscura de .membresia-mes-card */
#membresia summary.membresia-mes-card{
  list-style:none;
  display:flex !important;
  align-items:center;
  gap:1rem;
  cursor:pointer;
}
#membresia summary.membresia-mes-card::-webkit-details-marker{ display:none; }
#membresia summary.membresia-mes-card::marker{ content:""; }
#membresia summary.membresia-mes-card:hover{ filter:brightness(1.06); }
#membresia details[open] > summary.membresia-mes-card{
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
  border-bottom:none !important;
}

/* orbe compacto a la izquierda de la cabecera */
#membresia summary .membresia-mes-num{ flex-shrink:0; }

/* texto de la cabecera (eyebrow + titulo apilados) */
#membresia .membresia-mes-head-txt{
  display:flex; flex-direction:column; gap:0.45rem;
  min-width:0; flex:1 1 auto;
}
#membresia summary .membresia-mes-eyebrow{ align-self:flex-start; }
#membresia summary .membresia-mes-titulo{ margin:0 !important; }

/* chevron indicador (gira al abrir) */
#membresia .membresia-mes-chevron{
  flex-shrink:0;
  margin-left:0.4rem;
  color:var(--c-acento-claro,#d8b870);
  font-size:1rem;
  transition:transform .25s ease;
}
#membresia details[open] > summary .membresia-mes-chevron{ transform:rotate(180deg); }

/* cuerpo desplegable: continua la tarjeta oscura (sin borde superior) */
#membresia .membresia-mes-body{
  border:2px solid var(--c-acento,#d8b870);
  border-top:none;
  border-radius:0 0 1.1rem 1.1rem;
  background:linear-gradient(150deg, rgba(247,241,227,0.10) 0%, rgba(247,241,227,0.05) 100%);
  padding:0.3rem 1.5rem 1.4rem;
}

/* el hilo vertical original cruzaba los orbes del rail izquierdo;
   en modo acordeon los orbes van dentro de las tarjetas, asi que se oculta */
#membresia .membresia-timeline::before{ display:none !important; }