/* Gala Worklab · identidad 3.4 · SOLO galaworklab.com (30/10/2026)
   La enlaza Compartido/identidad_34_gw.py la última de todas las hojas, para que mande sobre plantilla-gw.css y las de
   cada sección. Valores: 06_NEGOCIO/Revision-marca-2026-10-30/identidad-3-4/cambios-3-4.md (aprobados por Gala el 30/10).
   · Escritos en mostaza · una sola escala de letra (56/40/28/20/16/14; móvil 40/32/24/18/16/14), nada por debajo de 14 px
   · botón píldora de 48 px y ancho natural · contador común · pie índigo común · el signo según el uso. */

/* ---------- 1 · Escritos: de lima a mostaza ---------- */
html:root{--fam-escritos:#E0B000; --fam-escritos-t:#7A5A00;
  --t-56:56px; --t-40:40px; --t-28:28px; --t-20:20px; --t-16:16px; --t-14:14px}
@media screen and (prefers-color-scheme:dark){ html:root:not([data-theme="light"]){--fam-escritos-t:#E0B000} }
html:root[data-theme="dark"]{--fam-escritos-t:#E0B000}
@media (max-width:639px){ html:root{--t-56:40px; --t-40:32px; --t-28:24px; --t-20:18px} }

/* Revisión de descargables (04/11/2026): la escala de letra, los botones y el pie son de la pantalla. Antes también iban al papel
   y, con !important, pisaban los documentos: cabeceras de tabla a 14 px (tablas cortadas), títulos y números de sección descuadrados. */
@media screen{
/* ---------- 4 · Una sola escala de letra ---------- */
body{font-size:var(--t-16); line-height:1.55}
body h1, body .cl-cab .cl-cab-h1, body .h1{font-size:var(--t-40) !important; line-height:1.05 !important; letter-spacing:-.04em !important; font-weight:800}
/* titular de portada: el único a 56 */
body main[data-gw-ruta="/"] .cl-cab-multi .cl-cab-h1{font-size:var(--t-56) !important; line-height:1 !important}
main h2, main .h2{font-size:var(--t-28) !important; line-height:1.15 !important; letter-spacing:-.03em; font-weight:800}
main h3, main .h3{font-size:var(--t-20) !important; line-height:1.3 !important; letter-spacing:-.01em; font-weight:700}
:is(.lead, .cl-cab-lead){font-size:var(--t-20) !important; line-height:1.4 !important; font-weight:400}
/* la cifra que se busca, grande (regla de siglas, letra grande y fuente, punto 3) */
.cifras b, .kpi .cifra, .ge-precio .cifra{font-size:var(--t-28) !important; font-weight:800; line-height:1.1; letter-spacing:-.03em}

/* nada por debajo de 14 px en pantalla (sustituye al mínimo de 12 px de plantilla-gw.css) */
:is(.eyebrow, .kpi-label, .du-fuente, .du-fuente b, button small, .btn small, thead th, th, .ct-rot, .dh-fam, .ca-paso legend, .ca-sello,
  .ca-sig a i, .ce-sig a i, .dc-sig a i, .qd-sig a i, .ce-bloque b, .dc-grupo, .qd-rot, .qd-caja b, .qd-cal span, .gws-col dt,
  .sellos .pildora, .sellos .pildora.plana, .gw-ficha-datos dt, .pie-gw-copia, .fuente, .nota, small, .gw-tam-nota, .migas-gw ol,
  .gw-car-it, .gw-bq-chips span, .precio small, .gw-ayuda-fija.gw-ayuda-en-res){font-size:max(14px, 1em) !important}
:is(.eyebrow, .kpi-label, .sellos .pildora, thead th){font-size:14px !important; letter-spacing:.08em}
small, .precio small, .gw-ayuda-fija.gw-ayuda-en-res{font-size:14px !important}

/* ---------- 5 · Botón: píldora de 48 px, ancho natural ---------- */
:is(.btn, .boton, .gws-boton, .ce-btn, .ca-btn, .vpt-btn){min-height:48px !important; padding:0 24px !important; border-radius:999px !important;
  font-size:16px !important; font-weight:700 !important; width:auto; max-width:100%; white-space:normal}
:is(.btn.secundario, .gws-boton-claro, .ce-btn.sec, .ca-btn.ca-sec, .vpt-btn-2){border-width:1.5px !important}
.gw-tam .gw-diag-btn, .cl-cab .btn, .gw-acciones .btn{width:auto !important; display:inline-flex !important; flex:0 0 auto; align-self:flex-start; justify-self:start}
.gw-acciones{display:flex; flex-wrap:wrap; gap:12px}
/* solo a ancho completo: el botón único al pie de un formulario, en el móvil */
@media (max-width:639px){ form > .btn:last-child:only-of-type{width:100% !important} }

/* ---------- 5 · Contador común: cifra 28 px índigo + palabra 14 px gris ---------- */
.gw-contador{display:inline-flex; align-items:baseline; gap:6px; font-size:14px !important; font-weight:600; color:#646C84 !important; letter-spacing:0; text-transform:none}
.gw-contador b{font-size:28px; font-weight:800; line-height:1; color:var(--indigo,#2B3A67); font-variant-numeric:tabular-nums; letter-spacing:-.02em}
@media screen and (prefers-color-scheme:dark){ html:root:not([data-theme="light"]) .gw-contador{color:#C3CBE6 !important} html:root:not([data-theme="light"]) .gw-contador b{color:#EEF0F6} }
html:root[data-theme="dark"] .gw-contador{color:#C3CBE6 !important}
html:root[data-theme="dark"] .gw-contador b{color:#EEF0F6}

/* ---------- 5 · Pie índigo común ---------- */
footer.pie{background:#2B3A67 !important; color:#DDE2F5}
footer.pie a{color:#DDE2F5 !important; font-size:14px}
footer.pie p, footer.pie .pie-gw p, footer.pie .pie-confianza p, footer.pie .sello-pie{color:#DDE2F5 !important; font-size:14px}
footer.pie b{color:#FFFFFF}
footer.pie .pie-gw-copia{color:#C3CBE6 !important; font-size:14px !important}
footer.pie .sello-pie .pie-firma{font-size:16px; color:#FFFFFF}
footer.pie .sello-pie .pie-firma i{color:#8FAF2E}
.pie-firma34{padding-top:28px; padding-bottom:4px}
.pie-firma34-logo{display:inline-flex; align-items:center; min-height:44px}
.pie-firma34-logo img{display:block; height:32px; width:auto}

/* ---------- 3 · El signo según el uso ---------- */
/* C · portada: índigo y centro verde, sin familias (las familias viven dentro de las herramientas) */
main[data-gw-ruta="/"] .cl-sg-port circle{animation:none !important; fill:var(--cab-tinta,#2B3A67) !important}
main[data-gw-ruta="/"] .cl-sg-port circle.cl-c{fill:var(--cab-punto,#8FAF2E) !important}
main[data-gw-ruta="/"] .cl-ley{display:none !important}
/* B · cabecera de familia: 72 px; el dato manda, no el signo */
.cl-cab:not(.cl-cab-multi) .cl-cab-lienzo{width:72px !important; height:72px !important; margin:8px 0 16px !important}
.cl-cab:not(.cl-cab-multi) .cl-cab-lienzo svg{width:72px; height:72px}

/* nada por debajo de 14 px: lo que cada sección declaraba a 12–13,5 px (inventario del 31/10 en 39 páginas).
   Fuera de esta regla, a propósito, la vista previa del documento (.hoja, .doc-*, .ca-texto), que imita el papel. */
html body :is(footer.pie, .pie-gw-enlaces a, footer a, footer span, footer time, footer small, small, time, th, dt, .fuente, .fuente *, .nota, .sello-linea, .sello-linea *, .gw-cap-nota, .gw-cap-nota a, .pie-firma34-logo, .pie .wrap a, .pie .wrap span, .pie-firma,
  .em-chips-t, span.mono, .estado, .norma, .gw-kit a, .gw-coniva, .gw-basica, .fuente b, .gw-herr span, .gw-dest, .dg-cuenta,
  .gw-captacion label, .gw-cap-acepto, .gw-ficha-tam button, .gw-emp-fila label, .gw-emp-mas, .ancho label, .ancho span, .ancho legend,
  .rr-campos label, .rr-radios label, .pildora, .opcion p, .opcion span, label.opcion, .siguiente span,
  .bre-ej-meta, .bre-ej-aclara, .bre-ej-medias dt, dd.mono, .bre-ej-etq, .bre-ej-val, .bre-ej-alerta, p.ayuda, .ayuda, .ajustes label,
  .conmutador button, button.activa, .form-grid label, p.aviso, .cuenta,
  .vpt-guardado, .vpt-paso-n, .vpt-rotulo, .vpt-zona label, .vpt-cita, span.num, .cifras span, span.n, .campos label, .campo label,
  .opciones label, .enlaces-sig a, .paso legend, .huecos, .doc-nota, .enlace span,
  .obl-casillas dt, .obl-de, .obl-rel-t span, .gw-cd-art, .gte-num, .gte-siglas, .obl-i-q, .obl-i-s,
  .ct-indice a, .ct-art, .ct-plazo, .ct-sepe span, .ct-orienta, .bc-ayuda, .ct-hora-nota, .ca-ayuda, .ca-op, .ca-campos label,
  .ca-nota-priv, .ca-estado, .ce-fuente-final, .qd-avisos, .qd-cita, .qd-fuente-final, .ins-vista p, .gw-tj-fuera, p.norma,
  main input, main select, main textarea, main button, button.gw-ver-resultado, span.logo):not(#gw-34-nada){font-size:14px !important}
html body main :is(.ce-fuente-final, .qd-fuente-final) *{font-size:14px !important}
}

/* ---------- Papel: solo el contenido. Ni menú, ni pie, ni cookies, ni botones, en ninguna página ---------- */
@media print{
  @page{size:A4}
  /* Cabecera de las páginas índice: siempre en claro, también con el Mac en oscuro */
  .cl-cab{--cab-fondo:#FFFFFF !important;--cab-tinta:#2B3A67 !important;--cab-texto:#4A536E !important;--cab-gris:#E1E4EC !important;--cab-pale:#C9CEDC !important;--cab-punto:#8FAF2E !important;--cab-wl:#6170A6 !important}
  .cl-cab-normativa{--fam-t:#0A6E8E !important}.cl-cab-calculadoras{--fam-t:#9A4F00 !important}.cl-cab-guias{--fam-t:#0B7A5B !important}.cl-cab-escritos{--fam-t:#7A5A00 !important}
  .nav,.menu,.menu-movil,.cabecera-gw,footer.pie,.pie,.migas,nav[aria-label*="igas"],.tu-caso,.aviso-cookies,.gw-cookies,
  .gwr-btn,.gwr-fija,.gala-rev-bar,.gala-rev-num,#gw-pruebas,#gw-ayuda-boton,.gw-ayuda-fija,.btn,.boton,.gws-boton,button{display:none !important}
  body{background:#FFFFFF !important; color:#121A33}
  h1,h2,h3,.eyebrow{break-after:avoid}
  table{max-width:100%}
  tr,img,svg,figure{break-inside:avoid}
  thead{display:table-header-group}
  .tabla-scroll,[class*=scroll]{overflow:visible !important}
  /* Orden de imprimir del navegador en páginas de herramienta: fuera venta, captación y formulario */
  .gw-ficha-final,.ct-excel,.panel-tinta,[data-gw-valor],.gw-ficha-tam,
  section:has(> .wrap > .ct-excel),section:has(> .wrap > .panel-tinta),section:has(> .wrap > [data-gw-valor]),
  section:has(> .wrap > .faq),section:has(> .wrap > .pasos),section:has(> .wrap > .dc-sig),section:has(> .wrap > .enlaces-sig),
  section:has(> .wrap.preguntas),.pie-firma34,.pie-gw,.pie-confianza,.sello-pie{display:none !important}
  .calc{display:block !important}
  .calc .entradas,.cab-calc .gw-ficha,.ct-pie,.dc-pie{display:none !important}
  .calc .salida{position:static !important;max-height:none !important;overflow:visible !important;width:auto !important;margin:0 !important}
  .resultado,.compara > *,.desglose,.dc-forma > *,.cifras > *,.pregunta,[class*="tarjeta"]{break-inside:avoid}
  section{padding-top:12pt !important;padding-bottom:12pt !important}
  /* Guías: tarjetas enteras, sin bandas de color ni «siguiente paso» en el papel */
  [class$="-paso"],[class$="-plazo"],[class$="-bloque"],[class$="-multa"],[class$="-aviso"],.grid > *,.calc .salida > *{break-inside:avoid}
  section.alterna{background:#FFFFFF !important}
  section:has(> .wrap > [class$="-sig"]),section:has(> .wrap > .siguiente),section:has(> .wrap > .enlaces),section:has(> .siguiente){display:none !important}
  /* Sin hoja final que solo lleve el pie */
  html,body{height:auto !important;min-height:0 !important}
  body,main{padding-bottom:0 !important;margin-bottom:0 !important}
  main > section:last-of-type,main > section:last-of-type .wrap{padding-bottom:0 !important;margin-bottom:0 !important}
}
