/* Glosario y frases de empresa familiar (29-10-2026). Se suma a blog.css, del que toma
   los colores (--navy, --crema-2, --gold, --line, --gris, --bronce-aa). Lo genera
   ../glosario-fuente/build.mjs; no se edita a mano en las páginas. */
.respuesta-corta{background:var(--crema-2);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:18px 22px;margin:4px 0 28px;font-size:17px;line-height:1.6}
.respuesta-corta b{color:var(--navy-2)}
.prosa ol{margin:0 0 22px 22px}
.prosa ol li{margin-bottom:8px;font-size:17.5px;line-height:1.7}
.tabla-datos{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;margin:26px 0;background:#fff}
.tabla-datos table{border-collapse:collapse;min-width:620px;width:100%;font-size:15px;line-height:1.45}
.tabla-datos thead tr{background:var(--navy-2);color:var(--crema-2);text-align:left}
.tabla-datos th,.tabla-datos td{padding:12px 14px;vertical-align:top;text-align:left}
.tabla-datos tbody tr:nth-child(even){background:var(--crema-2)}
.tabla-datos tbody th{font-weight:600}
.letras{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 8px}
.letras a{display:inline-block;min-width:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;text-align:center;text-decoration:none;font-weight:600;font-size:14.5px;color:var(--navy-2)}
.letras a:hover{border-color:var(--gold);color:var(--bronce-aa)}
.prosa h2.letra{font-size:34px;margin:42px 0 6px;color:var(--bronce-aa);border-bottom:1px solid var(--line);padding-bottom:6px}
.termino{padding:6px 0 18px;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.termino h3{margin:22px 0 8px}
.termino blockquote{margin:16px 0 12px}
.termino blockquote p{font-size:20px}
.termino-mas{font-size:15.5px;font-weight:600;margin:0}
.guias-lista{list-style:none;margin:0 0 10px;padding:0}
.guias-lista li{margin:0 0 14px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}
.guias-lista a{display:block;font-weight:700;font-size:17px;text-decoration:none}
.guias-lista span{display:block;color:var(--gris);font-size:15px;line-height:1.5;margin-top:4px}
.frase{margin:22px 0 26px;padding:0;scroll-margin-top:90px}
.frase blockquote{margin:0 0 10px}
.frase figcaption{font-size:15.5px;line-height:1.6;color:var(--gris);padding-left:27px}
.frase-fuente{display:block;font-weight:600;color:var(--navy-2)}
.usela{display:block;margin-top:6px;color:var(--navy)}
.usela b{color:var(--bronce-aa)}
@media(max-width:640px){
  .respuesta-corta{font-size:16px;padding:16px 18px}
  .termino blockquote p{font-size:18.5px}
  .frase figcaption{padding-left:0}
  .prosa h2.letra{font-size:28px}
}