/* ==========================================================================
   The Indoor Forecast · páginas de categoría, de sitio, de autor y de rescate (maqueta, 11 oct 2026)
   Solo valores de theme/DISENO.md: colores (los de la portada), Schibsted Grotesk y Petrona, escala
   11·12·13·14·16·18·20·24·30·38·48 px y radios 8·12·999 px. Sin clamp(): escalones.
   Prefijos propios: cat- (categoría), pag- (páginas de sitio), aut- (autor), res- (rescate).
   Reutiliza de site.css (no se repite aquí): .wrap .kicker .lema .btn .enlace .chip .busca-caja .busca-ideas
   .ult .gran .foto-caja .txt .extracto .fecha .pasos .paso .paso-n .empieza .empieza-cab .sr.
   ========================================================================== */

/* El salto a un ancla no se mete debajo de la cabecera pegada (≈ 36 px de barra + 68–96 px de cabecera) */
.cat-sub, .cat-lista, .cat-hermanas, .pag-legal h2, .pag-prosa h2, .res-temas, .pag-archivo, .empieza { scroll-margin-top: 150px; }

/* ---------- Migas ---------- */
.pag-migas {
  font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.4;
  color: var(--tinta);
}
.pag-migas a { color: var(--prot); text-decoration: none; }
.pag-migas a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pag-migas span[aria-hidden="true"] { margin: 0 4px; }

/* ---------- La mascota del logo, en sus tres gestos (los mismos selectores que la portada) ---------- */
.pag-masc { width: 130px; justify-self: center; }
.pag-masc .marca { display: block; width: 100%; height: auto; }
.pag-masc .marca .boca, .pag-masc .marca .gota-fuera, .pag-masc .marca .sonrisa { transition: opacity 0.3s ease; }
.pag-masc.suda .marca .sonrisa { opacity: 0; }
.pag-masc.suda .marca .boca { opacity: 1; }
.pag-masc.suda .marca .gota-fuera { opacity: 1; }
.pag-masc.sonrie .marca .boca { opacity: 0; }
.pag-masc.sonrie .marca .sonrisa { opacity: 1; }
.pag-masc.sonrie .marca .gota-fuera { opacity: 0; }

/* ==========================================================================
   Cabecera de categoría (raíz y subcategoría)
   ========================================================================== */
.cat-cab { background: var(--blanco); border-bottom: 1px solid var(--clara); }
.cat-cab-in { display: grid; gap: 16px; align-items: center; padding: 28px 0 32px; }
.cat-cab h1 { font-size: 30px; line-height: 1.05; margin-top: 10px; }
.cat-cab .kicker { margin-top: 18px; }
.cat-cab .lema { font-size: 18px; line-height: 1.5; max-width: 48ch; color: var(--tinta); }
.cat-cab .pag-masc { width: 110px; }

/* La franja de los cuartos: chips para saltar a cada bloque */
.cat-franja { background: var(--fondo); border-bottom: 1px solid var(--clara); }
.cat-franja-in { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 0; }
.cat-franja-t {
  font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 14px;
  color: var(--tinta); margin-right: 6px;
}

/* ---------- Un bloque por cuarto (raíz): su pilar grande y sus nodos en lista ---------- */
.cat-sub { padding: 48px 0; border-top: 1px solid var(--clara); }
.cat-sub:first-of-type { border-top: 0; }
.cat-sub h2 { font-size: 24px; line-height: 1.15; }
.cat-sub-g { display: grid; gap: 24px; margin-top: 24px; }
.cat-sub .gran .ult-t { font-size: 24px; }
.cat-nodos { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--clara); }
.cat-nodos li { border-bottom: 1px solid var(--clara); }
.cat-nodos a { display: block; padding: 14px 4px; color: var(--tinta); text-decoration: none; }
.cat-nodo-t {
  display: block; font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.35;
  text-decoration: underline 2px transparent; text-underline-offset: 5px;
  transition: text-decoration-color 0.3s ease, color 0.2s ease;
}
.cat-nodos a:hover .cat-nodo-t, .cat-nodos a:focus-visible .cat-nodo-t { color: var(--prot); text-decoration-color: var(--prot); }
.cat-nodos .fecha { display: block; margin-top: 4px; font-size: 13px; }

/* Un cuarto sin nada publicado: una sola línea, sin enlace */
.cat-vacias-w { padding: 8px 0 48px; }
.cat-vacias { font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.5; color: var(--tinta); }

/* ---------- Subcategoría: el pilar grande (la tarjeta de la portada, en horizontal) ---------- */
.cat-pilar { padding: 40px 0 8px; }
.cat-pilar-card a { display: grid; gap: 24px; }
.cat-pilar .foto-caja { aspect-ratio: auto; }
.cat-pilar .foto-caja::before { content: ""; display: block; padding-top: 75%; }
.cat-pilar .foto-caja img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cat-pilar .ult-t { font-size: 24px; line-height: 1.2; }
.cat-pilar .extracto { -webkit-line-clamp: unset; overflow: visible; display: block; font-size: 18px; line-height: 1.55; max-width: 60ch; }

/* ---------- Lista de artículos (subcategoría, autor, resultados de búsqueda) ---------- */
.pag-filas { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--clara); }
.pag-filas li { border-bottom: 1px solid var(--clara); }
.pag-filas a { display: block; padding: 20px 4px; color: var(--tinta); text-decoration: none; transition: transform 0.35s cubic-bezier(.2, .7, .2, 1); }
.pag-filas h3 {
  font-size: 20px; line-height: 1.25; text-decoration: underline 2px transparent; text-underline-offset: 5px;
  transition: text-decoration-color 0.3s ease, color 0.2s ease;
}
.pag-filas .extracto { margin-top: 8px; font-size: 16px; line-height: 1.55; -webkit-line-clamp: 2; }
.pag-filas .fecha { margin-top: 10px; display: block; }
.pag-filas a:hover, .pag-filas a:focus-visible { transform: translateY(-3px); }
.pag-filas a:hover h3, .pag-filas a:focus-visible h3 { color: var(--prot); text-decoration-color: var(--prot); }
.pag-filas mark { background: var(--aviso); color: var(--tinta); padding: 0 2px; }

.cat-lista { padding: 48px 0; border-top: 1px solid var(--clara); }
.cat-lista h2, .cat-hermanas h2, .res-temas h2, .pag-archivo h2 { font-size: 24px; line-height: 1.15; }

.cat-hermanas { padding: 48px 0 64px; border-top: 1px solid var(--clara); }
.cat-hermanas .busca-ideas { margin-top: 16px; }
.cat-todo { margin-top: 20px; }

/* ==========================================================================
   Bandas de página (legales, About, autor, rescate)
   ========================================================================== */
.pag-banda { padding: 40px 0 48px; }
.pag-banda--clara { background: var(--clara); }
.pag-banda--tinta { background: var(--tinta); color: var(--fondo); }
.pag-banda--tinta .kicker { color: var(--clara); }
.pag-banda--tinta .lema { color: var(--fondo); }
.pag-banda--tinta h1 { color: var(--blanco); }
.pag-banda--tinta .pag-migas { color: var(--fondo); }
.pag-banda--tinta .pag-migas a { color: var(--clara); }
.pag-banda--clara .pag-migas a { color: var(--tinta); }
.pag-banda h1 { font-size: 30px; line-height: 1.05; margin-top: 10px; }
.pag-banda .kicker { margin-top: 18px; }
/* Titulares de tarjeta: site.css les da 1,25 y el comprobador (2.10) mide cualquier bloque con más de 60 caracteres */
.cat-sub .ult-t, .cat-pilar .ult-t, .pag-filas h3, .res-tema h3 { line-height: 1.3; }
/* site.css da 1,2 a los rótulos: aquí, 1,3 como mínimo (regla 2.10 sobre párrafos) */
.cat-cab .kicker, .pag-banda .kicker, .pag-prosa .kicker, .pag-indice .kicker, .pag-legal .kicker, .res-busca .kicker { line-height: 1.3; }
.pag-banda .lema { max-width: 52ch; color: inherit; }
.pag-banda-in { display: grid; gap: 24px; align-items: center; }
.pag-fecha { margin-top: 14px; font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 14px; color: var(--fondo); }

/* ==========================================================================
   Páginas de sitio: legales (texto + índice) y About (texto a 66 caracteres)
   ========================================================================== */
.pag-legal { display: grid; gap: 40px; padding: 48px 0 64px; }
.pag-legal h2 { font-size: 24px; line-height: 1.2; margin-top: 36px; }
.pag-legal h2:first-child { margin-top: 0; }
.pag-texto p { font-size: 18px; line-height: 1.6; margin-top: 14px; max-width: 66ch; }
.pag-indice {
  background: var(--blanco); border: 1px solid var(--clara); border-radius: 12px; padding: 20px 22px;
  align-self: start;
}
.pag-indice .kicker { margin-top: 0; }
.pag-indice ol { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.pag-indice ol a { font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.35; color: var(--prot); }
.pag-indice ol a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pag-otros-t { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--clara); }
.pag-otros { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.pag-otros a { font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 16px; color: var(--prot); }

.pag-prosa { padding: 48px 0 64px; }
.pag-prosa h2 { font-size: 24px; line-height: 1.2; margin-top: 44px; }
.pag-prosa h2:first-child { margin-top: 0; }
.pag-prosa p { font-size: 18px; line-height: 1.6; margin-top: 14px; max-width: 66ch; }
.pag-prosa ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 12px; max-width: 66ch; }
.pag-prosa li { position: relative; padding-left: 26px; font-size: 18px; line-height: 1.6; }
.pag-prosa li::before {
  content: ""; position: absolute; left: 0; top: 0.62em; width: 10px; height: 10px; border-radius: 999px; background: var(--prot);
}
.pag-accion { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 44px; }

/* La tarjeta de la autora dentro del About: retrato a la izquierda, texto a la derecha */
.pag-quien {
  display: grid; gap: 20px; margin-top: 16px; padding: 20px; max-width: 66ch;
  background: var(--blanco); border: 1px solid var(--clara); border-radius: 12px;
}
.pag-quien-foto { width: 120px; height: 120px; border-radius: 12px; object-fit: cover; }
.pag-quien-t { margin-top: 8px; font-size: 16px; line-height: 1.6; }

/* ==========================================================================
   Autor (archivo): biografía arriba, retrato a la derecha, guías debajo
   ========================================================================== */
.aut-bio p { font-size: 18px; line-height: 1.6; margin-top: 14px; max-width: 56ch; }
.aut-bio p + p { margin-top: 10px; }
.aut-enlaces { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 20px; }
.aut-banda { align-items: start; }
.aut-foto { margin: 0; justify-self: start; width: 200px; max-width: 100%; }
.aut-foto img { width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--tinta); }
.pag-archivo { padding: 48px 0 64px; border-top: 1px solid var(--clara); }

/* Paginación: cuadrados con filete, como el botón de subir */
.pag-paginas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 32px; }
.pag-n {
  min-width: 40px; height: 40px; padding: 0 10px; display: inline-grid; place-items: center;
  border: 1px solid var(--tinta); border-radius: 8px; background: var(--blanco); color: var(--tinta);
  font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 800; font-size: 16px; text-decoration: none;
}
a.pag-n:hover { background: var(--clara); }
.pag-n[aria-current="page"] { background: var(--tinta); color: var(--blanco); }
.pag-dots { font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 800; font-size: 16px; padding: 0 4px; color: var(--tinta); }
.pag-sig { margin-left: auto; }

/* ==========================================================================
   Rescate: el 404 y la búsqueda
   ========================================================================== */
.res-busca { padding: 32px 0 8px; display: grid; gap: 0; }
.res-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; max-width: 760px; }
.res-caja { flex: 1 1 320px; min-height: 56px; padding: 0 12px 0 16px; }
.res-caja input { font-size: 18px; min-height: 56px; }
.res-form .btn { min-height: 56px; }
.res-otra {
  margin-top: 28px; font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 16px; color: var(--tinta);
}
.res-busca + .pag-archivo, .res-busca + .res-temas { border-top: 0; }
.res-temas { padding: 48px 0 0; border-top: 1px solid var(--clara); }
.res-temas-g { display: grid; gap: 16px; margin-top: 20px; }
.res-tema {
  display: block; padding: 20px 22px; background: var(--blanco); border: 1px solid var(--clara); border-radius: 12px;
  color: var(--tinta); text-decoration: none; transition: transform 0.35s cubic-bezier(.2, .7, .2, 1), border-color 0.2s ease;
}
.res-tema h3 { font-size: 20px; }
.res-tema p { margin-top: 8px; font-size: 16px; line-height: 1.5; max-width: 40ch; }
.res-tema .enlace { margin-top: 14px; }
.res-tema:hover, .res-tema:focus-visible { transform: translateY(-3px); border-color: var(--prot); }
.res-tema:hover h3 { color: var(--prot); }

.firma { display: flex; gap: 16px; align-items: center; margin: 56px 0 56px; padding-top: 24px; border-top: 1px solid var(--clara); }
.firma img { width: 56px; height: 56px; border-radius: 999px; object-fit: cover; flex: none; }
.firma p { font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.4; }

/* Mapa de chips de búsqueda dentro de la página de rescate: los chips de site.css, con su hueco */
.res-busca ~ .busca-ideas, .pag-archivo .busca-ideas { margin-top: 12px; }

/* ==========================================================================
   Tamaños. Móvil (360–639) por defecto; tableta desde 640; escritorio desde 960.
   ========================================================================== */
@media (max-width: 359px) {
  .cat-cab .lema, .pag-banda .lema { font-size: 16px; }
}
@media (max-width: 639px) {
  .pag-filas a { padding: 18px 2px; }
  .pag-filas a:hover, .pag-filas a:focus-visible { transform: none; }
  .cat-pilar-card .ult-t { font-size: 20px; }
  .firma { margin-top: 40px; }
  .res-caja { flex-basis: 100%; }
  .res-form .btn { width: 100%; justify-content: center; }
}
@media (min-width: 640px) {
  .cat-cab h1, .pag-banda h1 { font-size: 38px; }
  .cat-sub h2, .cat-lista h2, .cat-hermanas h2, .res-temas h2, .pag-archivo h2 { font-size: 30px; }
  .cat-sub .gran .ult-t { font-size: 30px; }
  .cat-pilar-card a { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 32px; }
  .cat-pilar-card .ult-t { font-size: 30px; }
  .pag-legal h2, .pag-prosa h2 { font-size: 30px; }
  .pag-quien { grid-template-columns: 140px minmax(0, 1fr); align-items: start; }
  .res-temas-g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pag-prosa h2, .pag-legal h2 { line-height: 1.15; }
}
@media (min-width: 768px) {
  .pag-prosa h2, .pag-legal h2 { font-size: 30px; }
  .res-temas-g { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
  .cat-cab-in { grid-template-columns: minmax(0, 1fr) 180px; padding: 48px 0 56px; gap: 40px; }
  .cat-cab h1 { font-size: 48px; }
  .cat-cab .pag-masc { width: 180px; }
  .cat-sub { padding: 56px 0; }
  .cat-sub-g { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
  .cat-sub .gran .ult-t { font-size: 24px; }
  .cat-pilar { padding: 48px 0 8px; }
  .cat-pilar-card .ult-t { font-size: 38px; }
  .pag-banda { padding: 64px 0 72px; }
  .pag-banda h1 { font-size: 48px; }
  .pag-banda-in { grid-template-columns: minmax(0, 1fr) 180px; gap: 56px; }
  .pag-banda-in .pag-masc { width: 180px; }
  .aut-banda { grid-template-columns: minmax(0, 1fr) 260px; }
  .pag-legal { grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; padding: 64px 0 80px; }
  .pag-indice { position: sticky; top: 140px; }
  .pag-texto p { font-size: 18px; }
  .aut-foto { width: 260px; }
  .pag-prosa h2 { margin-top: 56px; }
  .pag-archivo { padding: 56px 0 72px; }
  .res-busca { padding: 48px 0 8px; }
  .res-temas { padding: 56px 0 0; }
  .pag-filas h3 { font-size: 24px; }
  .pag-filas a { padding: 24px 4px; }
  .pag-quien { grid-template-columns: 160px minmax(0, 1fr); }
  .pag-quien-foto { width: 160px; height: 160px; }
}

/* ==========================================================================
   Revisión del chat principal (11 oct 2026)
   ========================================================================== */
/* La cabecera de la categoría lleva la regla de su magnitud (la de «Know the words» de la portada), en tarjeta blanca */
.cat-cab { background: var(--fondo); }
.cat-regla { background: var(--blanco); border: 1px solid var(--clara); border-radius: 12px; padding: 20px 22px 18px; border-top: 1px solid var(--clara); }
.cat-regla-k { font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 800; font-size: 12px; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--prot); }
.cat-regla-t { margin-top: 6px; font-size: 24px; line-height: 1.15; }
.cat-regla .barra { margin-top: 14px; }
.cat-regla .tramo { padding: 12px 8px; }
.cat-regla .enlace { display: inline-flex; margin-top: 18px; }
/* Las listas de artículos: dos columnas en pantallas anchas (una sola dejaba la mitad derecha vacía) */
.pag-filas, .cat-nodos { margin-top: 20px; }
.cat-sub-g .cat-nodos { margin-top: 0; }
.cat-pilar-card .ult-t, .cat-sub .gran .ult-t { margin-top: 16px; }
@media (min-width: 960px) {
  .cat-cab-in { grid-template-columns: minmax(0, 1fr) minmax(0, 460px); align-items: end; }
  .pag-filas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
  .pag-filas .extracto { max-width: none; }
}

/* ==========================================================================
   Los textos legales de la casa (los mismos que el café y crispside, 11 oct 2026): sus piezas propias —
   subtítulos h3/h4, listas .puntos/.numeros, avisos en mayúsculas .aviso y la frase final .cierre—, con la paleta de aire.
   ========================================================================== */
.pag-texto h3 { margin-top: 28px; font-size: 20px; line-height: 1.25; }
.pag-texto h4 { margin-top: 20px; font-size: 16px; line-height: 1.3; color: var(--prot); }
.pag-texto ul, .pag-texto ol { margin: 14px 0 0; padding: 0; max-width: 66ch; display: grid; gap: 8px; }
.pag-texto ul { list-style: none; }
.pag-texto ul li { position: relative; padding-left: 24px; font-size: 18px; line-height: 1.6; }
.pag-texto ul li::before { content: ""; position: absolute; left: 4px; top: 0.62em; width: 8px; height: 8px; border-radius: 999px; background: var(--prot); }
.pag-texto ol { padding-left: 26px; }
.pag-texto ol li { font-size: 18px; line-height: 1.6; padding-left: 4px; }
.pag-texto ol li::marker { font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 800; color: var(--prot); }
.pag-texto a { color: var(--prot); text-underline-offset: 3px; }
.pag-texto .aviso { margin-top: 18px; padding: 14px 16px; border-radius: 8px; background: var(--blanco); border: 1px solid var(--clara);
  font-family: "Schibsted Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 13px; line-height: 1.6; letter-spacing: 0.02em; max-width: 720px; }
/* La frase final: centrada, en cursiva, tras una línea discontinua (la calzada del pie), con una gota de vaho encima */
.pag-texto .cierre { margin-top: 44px; padding-top: 22px; border-top: 1px dashed var(--clara); text-align: center; font-style: italic;
  max-width: 66ch; color: var(--tinta); }
.pag-texto .cierre::before { content: ""; display: block; width: 24px; height: 24px; margin: 0 auto 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087B8B' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3c3.2 4.2 6 7.6 6 11a6 6 0 0 1-12 0c0-3.4 2.8-6.8 6-11Z'/%3E%3C/svg%3E") center / contain no-repeat; }
/* Sin índice (menos de 3 cláusulas, como la Privacy F.A.Q.): «Other documents» abre la caja, sin la línea de encima */
.pag-indice > .pag-otros-t:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

/* 📱 El celular (11 oct 2026): las páginas, con la regla del café (texto a 16, titulares contenidos) */
@media (max-width: 720px) {
  .pag-banda { padding: 28px 0 32px; }
  .pag-banda h1, .cat-cab h1 { font-size: 27px; }
  .pag-banda .lema, .cat-cab .lema { font-size: 15px; }
  .pag-banda-in .pag-masc, .cat-cab .pag-masc { width: 96px; }
  .pag-legal, .pag-prosa { padding: 32px 0 44px; gap: 28px; }
  .pag-legal h2, .pag-prosa h2 { font-size: 21px; margin-top: 30px; }
  .pag-texto p, .pag-prosa p, .aut-bio p, .pag-texto ul li, .pag-texto ol li, .pag-prosa li { font-size: 16px; line-height: 1.6; }
  .pag-texto h3 { font-size: 17px; margin-top: 22px; }
  .pag-texto h4 { font-size: 15px; }
  .pag-texto .aviso { font-size: 12px; }
  .pag-indice ol a, .pag-otros a { font-size: 15px; }
  .cat-sub, .cat-lista, .cat-hermanas, .pag-archivo { padding: 32px 0; }
  .cat-sub h2, .cat-lista h2, .cat-hermanas h2, .res-temas h2, .pag-archivo h2 { font-size: 21px; }
  .cat-sub .gran .ult-t, .cat-pilar .ult-t, .cat-pilar-card .ult-t { font-size: 18px; }
  .cat-pilar .extracto { font-size: 15px; }
  .cat-nodos a { padding: 11px 2px; }
  .cat-nodo-t { font-size: 15px; }
  .pag-filas a { padding: 14px 2px; }
  .pag-filas h3 { font-size: 17px; }
  .pag-filas .extracto { font-size: 15px; }
  .cat-regla { padding: 16px; }
  .cat-regla-t { font-size: 20px; }
  .res-caja input { font-size: 16px; }
  .res-tema h3 { font-size: 17px; }
  .res-tema p { font-size: 15px; }
  .firma p { font-size: 14px; }
  .aut-foto { width: 140px; }
}
@media (min-width: 721px) and (max-width: 1060px) {
  .pag-banda h1, .cat-cab h1 { font-size: 34px; }
  .pag-texto p, .pag-prosa p, .aut-bio p, .pag-texto ul li, .pag-texto ol li, .pag-prosa li { font-size: 17px; }
}