/* ============================================================
   Intensivo PAES — III Trimestre
   Física con Zeuss · Colegio Almondale, Lomas
   Paleta institucional: navy #0D2240 · burdeo #7B303E · oro #D2AF57
   ============================================================ */

:root{
  --navy:#0D2240;
  --navy-70:#3A4F6E;
  --burdeo:#7B303E;
  --oro:#D2AF57;
  --oro-suave:#F3E7C6;
  --papel:#FBFAF7;
  --papel-2:#F2EFE8;
  --linea:#DAD4C6;
  --tinta:#1C2230;
  --tinta-suave:#55607A;
  --verde:#2F6B4F;

  --serif:"Spectral", Georgia, "Times New Roman", serif;
  --sans:"IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --mono:"IBM Plex Mono", Consolas, monospace;

  --radio:4px;
  --ancho:76rem;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--papel);
  color:var(--tinta);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

/* ---------- Encabezado ---------- */
.cinta{
  background:var(--navy);
  color:#fff;
  border-bottom:5px solid var(--oro);
}
.cinta .interior{
  max-width:var(--ancho);
  margin:0 auto;
  padding:1.6rem 1.5rem 1.4rem;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.4rem 1.4rem;
}
.cinta .marca{
  font-family:var(--serif);
  font-size:1.05rem;
  letter-spacing:.02em;
  color:var(--oro);
  margin:0;
  font-weight:600;
}
.cinta .curso{
  font-size:.86rem;
  color:#B9C4D8;
  margin:0;
}
.cinta h1{
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(1.7rem,3.6vw,2.6rem);
  line-height:1.15;
  margin:.5rem 0 0;
  width:100%;
}
.cinta .bajada{
  width:100%;
  margin:.55rem 0 0;
  color:#C6D0E2;
  max-width:62ch;
  font-size:.98rem;
}

/* ---------- Navegación entre archivos ---------- */
.rutas{
  background:var(--navy-70);
  border-bottom:1px solid rgba(255,255,255,.15);
}
.rutas ul{
  max-width:var(--ancho);
  margin:0 auto;
  padding:.5rem 1.5rem;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.25rem 1.1rem;
}
.rutas a{
  color:#E7ECF5;
  text-decoration:none;
  font-size:.88rem;
  border-bottom:2px solid transparent;
  padding-bottom:2px;
  white-space:nowrap;
}
.rutas a:hover,.rutas a:focus-visible{border-bottom-color:var(--oro)}
.rutas a[aria-current="page"]{color:var(--oro);border-bottom-color:var(--oro)}

/* Programa: siempre primero, separado del resto */
.rutas .inicio{
  padding-right:1.1rem;
  border-right:1px solid rgba(255,255,255,.22);
}
/* Rótulo del capítulo en curso */
.rutas .grupo span{
  font-family:var(--serif);
  font-size:.86rem;
  font-weight:600;
  color:var(--oro);
  letter-spacing:.02em;
  white-space:nowrap;
}
/* Respuestas: enlace subordinado a su evaluación */
.rutas .respuestas{margin-left:-.7rem}
.rutas .respuestas a{
  color:#A9B6CE;
  font-size:.83rem;
}
.rutas .respuestas a::before{
  content:"↳ ";
  color:rgba(255,255,255,.35);
}
.rutas .respuestas a:hover{color:var(--oro)}
.rutas .respuestas a[aria-current="page"]{color:var(--oro)}

/* Salto al otro capítulo, al final de la barra */
.rutas .salto{
  margin-left:auto;
  padding-left:1.1rem;
  border-left:1px solid rgba(255,255,255,.22);
}
.rutas .salto a{color:#B9C4D8;font-size:.84rem}
.rutas .salto a:hover{color:var(--oro)}

@media (max-width:820px){
  .rutas .salto{margin-left:0}
  .rutas .inicio{border-right:none;padding-right:0}
}

/* ---------- Contenedor ---------- */
main{
  max-width:var(--ancho);
  margin:0 auto;
  padding:2.6rem 1.5rem 5rem;
}

.columna{max-width:74ch}

/* ---------- Títulos ---------- */
h2{
  font-family:var(--serif);
  font-size:1.62rem;
  line-height:1.25;
  color:var(--navy);
  margin:3rem 0 .4rem;
  padding-bottom:.45rem;
  border-bottom:2px solid var(--linea);
}
h2:first-of-type{margin-top:.5rem}
h3{
  font-family:var(--serif);
  font-size:1.22rem;
  color:var(--burdeo);
  margin:2rem 0 .3rem;
}
h4{
  font-size:1rem;
  color:var(--navy);
  margin:1.3rem 0 .3rem;
  font-weight:600;
}
p{margin:.7rem 0}

/* ---------- Bloques de apoyo ---------- */
.definicion{
  border-left:4px solid var(--navy);
  background:#fff;
  padding:.9rem 1.15rem;
  margin:1.1rem 0;
}
.definicion strong{color:var(--navy)}

.nota{
  border:1px dashed var(--burdeo);
  background:#FCF6F7;
  padding:.85rem 1.1rem;
  margin:1.2rem 0;
  font-size:.95rem;
}
.nota .rotulo{
  display:block;
  font-weight:600;
  color:var(--burdeo);
  margin-bottom:.2rem;
}

.receta{
  background:#fff;
  border:1px solid var(--linea);
  padding:1rem 1.2rem;
  margin:1.2rem 0;
}
.receta ol{margin:.4rem 0 0;padding-left:1.3rem}
.receta li{margin:.45rem 0}

/* ---------- Tablas ---------- */
table{
  border-collapse:collapse;
  margin:1.1rem 0;
  font-size:.95rem;
  background:#fff;
}
caption{
  caption-side:top;
  text-align:left;
  font-size:.86rem;
  color:var(--tinta-suave);
  padding-bottom:.35rem;
}
th,td{
  border:1px solid var(--linea);
  padding:.42rem .8rem;
  text-align:center;
}
thead th{
  background:var(--navy);
  color:#fff;
  font-weight:600;
}
tbody tr:nth-child(even){background:var(--papel-2)}
.tabla-scroll{overflow-x:auto;max-width:100%}

/* ---------- Ejercicios ---------- */
.ejercicio{
  background:#fff;
  border:1px solid var(--linea);
  border-top:3px solid var(--oro);
  padding:1.2rem 1.3rem 1rem;
  margin:1.4rem 0;
}
.ejercicio > .cabecera{
  display:flex;
  align-items:baseline;
  gap:.7rem;
  margin-bottom:.5rem;
}
.ejercicio .numero{
  font-family:var(--serif);
  font-size:1.35rem;
  font-weight:700;
  color:var(--burdeo);
  line-height:1;
}
.ejercicio .origen{
  font-size:.78rem;
  color:var(--tinta-suave);
  font-style:italic;
}
.alternativas{
  list-style:none;
  padding:0;
  margin:.8rem 0 0;
  display:grid;
  gap:.3rem;
}
.alternativas li{
  display:flex;
  gap:.6rem;
  align-items:baseline;
}
.alternativas .letra{
  font-weight:600;
  color:var(--navy);
  min-width:1.5rem;
}
.alternativas.en-columnas{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}

/* Alternativas que son gráficos */
.alternativas.graficas{
  grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));
  gap:1rem;
  margin-top:1rem;
}
.alternativas.graficas li{
  flex-direction:column;
  align-items:stretch;
  gap:.1rem;
  background:var(--papel-2);
  border:1px solid var(--linea);
  padding:.55rem .7rem .3rem;
}
.alternativas.graficas .letra{min-width:0;margin-bottom:.1rem}
.alternativas.graficas svg{width:100%;height:auto;display:block}

/* ---------- Botón de desarrollo ---------- */
.ver-desarrollo{
  margin-top:.95rem;
  background:var(--navy);
  color:#fff;
  border:none;
  border-radius:var(--radio);
  font-family:var(--sans);
  font-size:.88rem;
  font-weight:600;
  padding:.5rem 1.05rem;
  cursor:pointer;
}
.ver-desarrollo:hover{background:var(--burdeo)}
.ver-desarrollo:focus-visible{outline:3px solid var(--oro);outline-offset:2px}

/* ---------- Modal ---------- */
dialog.desarrollo{
  border:none;
  border-top:6px solid var(--oro);
  border-radius:var(--radio);
  padding:0;
  width:min(62rem,94vw);
  max-height:88vh;
  background:var(--papel);
  color:var(--tinta);
  box-shadow:0 18px 50px rgba(13,34,64,.35);
}
dialog.desarrollo::backdrop{background:rgba(13,34,64,.62)}
dialog .encabezado-modal{
  position:sticky;
  top:0;
  background:var(--navy);
  color:#fff;
  padding:.85rem 1.4rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
dialog .encabezado-modal h3{
  margin:0;
  color:#fff;
  font-size:1.05rem;
}
dialog .cerrar{
  background:transparent;
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  border-radius:var(--radio);
  font-size:.85rem;
  padding:.3rem .8rem;
  cursor:pointer;
}
dialog .cerrar:hover{background:var(--burdeo);border-color:var(--burdeo)}
dialog .cuerpo-modal{
  padding:1.3rem 1.5rem 1.8rem;
  overflow-y:auto;
  max-height:calc(88vh - 3.6rem);
}
dialog .cuerpo-modal h4{margin-top:1.4rem}
dialog .cuerpo-modal h4:first-child{margin-top:0}

.paso{
  border-left:3px solid var(--oro);
  padding:.15rem 0 .15rem .95rem;
  margin:1rem 0;
}
.paso .titulo-paso{
  font-weight:600;
  color:var(--navy);
  display:block;
  margin-bottom:.15rem;
}

.respuesta{
  margin-top:1.4rem;
  background:var(--navy);
  color:#fff;
  padding:.75rem 1.1rem;
  border-radius:var(--radio);
  font-weight:600;
}
.respuesta .clave{
  color:var(--oro);
  font-family:var(--serif);
  font-size:1.2rem;
}

.descartes{
  margin:1.1rem 0 0;
  padding:.85rem 1.1rem;
  background:var(--papel-2);
  border:1px solid var(--linea);
  font-size:.94rem;
}
.descartes ul{margin:.4rem 0 0;padding-left:1.2rem}
.descartes li{margin:.25rem 0}

/* ---------- Programa (index) ---------- */
.semana{
  background:#fff;
  border:1px solid var(--linea);
  border-left:6px solid var(--navy);
  margin:1.1rem 0;
  padding:1.1rem 1.3rem;
}
.semana.probabilidad{border-left-color:var(--burdeo)}
.semana .rotulo-semana{
  font-family:var(--serif);
  font-size:1.25rem;
  color:var(--navy);
  margin:0 0 .15rem;
}
.semana.probabilidad .rotulo-semana{color:var(--burdeo)}
.semana .foco{
  font-size:.9rem;
  color:var(--tinta-suave);
  margin:0 0 .8rem;
}
.sesiones{
  display:grid;
  gap:.9rem;
  grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));
}
.sesion{
  background:var(--papel);
  border:1px solid var(--linea);
  padding:.8rem .95rem;
}
.sesion .tipo{
  display:inline-block;
  font-size:.74rem;
  font-weight:600;
  letter-spacing:.04em;
  padding:.12rem .55rem;
  border-radius:99px;
  margin-bottom:.4rem;
}
.tipo.contenidos{background:var(--oro-suave);color:#6B5312}
.tipo.evaluacion{background:#EFE1E4;color:var(--burdeo)}
.sesion h4{margin:.2rem 0 .35rem}
.sesion ul{margin:.35rem 0 0;padding-left:1.15rem;font-size:.93rem}
.sesion li{margin:.2rem 0}

.resumen{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
  margin:1.6rem 0 0;
}
.dato{
  background:#fff;
  border:1px solid var(--linea);
  border-top:3px solid var(--oro);
  padding:.9rem 1rem;
}
.dato .cifra{
  font-family:var(--serif);
  font-size:2.1rem;
  font-weight:700;
  color:var(--navy);
  display:block;
  line-height:1;
}
.dato .glosa{font-size:.88rem;color:var(--tinta-suave)}

/* ---------- Diagramas SVG ---------- */
figure{margin:1.3rem 0}
figure svg{max-width:100%;height:auto;display:block}
figure img{
  max-width:100%;
  height:auto;
  display:block;
  background:#fff;
  border:1px solid var(--linea);
  padding:.5rem;
}
figcaption{
  font-size:.86rem;
  color:var(--tinta-suave);
  margin-top:.4rem;
}

/* ---------- Pie ---------- */
footer{
  background:var(--navy);
  color:#B9C4D8;
  margin-top:3rem;
  padding:1.8rem 1.5rem;
  font-size:.86rem;
}
footer .interior{max-width:var(--ancho);margin:0 auto}
footer a{color:var(--oro)}

/* ---------- Accesibilidad / responsive ---------- */
a:focus-visible,button:focus-visible{outline:3px solid var(--oro);outline-offset:2px}

@media (max-width:640px){
  body{font-size:16px}
  main{padding:1.8rem 1.1rem 3.5rem}
  .cinta .interior{padding:1.2rem 1.1rem}
  dialog.desarrollo{width:96vw;max-height:92vh}
  dialog .cuerpo-modal{padding:1rem 1.1rem 1.5rem}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none !important;transition:none !important}
}

@media print{
  .rutas,.ver-desarrollo{display:none}
  body{background:#fff}
  .ejercicio{break-inside:avoid}
}

/* ---------- Botones de enlace entre páginas ---------- */
.botonera{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin:2.2rem 0 0;
}
.boton-enlace{
  display:flex;
  flex-direction:column;
  gap:.2rem;
  background:var(--navy);
  color:#fff;
  text-decoration:none;
  padding:1rem 1.4rem;
  border-radius:var(--radio);
  border:none;
  border-left:5px solid var(--oro);
  box-shadow:0 2px 6px rgba(13,34,64,.18);
  flex:1 1 20rem;
  max-width:28rem;
}
.boton-enlace strong{
  font-family:var(--serif);
  font-size:1.08rem;
  font-weight:600;
  text-decoration:none;
}
.boton-enlace strong::after{content:" →";color:var(--oro)}
.boton-enlace span{font-size:.87rem;color:#C6D0E2;line-height:1.45;text-decoration:none}
.boton-enlace:hover{background:var(--burdeo)}
.boton-enlace:hover strong::after{color:#fff}
.boton-enlace.secundario{
  background:#fff;
  color:var(--navy);
  border:1px solid var(--linea);
  border-left:5px solid var(--burdeo);
  box-shadow:0 2px 6px rgba(13,34,64,.08);
}
.boton-enlace.secundario strong::after{color:var(--burdeo)}
.boton-enlace.secundario:hover strong::after{color:var(--burdeo)}
.boton-enlace.secundario span{color:var(--tinta-suave)}
.boton-enlace.secundario:hover{background:var(--papel-2)}

.aviso-m2{
  background:var(--oro-suave);
  border-left:4px solid var(--oro);
  padding:.9rem 1.2rem;
  margin:1.2rem 0;
  font-size:.95rem;
}
.aviso-m2 strong{color:#6B5312}


/* ---------- Espacio reservado para una imagen que se pegará después ---------- */
.marco-figura{
  border:2px dashed var(--burdeo);
  background:var(--papel-2);
  border-radius:var(--radio);
  padding:2.2rem 1.2rem;
  margin:1.3rem 0;
  text-align:center;
}
.marco-figura .rotulo{
  display:block;
  font-weight:600;
  color:var(--burdeo);
  font-size:.9rem;
  letter-spacing:.04em;
  margin-bottom:.3rem;
}
.marco-figura .detalle{
  display:block;
  font-size:.86rem;
  color:var(--tinta-suave);
  font-style:italic;
}


/* ---------- Tablas de espacio muestral anidadas ---------- */
table.con-espacios td{vertical-align:middle;padding:.6rem .8rem}
table.con-espacios > tbody > tr > td:first-child{text-align:left}

table.espacio-muestral{
  margin:0 auto;
  border-collapse:collapse;
  background:#fff;
  font-size:.86rem;
  line-height:1.2;
}
table.espacio-muestral td{
  border:1px solid var(--linea);
  padding:.12rem .55rem;
  text-align:center;
  font-family:var(--mono);
  letter-spacing:.02em;
  min-width:1.5rem;
}


/* ---------- Cuadrícula de doble entrada de dos dados ---------- */
table.dos-dados{
  margin:0 auto;
  border-collapse:collapse;
  background:#fff;
  font-size:.82rem;
  line-height:1.2;
}
table.dos-dados th,
table.dos-dados td{
  border:1px solid var(--linea);
  padding:.2rem .45rem;
  text-align:center;
  font-family:var(--mono);
  min-width:2.3rem;
}
table.dos-dados thead th{
  background:var(--papel-2);
  color:var(--navy);
  font-weight:600;
}
table.dos-dados tbody th{
  background:var(--papel-2);
  color:var(--navy);
  font-weight:600;
}
table.dos-dados tbody tr:nth-child(even){background:transparent}


/* ---------- Página de respuestas ---------- */
table.clave-rapida{margin:1rem 0;border-collapse:collapse;width:100%}
table.clave-rapida th,
table.clave-rapida td{
  border:1px solid var(--linea);
  padding:.3rem .2rem;
  text-align:center;
  font-size:.9rem;
  min-width:2.1rem;
}
table.clave-rapida .fila-n th{
  background:var(--navy);
  color:#fff;
  font-weight:600;
  font-size:.8rem;
}
table.clave-rapida .fila-c td{
  background:#fff;
  font-family:var(--serif);
  font-weight:700;
  color:var(--burdeo);
  font-size:1.05rem;
}

.respuesta-item .cabecera{justify-content:flex-start}
.badge-clave{
  background:var(--navy);
  color:var(--oro);
  font-size:.82rem;
  font-weight:600;
  padding:.18rem .7rem;
  border-radius:99px;
  letter-spacing:.03em;
}
.enunciado-modal{
  background:var(--papel-2);
  border-left:3px solid var(--navy);
  padding:.7rem 1rem;
  margin:0 0 1.2rem;
  font-size:.95rem;
}
.marco-figura.compacto{
  padding:1.1rem 1rem;
  margin:.9rem 0;
}


/* ---------- Horarios por curso ---------- */
table.horario td, table.horario th{text-align:left;vertical-align:top}
table.horario td.num{text-align:center;font-family:var(--serif);font-weight:700;color:var(--navy);width:2.4rem}
table.horario .sala{display:inline-block;background:var(--papel-2);border:1px solid var(--linea);border-radius:4px;padding:.02rem .4rem;font-size:.82rem;white-space:nowrap}
tr.sin-clase td{color:var(--tinta-suave);background:repeating-linear-gradient(135deg,#fff,#fff 6px,#f4f1ea 6px,#f4f1ea 12px)}
tr.sin-clase td.que{font-style:italic}
tr.fila-evaluacion td.que strong{color:var(--burdeo)}
.cifra-curso{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem;margin:1.2rem 0}
.cifra-curso .caja{background:#fff;border:1px solid var(--linea);border-top:4px solid var(--navy);border-radius:6px;padding:.9rem 1rem}
.cifra-curso .caja.extra{border-top-color:var(--oro)}
.cifra-curso .caja h3{margin:0 0 .2rem;font-size:1.05rem}
.cifra-curso .caja .n{font-family:var(--serif);font-size:2.3rem;font-weight:700;line-height:1;color:var(--navy)}
.cifra-curso .caja.extra .n{color:#8a6a14}
.cifra-curso .caja p{margin:.35rem 0 0;font-size:.9rem}
.plan-curso{scroll-margin-top:1rem;margin:2rem 0}
.plan-curso h3{border-bottom:2px solid var(--oro);padding-bottom:.25rem}
.grilla-semanas td{font-size:.9rem;vertical-align:top}
.grilla-semanas td small{display:block;color:var(--tinta-suave)}
.grilla-semanas tbody th{vertical-align:top;white-space:normal;line-height:1.25}
.grilla-semanas tbody th small{
  display:block;
  margin-top:.28rem;
  font-weight:400;
  color:var(--tinta-suave);
}
.marca-perdida{color:var(--burdeo);font-weight:600}