/* Rubria · estilos del lote 2a · Educación Parvularia (NT-01 a NT-08). Solo clases con prefijo «parvularia-»; lo común vive en ../sistema.css.
   Calidez sin infantilizar: la misma familia soft, con el piso cálido (--hoja-calida), la voz de los niños en serif
   y la jornada como un recorrido, no como una grilla de bloques. Sin colores nuevos: todo sale de los tokens. */

/* Un rótulo en mayúsculas que además abre algo */
.lnk.parvularia-lbl-ir{font:400 .66rem/1.35 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta2);text-decoration-thickness:1px}
.lnk.parvularia-lbl-ir:hover{color:var(--violeta)}

/* ── Objetivos de las Bases ── */
.parvularia-oa{display:inline-flex;align-items:center;height:1.6rem;padding:0 10px;border:0;border-radius:999px;background:var(--violeta-piso);color:var(--violeta-tinta);font:500 .68rem/1 var(--mono);letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:box-shadow var(--t) var(--spring)}
.parvularia-oa.oat{background:var(--ok-piso);color:var(--ok-tinta)}
button.parvularia-oa:hover{box-shadow:0 0 0 1.5px currentColor}
.parvularia-oas{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.parvularia-oa-lista{display:flex;flex-direction:column;gap:6px}
.parvularia-oa-largo,.parvularia-oa-opcion{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;width:100%;padding:8px 10px;border:0;border-radius:var(--r-md);background:transparent;text-align:left;font-size:.84rem;line-height:1.45;color:var(--tinta);cursor:pointer;transition:background-color var(--t) var(--spring)}
.parvularia-oa-largo:hover,.parvularia-oa-opcion:hover{background:var(--hover)}
.parvularia-oa-largo .parvularia-oa,.parvularia-oa-opcion .parvularia-oa{margin-top:1px}
.parvularia-oa-opcion[aria-pressed="true"]{background:var(--violeta-piso);box-shadow:inset 0 0 0 1.5px var(--violeta)}
.parvularia-oa-sel{display:flex;align-items:flex-start;gap:4px}
.parvularia-oa-sel .parvularia-oa-largo{flex:1;min-width:0}
.parvularia-nucleo{border-top:1px solid var(--linea);padding:4px 0}
.parvularia-nucleo summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,160px);gap:14px;align-items:center;padding:10px 0;cursor:pointer;list-style:none}
.parvularia-nucleo summary::-webkit-details-marker{display:none}
.parvularia-nucleo summary .t b{display:block;font:500 1.12rem/1.2 var(--serif)}
.parvularia-nucleo summary .t span{font-size:.76rem;color:var(--tinta2)}
.parvularia-nucleo[open] summary .t b{color:var(--violeta)}
.parvularia-balance{display:flex;flex-wrap:wrap;gap:6px}
.parvularia-balance span{padding:4px 10px;border-radius:999px;font-size:.72rem;background:var(--bandeja);color:var(--tinta3)}
.parvularia-balance span.on{background:var(--violeta-piso);color:var(--violeta-tinta)}

/* ── La voz de los niños y lo que se observa ── */
.parvularia-voz{margin:0;font:italic 400 1.12rem/1.42 var(--serif);color:var(--tinta);overflow-wrap:break-word}
.parvularia-voz.tachada{text-decoration:line-through;color:var(--tinta3)}
.parvularia-pregunta{margin:0;font:400 1.5rem/1.2 var(--serif);color:var(--violeta)}
html[data-modo="oscuro"] .parvularia-pregunta{color:var(--violeta-luz)}
.parvularia-grande{font-size:clamp(1.8rem,1.6vw + 1rem,2.4rem)}
.parvularia-destacada>.core{background:linear-gradient(180deg,var(--hoja) 70%,color-mix(in srgb,var(--hoja-calida) 55%,var(--hoja)))}
.parvularia-calida>.core{background:var(--hoja-calida)}
.parvularia-calida .fl.clic:hover{background:rgba(145,82,74,.07)}
.parvularia-calida-linea{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-md);background:var(--hoja-calida);color:var(--tierra);font-size:.82rem}
html[data-modo="oscuro"] .parvularia-calida-linea{color:var(--piel)}
.parvularia-foco{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:var(--r-md);background:var(--violeta-piso)}
.parvularia-foco p:not(.nota-al-pie){margin:0;font:500 1.08rem/1.35 var(--serif)}
.parvularia-foco .nota-al-pie{margin:0}
.parvularia-rol{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--r-md);background:var(--bandeja);font-size:.86rem}
.parvularia-focales{display:flex;flex-wrap:wrap;gap:6px}
.parvularia-nino-chip{display:inline-flex;align-items:center;gap:8px;padding:3px 12px 3px 3px;border:0;border-radius:999px;background:var(--hoja);color:var(--tinta);font-size:.8rem;box-shadow:0 0 0 1px var(--bandeja-borde);cursor:pointer;transition:box-shadow var(--t) var(--spring)}
.parvularia-nino-chip:hover{box-shadow:0 0 0 1.5px var(--violeta)}
.parvularia-av{background:var(--hoja-calida);color:var(--tierra)}
html[data-modo="oscuro"] .parvularia-av{color:var(--piel)}
.parvularia-preguntas{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:4px;font:italic 400 1.05rem/1.4 var(--serif)}
.parvularia-tipo{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--tinta2);min-width:0;overflow-wrap:anywhere}
.parvularia-tipo .k{flex:none}
.parvularia-tipo span:not(.k){color:var(--tinta)}
.parvularia-captura{display:flex;gap:10px;align-items:center;padding:16px;border-radius:var(--r-md);background:linear-gradient(160deg,var(--hoja-calida),var(--bandeja));color:var(--tierra);font-size:.8rem}
html[data-modo="oscuro"] .parvularia-captura{color:var(--piel)}
.parvularia-alerta{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:var(--r-md);background:var(--err-piso);color:var(--err-tinta);font-size:.8rem}
.parvularia-cuidado-linea{display:flex;gap:6px;align-items:flex-start;font-size:.76rem;color:var(--tierra)}
html[data-modo="oscuro"] .parvularia-cuidado-linea{color:var(--piel)}
.parvularia-banda{background:color-mix(in srgb,var(--violeta-piso) 60%,var(--bandeja))}

/* ── La jornada: un recorrido de períodos constantes y variables ── */
.parvularia-jornada{list-style:none;margin:0;padding:0;position:relative}
.parvularia-jornada::before{content:"";position:absolute;left:4.35rem;top:14px;bottom:14px;width:1.5px;background:var(--linea2)}
.parvularia-periodo{position:relative;display:grid;grid-template-columns:3.4rem 14px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:9px 8px;border:0;border-radius:var(--r-md);background:transparent;text-align:left;color:var(--tinta);cursor:pointer;transition:background-color var(--t) var(--spring)}
.parvularia-periodo:hover{background:var(--hover)}
.parvularia-hora{font-size:.76rem;color:var(--tinta2)}
.parvularia-punto{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:var(--hoja);box-shadow:inset 0 0 0 2px var(--tinta3)}
.parvularia-periodo.variable .parvularia-punto{background:var(--violeta);box-shadow:0 0 0 4px var(--violeta-piso)}
.parvularia-periodo .t{min-width:0}.parvularia-periodo .t b{display:block;font-weight:500;font-size:.86rem}
.parvularia-periodo.variable .t b{font:500 1.05rem/1.25 var(--serif)}
.parvularia-periodo .t span{display:block;font-size:.74rem;color:var(--tinta2);line-height:1.35}
.parvularia-rut{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--linea)}
.parvularia-rut .num{color:var(--tinta2);font-size:.78rem}
.parvularia-rut .t{display:flex;flex-direction:column;gap:3px;min-width:0}
.parvularia-rut .t b{font-weight:500}.parvularia-rut.variable .t b{font:500 1.08rem/1.25 var(--serif);color:var(--violeta-tinta)}
.parvularia-rut .t>span{font-size:.76rem;color:var(--tinta2)}

/* ── Asistencia en ronda ── */
.parvularia-ronda{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.parvularia-ronda-n{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 8px;border-radius:var(--r-md);background:var(--bandeja)}
.parvularia-ronda-n .t{min-width:0}.parvularia-ronda-n .t b{display:block;font-weight:500;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.parvularia-ronda-n .t span{font-size:.7rem;color:var(--tinta3)}
.parvularia-ronda-n.p{background:var(--ok-piso)}.parvularia-ronda-n.p .t span{color:var(--ok-tinta)}
.parvularia-ronda-n.a{background:var(--err-piso)}.parvularia-ronda-n.a .t span{color:var(--err-tinta)}
.parvularia-pa{display:inline-grid;grid-template-columns:auto auto;padding:3px;border-radius:999px;background:var(--hoja);box-shadow:inset 0 1px 2px rgba(19,38,73,.06)}
.parvularia-pa button{height:30px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--tinta2);font:500 .72rem/1 var(--sans)}
.parvularia-pa button[aria-pressed="true"]:first-child{background:var(--ok-vivo);color:var(--ok-tinta);box-shadow:inset 0 0 0 1px var(--ok)}
.parvularia-pa button[aria-pressed="true"]:last-child{background:var(--err-vivo);color:var(--err-tinta);box-shadow:inset 0 0 0 1px var(--err)}
.parvularia-pa button[disabled]{cursor:not-allowed;opacity:.7}

/* ── Materiales, tareas y permisos ── */
.parvularia-mat{display:flex;align-items:center;gap:12px;width:100%;padding:8px 6px;border:0;border-bottom:1px solid var(--linea);background:transparent;text-align:left;color:var(--tinta);font-size:.86rem;cursor:pointer}
.parvularia-mat[disabled]{cursor:default}
.parvularia-mat .t{display:flex;flex-direction:column;min-width:0}.parvularia-mat small{font-size:.7rem;color:var(--tinta3)}
.parvularia-caja{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px var(--linea2);color:#fff}
.parvularia-mat[aria-pressed="true"] .parvularia-caja{background:var(--ok);box-shadow:none}
.parvularia-mat[aria-pressed="true"] .t{color:var(--tinta2)}
.parvularia-check{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:transparent;box-shadow:inset 0 0 0 1.5px var(--linea2);cursor:pointer}
.parvularia-check[aria-pressed="true"]{background:var(--ok);color:#fff;box-shadow:none}
.parvularia-check[disabled]{cursor:default;opacity:.6}
.parvularia-permiso{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--linea)}
.parvularia-permiso .t{flex:1;min-width:0}.parvularia-permiso .t b{display:block;font-weight:500;font-size:.86rem}.parvularia-permiso .t span{font-size:.76rem;color:var(--tinta2)}
.parvularia-permiso.fijo{color:var(--tinta2)}.parvularia-permiso.fijo .t b{font-weight:400}
.parvularia-interruptor{flex:none;position:relative;width:44px;height:26px;padding:0;border:0;border-radius:999px;background:var(--linea2);cursor:pointer;transition:background-color var(--t) var(--spring)}
.parvularia-interruptor i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--hoja);box-shadow:0 1px 3px rgba(19,38,73,.25);transition:transform var(--t) var(--spring)}
.parvularia-interruptor[aria-checked="true"]{background:var(--ok)}
.parvularia-interruptor[aria-checked="true"] i{transform:translateX(18px)}
.parvularia-ctx{display:flex;flex-wrap:wrap;gap:6px}
.parvularia-ctx .chip{box-shadow:0 0 0 1px var(--linea2);white-space:normal;height:auto;min-height:2.25rem;text-align:left}
.parvularia-pista{display:flex;gap:6px;padding-bottom:4px}
.parvularia-pista .chip{box-shadow:0 0 0 1px var(--linea2)}

/* ── Observaciones, aportes y valoración ── */
.parvularia-obs,.parvularia-aporte{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 14px 14px 18px;border-radius:var(--r-md);background:var(--bandeja);margin-bottom:8px}
.parvularia-obs::before,.parvularia-aporte::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--tinta3)}
.parvularia-obs.validada::before,.parvularia-aporte.sumado::before{background:var(--ok)}
.parvularia-obs.pendiente::before,.parvularia-obs.devuelta::before,.parvularia-aporte.recibido::before{background:var(--warn)}
.parvularia-obs.familiar{background:var(--hoja-calida)}.parvularia-obs.familiar::before{background:var(--tierra)}
.parvularia-obs.anulada{opacity:.8}
.parvularia-grupo{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.parvularia-grupo-n{display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:var(--r-md);background:var(--bandeja);text-align:left;color:var(--tinta);cursor:pointer}
.parvularia-grupo-n:hover{background:var(--hover)}
.parvularia-grupo-n b{display:block;font-weight:500;font-size:.84rem}.parvularia-grupo-n span span{font-size:.7rem;color:var(--tinta2)}
.parvularia-grupo-n.sin{background:transparent;box-shadow:inset 0 0 0 1px var(--linea2)}
.parvularia-grupo-n.sin span span{color:var(--tinta3)}
.parvularia-niveles{grid-template-columns:1fr 1fr}
.parvularia-niveles .nivel[disabled]{opacity:.45;cursor:not-allowed}
.parvularia-val-fila{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:10px;border:0;border-radius:var(--r-md);background:transparent;text-align:left;color:var(--tinta);cursor:pointer}
.parvularia-val-fila:hover{background:var(--hover)}
.parvularia-val-fila.on{background:var(--violeta-piso)}
.parvularia-val-fila .t{min-width:0}.parvularia-val-fila .t b{display:block;font-weight:400;font-size:.82rem;line-height:1.35}.parvularia-val-fila .t span{font-size:.72rem;color:var(--tinta2)}
.parvularia-hist{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid var(--linea)}
.parvularia-hist p{margin:0;font-size:.86rem}
/* Puntos de la matriz: forma y color, para que no dependa solo del color */
.parvularia-punto-val{display:inline-block;width:16px;height:16px;padding:0;border:0;border-radius:50%;cursor:pointer;vertical-align:middle;background:transparent;box-shadow:inset 0 0 0 1.5px var(--tinta3)}
i.parvularia-punto-val{cursor:default;margin-right:6px;flex:none}
.parvularia-punto-val.logrado{background:var(--ok);box-shadow:none}
.parvularia-punto-val.desarrollo{background:linear-gradient(90deg,var(--navy-mid) 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px var(--navy-mid)}
.parvularia-punto-val.porlograr{background:var(--warn-vivo);box-shadow:inset 0 0 0 1.5px var(--warn)}
.parvularia-punto-val.porvalorar{background:var(--violeta-piso);box-shadow:inset 0 0 0 1.5px var(--violeta)}
.parvularia-punto-val.nuevaevidencia{border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--warn)}
.parvularia-punto-val.sinobservar{box-shadow:inset 0 0 0 1.5px var(--tinta3)}
.parvularia-punto-val.sinoportunidad{box-shadow:none;background:radial-gradient(circle,var(--linea2) 2px,transparent 2.5px)}
button.parvularia-punto-val:hover{transform:scale(1.25)}
html[data-modo="oscuro"] .parvularia-punto-val.desarrollo{background:linear-gradient(90deg,#A9BACD 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px #A9BACD}
.parvularia-leyenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.74rem;color:var(--tinta2)}
.parvularia-leyenda span{display:inline-flex;align-items:center}
.parvularia-matriz td,.parvularia-matriz th{text-align:center;white-space:nowrap}
.parvularia-matriz td:first-child,.parvularia-matriz th:first-child{text-align:left}

/* ── Plan anual ── */
.parvularia-anio{position:relative;min-width:560px;padding:4px 0 6px}
.parvularia-anio-meses{display:grid;grid-template-columns:repeat(10,1fr);font:400 .62rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta3);margin-bottom:8px}
.parvularia-anio-meses span{border-left:1px solid var(--linea);padding-left:6px}
.parvularia-anio-fila{position:relative;height:16px;margin:4px 0}
.parvularia-anio-barra{position:absolute;top:2px;height:12px;border-radius:999px;background:var(--linea2)}
.parvularia-anio-barra.vigente{background:var(--violeta);box-shadow:0 0 0 4px var(--violeta-piso)}
.parvularia-anio-barra.prox{background:transparent;box-shadow:inset 0 0 0 1.5px var(--violeta)}
.parvularia-anio-hoy{position:absolute;top:18px;bottom:0;width:1.5px;background:var(--coral)}
.parvularia-mk{flex:none;width:10px;height:10px;border-radius:50%;background:var(--linea2)}
.parvularia-mk.vigente{background:var(--violeta)}.parvularia-mk.prox{background:transparent;box-shadow:inset 0 0 0 1.5px var(--violeta)}

/* ── Libro técnico: retiro y días ── */
.parvularia-retiro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--linea)}
.parvularia-retiro .t{display:flex;flex-direction:column;gap:6px;min-width:0}
.parvularia-retiro .t>b{font-weight:500}
.parvularia-retiro .t>span{font-size:.8rem}
.parvularia-autorizados{display:flex;flex-wrap:wrap;gap:6px}
.parvularia-autorizados .btn{height:2.2rem;font-size:.78rem;box-shadow:0 0 0 1px var(--linea2);white-space:normal;text-align:left;line-height:1.2}
.parvularia-retiro.ok{opacity:.85}
.parvularia-dia{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--linea)}

/* ── Informe al hogar: un papel, no un formulario ── */
.parvularia-papel{display:flex;flex-direction:column;gap:18px;padding:34px 38px;border-radius:var(--r-lg);background:var(--papel);color:#132649;box-shadow:var(--luz),var(--sombra),0 0 0 1px var(--linea);overflow-wrap:break-word}
html[data-modo="oscuro"] .parvularia-papel{background:var(--hoja);color:var(--tinta)}
.parvularia-papel-cab{display:flex;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--linea)}
.parvularia-papel-cab>div{min-width:0}
.parvularia-papel section{display:flex;flex-direction:column;gap:6px}
.parvularia-papel section p{margin:0;font:400 1.08rem/1.5 var(--serif)}
.parvularia-papel .campo{color:#132649}
.parvularia-evid{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:var(--r-md);background:var(--hoja-calida)}
.parvularia-firma{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--linea);font-size:.84rem}

/* ── Ficha flotante de un objetivo ── */
.parvularia-hoja>div{display:flex;flex-direction:column;gap:10px}
.parvularia-hoja .ceja{white-space:normal}
.parvularia-hoja a{color:var(--violeta-tinta)}

/* ── Teléfono: la técnico y la educadora usan sobre todo el móvil ── */
@media (max-width:760px){
  .parvularia-ronda{grid-template-columns:minmax(0,1fr)}
  .parvularia-periodo{grid-template-columns:3rem 12px minmax(0,1fr);gap:10px}
  .parvularia-periodo>.est{grid-column:3;justify-self:start}
  .parvularia-jornada::before{left:3.95rem}
  .parvularia-rut{grid-template-columns:2.8rem minmax(0,1fr)}
  .parvularia-rut>button{grid-column:2;justify-self:start}
  .parvularia-retiro{grid-template-columns:auto minmax(0,1fr)}
  .parvularia-retiro>.btn{grid-column:2;justify-self:start}
  .parvularia-papel{padding:22px 18px}
  .parvularia-niveles{grid-template-columns:minmax(0,1fr)}
  .parvularia-val-fila{grid-template-columns:minmax(0,1fr)}
  .parvularia-val-fila>.parvularia-oa,.parvularia-val-fila>.est{justify-self:start}
  .parvularia-nucleo summary{grid-template-columns:minmax(0,1fr)}
  .parvularia-hoja dl{grid-template-columns:minmax(0,1fr);gap:4px}
  .parvularia-hoja>div{padding:22px 18px}
  .parvularia-grupo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .parvularia-pa button{height:36px;padding:0 12px}
  .parvularia-oa-sel{flex-direction:column}
}
