/* Respuestas orientativas 17/10/2026 */
html[lang="es"] [data-l="ca"], html[lang="ca"] [data-l="es"] { display: none !important; }
.barra .idioma { display: flex; gap: .3rem; }
.idioma button { background: transparent; color: var(--blanco); border: 2px solid #34446a; border-radius: 8px; padding: .3em .7em; font: 700 .9rem var(--texto); cursor: pointer; min-height: 36px; }
.idioma button.on { background: var(--amarillo); color: var(--tinta); border-color: var(--amarillo); }
.resp h1 { font-size: clamp(2.1rem, 9vw, 3.4rem); }
.aviso-resp { background: #3a2a06; border: 3px solid var(--amarillo); border-radius: var(--radio); padding: 1rem 1.1rem; margin: 1rem 0 1.2rem; }
.aviso-resp p { margin: 0; line-height: 1.45; }
.aviso-resp a { color: var(--amarillo); }
.aviso-resp--bajo { border-width: 2px; background: #2a2208; }
.indice--resp { padding: 0; margin-top: 1rem; flex-wrap: wrap; }
.tabla--resp caption { caption-side: top; text-align: left; font-family: var(--titulos); text-transform: uppercase; font-size: 1.5rem; color: var(--blanco); padding: .2rem 0 .5rem; }
.tabla--resp th, .tabla--resp td { padding: .42rem .4rem; }
.tabla--resp thead th { font-size: .9rem; }
.tabla--resp tbody th { text-align: right; color: var(--gris); font-weight: 600; padding-right: .5rem; }
.tabla--resp td.letra { font-family: var(--titulos); font-size: 1.25rem; color: var(--amarillo); border-right: 2px solid #2D3750; letter-spacing: .02em; }
.tabla--resp td.sinc { font-size: .78rem; font-weight: 700; color: #ffb3a8; background: rgba(231,76,60,.18); border-right: 2px solid #2D3750; white-space: normal; line-height: 1.1; }
.tabla-envoltura { background: var(--tarjeta); padding: .6rem .6rem .2rem; }
.tabla-envoltura .tabla { background: transparent; }
.dos { display: grid; gap: .6rem; }
.idiomas { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem; }
@media (min-width: 900px) {
  .resp { --ancho: 1000px; }
  .dos { grid-template-columns: 1fr 1fr; }
  .idiomas { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 420px) {
  .tabla-envoltura { padding: .5rem .3rem .2rem; }
  .tabla--resp th, .tabla--resp td { padding: .4rem .18rem; }
  .tabla--resp thead th { font-size: .72rem; }
  .tabla--resp td.letra { font-size: 1.15rem; }
}
.aviso-resp__tit { font-family: var(--titulos); text-transform: uppercase; color: var(--amarillo); font-size: 1.15rem; margin-bottom: .35rem !important; }