/* ==========================================================================
   Herramentia — Reasignación de marca 2026 para el CSS heredado de cada
   herramienta (styles.css original de cada subdominio).
   Se carga DESPUÉS del styles.css original de la herramienta: redefine sus
   variables --color-* a los tokens nuevos, así todo el contenido bajo el
   pliegue (propuesta de valor, "qué lee", "sí hace/no hace", texto SEO, FAQ)
   se recolorea automáticamente sin tocar su HTML ni su estructura.
   No incluye brand.css (la cabecera/hero nuevos van aparte): este fichero
   solo remapea lo heredado.
   ========================================================================== */
:root{
  --color-bg: #FAFAF9;
  --color-bg-deep: #F2F3F6;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2F3F6;
  --color-surface-hi: #EAF1FD;
  --color-text-primary: #111318;
  --color-text-secondary: #5A5D66;
  --color-text-dim: #8A8D96;
  --color-border: #DADEE5;
  --color-border-soft: #E0E5EB;
  --color-primary: #1B4BD2;
  --color-primary-hover: #143C9E;
  --color-primary-text: #FFFFFF;
  --color-success: #006A20;
  --color-warning: #B45309;
  --color-error: #B32228;
  --color-info: #1B4BD2;
  --neon: #1B4BD2;
  --neon-hover: #143C9E;

  --glow-primary: 0 0 0 1px rgba(27,75,210,.14), 0 0 24px -8px rgba(27,75,210,.22);
  --hairline: linear-gradient(90deg, transparent, var(--color-border) 18%, var(--color-border) 82%, transparent);

  --font-sans: 'Instrument Sans', Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

body{ font-family: var(--font-sans); }

/* fondo con retícula/halo del template antiguo: apagado, ya no forma parte
   de la dirección de marca 2026 (fondos lisos, sin degradados) */
body::before{ display:none !important; }

/* el CTA principal inyectado por main.js (.btn-primary, incl. el que crea
   dinámicamente en el panel de resultados: data-word) pasa a fondo cobalto
   con texto blanco en vez de neón con texto tinta */
.btn-primary,
.btn-primary:visited{
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color:#fff !important;
  box-shadow: none !important;
}
.btn-primary:hover{
  background-color: var(--color-primary-hover) !important;
  border-color: var(--color-primary-hover) !important;
  color:#fff !important;
}
.btn:hover{ box-shadow:none !important; }

/* radios más contenidos, acordes al resto del sistema 2026 */
:root{ --r-lg: 16px; --r-md: 12px; --r-sm: 9px; }

/* La dirección 2026 es plana: sin esquinas HUD, sin resplandores, sin
   degradados radiales ni animaciones de barrido. Se desactivan aquí sin
   tocar el HTML (mismas clases, mismos ganchos de main.js). */
.hud::before, .hud::after{ content:none !important; }
.panel{ box-shadow:none !important; }
.file-input-area{
  background: var(--color-surface) !important;
  border: 2px dashed #A9BDE6 !important;
}
.file-input-area::after{ display:none !important; }
.file-input-area:hover, .file-input-area.is-drag{
  background-color: var(--color-surface-hi) !important;
  border-color: var(--color-primary) !important;
}
.progress-bar{ background: var(--color-primary) !important; box-shadow:none !important; }
.badge-privacy .dot{ box-shadow:none !important; animation:none !important; }
.btn:hover{ box-shadow:none !important; }

/* botón "Elegir archivo" añadido dentro de la zona de carga (decorativo:
   el label que lo envuelve ya dispara el input, no se añade JS nuevo) */
.hm-dropzone-btn{
  display:inline-flex; align-items:center; justify-content:center;
  background: var(--color-primary); color:#fff; font:600 15px/1 var(--font-sans);
  border-radius: var(--r-sm); padding:13px 20px; min-height:44px; margin-top:10px;
}
.file-input-area:hover .hm-dropzone-btn{ background: var(--color-primary-hover); }