/* primera-semana.css -- «Tu primera semana» del Inicio (plan PLAN-crm-simple-resto-2026-10, Z3/H). Solo tokens de Cuarto Oscuro. Todo cuelga de .psem-*: sin `estudio.pantallas_simple` nada de esto se pinta. */
#ini-semana{ margin:0 0 var(--e-5); }
.psem{ background:var(--piedra); border-radius:var(--r-flota); padding:var(--e-4) var(--e-5); box-shadow:inset 0 0 0 1px var(--linea); max-width:640px; }
.psem-cab{ display:flex; align-items:baseline; justify-content:space-between; gap:var(--e-3); }
.psem-h{ margin:0; font-size:var(--t-sub); font-weight:600; color:var(--tinta); }
.psem-ocultar{ border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-meta); text-decoration:underline; cursor:pointer; padding:var(--e-1); }
.psem-sub{ margin-top:var(--e-1); font-size:var(--t-meta); color:var(--medio); }
.psem-barra{ height:6px; margin:var(--e-3) 0 var(--e-2); border-radius:var(--r-pildora); background:var(--piedra-on); overflow:hidden; }
.psem-barra i{ display:block; height:100%; background:var(--boton); }
.psem-paso{ display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; column-gap:var(--e-3); padding:var(--e-2) 0; }
.psem-c{ width:22px; height:22px; display:grid; place-items:center; border-radius:50%; box-shadow:inset 0 0 0 1.5px var(--punto); color:var(--boton-t); }
.psem-paso.hecho .psem-c{ background:var(--boton); box-shadow:none; }
.psem-t{ font-size:var(--t-texto); font-weight:500; color:var(--tinta); }
.psem-paso.hecho .psem-t{ color:var(--medio); text-decoration:line-through; font-weight:400; }
.psem-ok{ font-size:var(--t-meta); color:var(--medio); }
.psem-btn{ min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-texto); font-weight:500; cursor:pointer; }
@media (hover:hover){ .psem-btn:hover{ background:var(--punto); } }
@media (max-width:560px){ .psem{ padding:var(--e-4); } .psem-paso{ grid-template-columns:24px minmax(0,1fr); } .psem-btn{ grid-column:2; justify-self:start; min-height:44px; margin-top:var(--e-1); } .psem-ok{ grid-column:2; } }
