/*
 * Capa de lectura del directorio. Presencia en internet.
 * Solo colores: corrige los contrastes que no llegan a WCAG AA sobre el tema
 * presencia-weblimpieza. Se carga después de sus hojas, con los mismos
 * selectores, para que las reglas de igual especificidad ganen.
 * Texto secundario a 6,4:1 o más; texto principal a 8:1 o más.
 */

/* Cabecera del listado. La frase de apoyo heredaba el blanco azulado de la
   antigua banda oscura y quedaba a 1,19:1 sobre el fondo claro actual. */
.wl-directory .wl-intro .wl-intro-lead,
body.wl-brand .wl-directory .wl-intro > p.wl-intro-lead {
    color: #3b4d63;
}
body.wl-brand .wl-directory .wl-intro .wl-intro-text,
body.wl-brand .wl-directory .wl-intro .wl-intro-text p,
body.wl-brand .wl-directory .wl-intro > p:last-child {
    color: #3b4d63;
}

/* Recuento, etiquetas y textos de apoyo de las tarjetas (antes 4,0–4,4:1). */
body.wl-brand .wl-directory .wl-result-count,
body.wl-brand .wl-directory > .wl-result-count,
body.wl-brand .wl-directory .wl-company-card .wl-tags,
body.wl-brand .wl-landing-count,
body.wl-brand .wl-landings p,
body.wl-brand .wl-company > .wl-breadcrumb,
body.wl-brand .wl-multiple .wl-quote-fields > .wl-quote-selection {
    color: #4a5b70;
}
body.wl-brand .wl-directory .wl-company-card p {
    color: #3b4d63;
}
body.wl-brand .wl-directory .wl-company-card .wl-location {
    color: #2b5f80;
}
body.wl-brand .wl-directory .wl-company-initial {
    color: #1f4e79;
}
body.wl-brand :is(.wl-directory-filters, .wl-catalog-filters) .wl-filters .wl-reset,
body.wl-brand .wl-directory > .wl-filters .wl-reset {
    color: #3b5a78;
}
body.wl-brand .wl-directory .wl-intro .wl-eyebrow,
body.wl-brand .wl-quote-guide .wl-eyebrow,
body.wl-brand .wl-company > .wl-breadcrumb a {
    color: #0a58b8;
}

/* Marcadores de posición legibles (antes 4,4:1 y 2,4:1 en la ficha). */
body.wl-brand :is(.wl-directory, .wl-company, .wl-panel, .wl-quote-form, .wl-home) :is(input, textarea)::placeholder {
    color: #56677a;
    opacity: 1;
}

/* Ficha de empresa: el formulario de contacto pasa a fondo claro. Antes era
   oscuro sobre oscuro: bordes de campo a 1,9:1 y marcadores a 2,4:1. */
body.wl-brand .wl-company-layout > .wl-contact {
    border: 1px solid #dde6f1;
    background: #fff;
    color: #1e3553;
}
body.wl-brand .wl-company .wl-contact :is(h2, h3) {
    color: #0a2d59;
}
body.wl-brand .wl-company .wl-contact a {
    color: #0a58b8;
}
body.wl-brand .wl-company .wl-contact #solicitar-presupuesto {
    border-color: #dde6f1;
}
body.wl-brand .wl-company .wl-contact .wl-quote-form label {
    color: #0a2d59;
}
body.wl-brand .wl-company .wl-contact .wl-quote-form :is(input:not([type="checkbox"]):not([type="hidden"]), textarea) {
    border-color: #6f8398;
    background: #fff;
    color: #0a2d59;
    color-scheme: light;
}
body.wl-brand .wl-company .wl-contact .wl-quote-form .wl-quote-feedback {
    color: #1e3553;
}
body.wl-brand .wl-company .wl-company-heading .wl-location,
body.wl-brand .wl-company .wl-company-heading .wl-location span {
    color: inherit;
}

/* Elementos nuevos de la versión 0.10.0. */
.wl-featured-badge {
    display: inline-block;
    margin: 0 0 8px;
    padding: 2px 8px;
    border-radius: 4px;
    background: #e6f0fc;
    color: #0b4a8f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
}
body.wl-brand .wl-directory .wl-company-card p.wl-featured-badge {
    margin: 0 0 8px;
    padding: 2px 8px;
    color: #0b4a8f;
    font-size: 12px;
    line-height: 1.6;
}
body.wl-brand .wl-directory .wl-company-card.is-featured {
    border-color: #9cc3ee;
}
.wl-location .wl-area,
.wl-location .wl-seat {
    white-space: normal;
}
.wl-claim {
    margin: 22px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid #dde6f1;
    color: #3b4d63;
    font-size: 14px;
}
body.wl-brand .wl-company .wl-contact .wl-claim {
    color: #3b4d63;
}
.wl-empty-links {
    margin: 10px 0 0;
    padding: 0 0 0 18px;
}
.wl-empty-links li {
    margin: 4px 0;
}
.wl-panel-summary {
    margin: 18px 0 26px;
    padding: 18px 20px;
    border: 1px solid #dde6f1;
    border-radius: 10px;
    background: #fff;
    color: #1e3553;
}
.wl-panel-summary h4 {
    margin: 0 0 12px;
    color: #0a2d59;
    font-size: 16px;
}
.wl-panel-figures {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}
.wl-panel-figures li {
    margin: 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f4f7fb;
}
.wl-panel-figures strong {
    display: block;
    color: #0a2d59;
    font-size: 22px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}
.wl-panel-figures span {
    color: #4a5b70;
    font-size: 13px;
}
.wl-panel-meter {
    height: 8px;
    margin: 6px 0 10px;
    border-radius: 4px;
    background: #e6ecf2;
    overflow: hidden;
}
.wl-panel-meter span {
    display: block;
    height: 100%;
    border-radius: 4px;
    background: #0565d7;
}
.wl-panel-missing {
    margin: 6px 0 0;
    padding: 0 0 0 18px;
    color: #3b4d63;
    font-size: 14px;
}
.wl-panel-summary p {
    color: #3b4d63;
}