/*
 * Capa de lectura del directorio. Presencia en internet.
 * Solo colores: corrige los contrastes que no llegan a WCAG AA sobre el tema
 * presencia-dentistas. 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.
 * Las páginas con el diseño v3 del tema (body.da-dir-v3: listados, ficha y
 * 404) traen sus propios colores: esta capa no actúa en ellas.
 */

/* 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. */
body:not(.da-dir-v3) .da-directory .da-intro .da-intro-lead,
body.da-brand:not(.da-dir-v3) .da-directory .da-intro > p.da-intro-lead {
    color: #364d51;
}
body.da-brand:not(.da-dir-v3) .da-directory .da-intro .da-intro-text,
body.da-brand:not(.da-dir-v3) .da-directory .da-intro .da-intro-text p,
body.da-brand:not(.da-dir-v3) .da-directory .da-intro > p:last-child {
    color: #364d51;
}

/* Recuento, etiquetas y textos de apoyo de las tarjetas (antes 4,0–4,4:1). */
body.da-brand:not(.da-dir-v3) .da-directory .da-result-count,
body.da-brand:not(.da-dir-v3) .da-directory > .da-result-count,
body.da-brand:not(.da-dir-v3) .da-directory .da-company-card .da-tags,
body.da-brand:not(.da-dir-v3) .da-landing-count,
body.da-brand:not(.da-dir-v3) .da-landings p,
body.da-brand:not(.da-dir-v3) .da-company > .da-breadcrumb,
body.da-brand:not(.da-dir-v3) .da-multiple .da-quote-fields > .da-quote-selection {
    color: #42595c;
}
body.da-brand:not(.da-dir-v3) .da-directory .da-company-card p {
    color: #364d51;
}
body.da-brand:not(.da-dir-v3) .da-directory .da-company-card .da-location {
    color: #2c6366;
}
body.da-brand:not(.da-dir-v3) .da-directory .da-company-initial {
    color: #22595f;
}
body.da-brand:not(.da-dir-v3) :is(.da-directory-filters, .da-catalog-filters) .da-filters .da-reset,
body.da-brand:not(.da-dir-v3) .da-directory > .da-filters .da-reset {
    color: #375d61;
}
body.da-brand:not(.da-dir-v3) .da-directory .da-intro .da-eyebrow,
body.da-brand:not(.da-dir-v3) .da-quote-guide .da-eyebrow,
body.da-brand:not(.da-dir-v3) .da-company > .da-breadcrumb a {
    color: #177e8e;
}

/* Marcadores de posición legibles (antes 4,4:1 y 2,4:1 en la ficha). */
body.da-brand:not(.da-dir-v3) :is(.da-directory, .da-company, .da-panel, .da-quote-form, .da-home) :is(input, textarea)::placeholder {
    color: #4c6265;
    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.da-brand:not(.da-dir-v3) .da-company-layout > .da-contact {
    border: 1px solid #e0ecee;
    background: #fff;
    color: #1e4c53;
}
body.da-brand:not(.da-dir-v3) .da-company .da-contact :is(h2, h3) {
    color: #0a4e59;
}
body.da-brand:not(.da-dir-v3) .da-company .da-contact a {
    color: #177e8e;
}
body.da-brand:not(.da-dir-v3) .da-company .da-contact #solicitar-presupuesto {
    border-color: #e0ecee;
}
body.da-brand:not(.da-dir-v3) .da-company .da-contact .da-quote-form label {
    color: #0a4e59;
}
body.da-brand:not(.da-dir-v3) .da-company .da-contact .da-quote-form :is(input:not([type="checkbox"]):not([type="hidden"]), textarea) {
    border-color: #617b7f;
    background: #fff;
    color: #0a4e59;
    color-scheme: light;
}
body.da-brand:not(.da-dir-v3) .da-company .da-contact .da-quote-form .da-quote-feedback {
    color: #1e4c53;
}
body.da-brand:not(.da-dir-v3) .da-company .da-company-heading .da-location,
body.da-brand:not(.da-dir-v3) .da-company .da-company-heading .da-location span {
    color: inherit;
}

/* Elementos nuevos de la versión 0.10.0 (la etiqueta de destacada también en el diseño v3). */
.da-featured-badge {
    display: inline-block;
    margin: 0 0 8px;
    padding: 2px 8px;
    border-radius: 4px;
    background: #e9f7f9;
    color: #15636e;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
}
body.da-brand:not(.da-dir-v3) .da-directory .da-company-card p.da-featured-badge {
    margin: 0 0 8px;
    padding: 2px 8px;
    color: #15636e;
    font-size: 12px;
    line-height: 1.6;
}
body.da-brand:not(.da-dir-v3) .da-directory .da-company-card:has(.da-featured-badge) {
    border-color: #a8dbe2;
}
body:not(.da-dir-v3) .da-claim {
    margin: 22px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid #e0ecee;
    color: #364d51;
    font-size: 14px;
}
body.da-brand:not(.da-dir-v3) .da-company .da-contact .da-claim {
    color: #364d51;
}
.da-empty-links {
    margin: 10px 0 0;
    padding: 0 0 0 18px;
}
.da-empty-links li {
    margin: 4px 0;
}
.da-panel-summary {
    margin: 18px 0 26px;
    padding: 18px 20px;
    border: 1px solid #e0ecee;
    border-radius: 10px;
    background: #fff;
    color: #1e4c53;
}
.da-panel-summary h4 {
    margin: 0 0 12px;
    color: #0a4e59;
    font-size: 16px;
}
.da-panel-figures {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}
.da-panel-figures li {
    margin: 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f5f9fa;
}
.da-panel-figures strong {
    display: block;
    color: #0a4e59;
    font-size: 22px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}
.da-panel-figures span {
    color: #42595c;
    font-size: 13px;
}
.da-panel-meter {
    height: 8px;
    margin: 6px 0 10px;
    border-radius: 4px;
    background: #e8f0f0;
    overflow: hidden;
}
.da-panel-meter span {
    display: block;
    height: 100%;
    border-radius: 4px;
    background: #1693a5;
}
.da-panel-missing {
    margin: 6px 0 0;
    padding: 0 0 0 18px;
    color: #364d51;
    font-size: 14px;
}
.da-panel-summary p {
    color: #364d51;
}
.da-panel-services {
    margin: 16px 0 0;
    padding: 14px 16px;
    border-radius: 8px;
    background: #f0f9fb;
}
.da-panel-services h4 {
    margin: 0 0 6px;
}
.da-panel-services p {
    margin: 0 0 6px;
}
.da-panel-services p:last-child {
    margin-bottom: 0;
}
.da-panel-services a {
    color: #127685;
    font-weight: 600;
}