/* LEX Herramientas — estilos de las calculadoras. Sin dependencias; hereda la tipografía del tema. */
.lexh-calc{--lexh-oro:#D6AB78;--lexh-oro-suave:rgba(214,171,120,.12);--lexh-tinta:#241a0c;--lexh-borde:rgba(36,26,12,.18);
  border:1px solid rgba(214,171,120,.6);border-radius:14px;padding:24px;margin:24px 0;background:#fffaf3;color:var(--lexh-tinta);
  text-align:left;line-height:1.5}
/* La calculadora tiene colores propios: la plantilla del sitio pinta las paginas sobre fondo oscuro */
.lexh-calc *{color:inherit}
.lexh-calc a.lexh-cta{color:#fff}
.lexh-campo{margin:0 0 18px;border:0;padding:0;min-width:0}
.lexh-campo>label,.lexh-campo legend,.lexh-etiqueta{display:block;font-weight:600;margin:0 0 6px;padding:0}
.lexh-calc input[type=text],.lexh-calc select,.lexh-calc textarea{width:100%;max-width:100%;box-sizing:border-box;padding:11px 12px;
  border:1px solid var(--lexh-borde);border-radius:8px;background:#fff;font:inherit;color:var(--lexh-tinta)}
.lexh-calc select option{color:var(--lexh-tinta);background:#fff}
.lexh-calc ::placeholder{color:rgba(36,26,12,.45)}
.lexh-calc input:focus,.lexh-calc select:focus,.lexh-calc textarea:focus{outline:2px solid var(--lexh-oro);outline-offset:1px}
.lexh-fila{display:flex;gap:10px}
.lexh-fila select{flex:1}
.lexh-opcion{display:inline-flex;align-items:center;gap:6px;margin:0 18px 6px 0;font-weight:400;cursor:pointer}
.lexh-ayuda{font-size:.9em;opacity:.8;margin:6px 0 0}
.lexh-calc details{background:#fff;border:1px solid var(--lexh-borde);border-radius:8px;padding:10px 12px}
.lexh-calc details summary{cursor:pointer;font-weight:600}
.lexh-calc details[open] summary{margin-bottom:10px}
.lexh-calc details label{display:block;font-weight:600;margin:10px 0 6px}
.lexh-sumador{margin-top:10px}
.lexh-boton{display:inline-block;background:var(--lexh-oro);color:var(--lexh-tinta);font-weight:600;line-height:1.3;border:0;border-radius:999px;
  padding:14px 28px;cursor:pointer;font:inherit;font-weight:600;transition:filter .15s}
.lexh-boton:hover,.lexh-boton:focus{filter:brightness(1.07)}
.lexh-secundario{padding:9px 18px;margin-top:10px;background:#fff;border:1px solid var(--lexh-oro)}
.lexh-error{color:#9b1c1c;font-weight:600;margin:12px 0 0}
.lexh-resultado{margin-top:22px;background:#fff;border-radius:12px;padding:20px;border-left:5px solid var(--lexh-oro)}
.lexh-resultado h3{margin:0 0 12px;font-size:1.15em}
.lexh-cifras{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));margin:0 0 14px}
.lexh-cifra{background:var(--lexh-oro-suave);border-radius:10px;padding:12px 14px}
.lexh-cifra span{display:block;font-size:.85em;opacity:.8}
.lexh-cifra strong{display:block;font-size:1.35em;line-height:1.25;margin-top:2px}
.lexh-cifra small{display:block;font-size:.8em;opacity:.7;margin-top:2px}
.lexh-estado{display:inline-block;font-weight:700;padding:3px 10px;border-radius:999px;font-size:.9em;margin-right:6px}
.lexh-ok{background:#e6f4ea;color:#1e5b2c}.lexh-no{background:#fce4e4;color:#8a1c1c}.lexh-info{background:#eef2f7;color:#2b3a4f}
.lexh-resultado ul{margin:8px 0 14px;padding-left:20px}
.lexh-resultado li{margin:4px 0}
.lexh-cta{display:inline-block;margin-top:6px;background:var(--lexh-tinta);color:#fff!important;text-decoration:none!important;font-weight:600;
  padding:13px 24px;border-radius:999px}
.lexh-cta:hover,.lexh-cta:focus{filter:brightness(1.25)}
.lexh-previa{border:2px dashed #b45309;background:#fff7ed;color:#7c2d12;border-radius:10px;padding:12px 14px;margin:16px 0}
.lexh-aviso{font-size:.9em;opacity:.8;border-top:1px solid rgba(0,0,0,.1);padding-top:12px;margin-top:28px}
.lexh-tabla table{max-width:520px}
.lexh-tabla td,.lexh-tabla th{text-align:left;padding:8px 10px}
@media(max-width:600px){
  .lexh-calc{padding:18px 16px}
  .lexh-boton,.lexh-cta{display:block;width:100%;text-align:center}
  .lexh-opcion{display:flex;margin-right:0}
}

/* Legibilidad del texto de la página: la plantilla de páginas del sitio pinta el contenido sobre
   fondo negro, pero títulos y enlaces conservan los colores oscuros del kit global (contraste 1,4:1). */
.lexh-pagina .elementor-widget-theme-post-content :is(h1,h2,h3,h4,h5,h6){color:#D6AB78}
.lexh-pagina .elementor-widget-theme-post-content :is(h1,h2,h3,h4,h5,h6) a{color:inherit}
.lexh-pagina .elementor-widget-theme-post-content a:not(.wp-block-button__link):not(.lexh-cta){color:#D6AB78;text-decoration:underline}
.lexh-pagina .elementor-widget-theme-post-content figcaption{color:rgba(255,255,255,.75)}
/* Dentro de la calculadora (tarjeta clara) los títulos vuelven a ser oscuros. Más específica que
   las reglas de la página y que el CSS adicional del sitio (.elementor-1508 …), que también los alcanzan. */
.lexh-pagina .elementor-widget-theme-post-content .lexh-calc :is(h1,h2,h3,h4,h5,h6),
.elementor-1508 .elementor-widget-theme-post-content .lexh-calc :is(h1,h2,h3,h4,h5,h6){color:var(--lexh-tinta)}

/* Símbolo de moneda a la izquierda y de porcentaje a la derecha (solo visual: no forma parte del valor) */
.lexh-afijo{position:relative}
.lexh-prefijo,.lexh-sufijo{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;font-weight:600;opacity:.6}
.lexh-prefijo{left:12px}
.lexh-sufijo{right:12px}
.lexh-calc .lexh-con-prefijo input{padding-left:28px}
.lexh-calc .lexh-con-sufijo input{padding-right:32px}
