/* Contacto · tratamiento editorial del panel de dirección, horario y contacto.
   Exclusivo de /contacto/: el widget y el pie de las demás páginas no cambian. */
body.cw-pf-contact-page #cwFooter .cw-footer-contact-band.cw-pf-contact-band {
    --cw-cb-bg: var(--e-global-color-b5b6896, #f4f9fb);
    --cw-contact-rule: color-mix(in srgb, var(--cw-cb-title) 26%, transparent);
    --cw-contact-outline: color-mix(in srgb, var(--cw-cb-title) 17%, transparent);
    background: var(--cw-cb-bg) !important;
    border: 1px solid var(--cw-contact-outline) !important;
    border-radius: 17px !important;
    box-shadow: none !important;
}

/* Las tres zonas se distinguen sin convertirlas en tarjetas independientes.
   Se mantiene el ritmo y el mismo contenido del panel original. */
body.cw-pf-contact-page #cwFooter .cw-footer-contact-band .cw-pf-contact-band__cell + .cw-pf-contact-band__cell::before {
    background: var(--cw-contact-rule) !important;
    width: 1px;
    opacity: 1;
}

/* Pequeño rasgo cromático debajo de cada rótulo, sin desplazar el contenido. */
body.cw-pf-contact-page #cwFooter .cw-footer-contact-band .cw-pf-contact-band__head {
    position: relative;
}
body.cw-pf-contact-page #cwFooter .cw-footer-contact-band .cw-pf-contact-band__head::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 27px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--cw-cb-blue), var(--cw-cb-accent));
    pointer-events: none;
}

/* La semana desplegada pertenece al mismo conjunto visual. */
body.cw-pf-contact-page #cwFooter .cw-footer-contact-band .cw-pf-contact-band__week-disclosure {
    border-top-color: var(--cw-contact-rule);
}

html[data-theme="dark"] body.cw-pf-contact-page #cwFooter .cw-footer-contact-band.cw-pf-contact-band,
body[data-theme="dark"].cw-pf-contact-page #cwFooter .cw-footer-contact-band.cw-pf-contact-band {
    --cw-cb-bg: color-mix(in srgb, var(--cw-footer-bg, #041b23) 91%, var(--cw-footer-accent, #00c7b1) 9%);
    --cw-contact-rule: color-mix(in srgb, var(--cw-cb-title) 25%, transparent);
    --cw-contact-outline: color-mix(in srgb, var(--cw-cb-title) 17%, transparent);
}

/* En oscuro, las reglas genéricas de enlaces del pie no deben oscurecer
   los teléfonos o el correo sobre la superficie clínica del panel. */
html[data-theme="dark"] body.cw-pf-contact-page #cwFooter .cw-footer-contact-band.cw-pf-contact-band .cw-pf-contact-band__phone,
body[data-theme="dark"].cw-pf-contact-page #cwFooter .cw-footer-contact-band.cw-pf-contact-band .cw-pf-contact-band__phone {
    color: var(--cw-cb-title) !important;
}
html[data-theme="dark"] body.cw-pf-contact-page #cwFooter .cw-footer-contact-band.cw-pf-contact-band .cw-pf-contact-band__mail,
body[data-theme="dark"].cw-pf-contact-page #cwFooter .cw-footer-contact-band.cw-pf-contact-band .cw-pf-contact-band__mail {
    color: var(--cw-cb-text) !important;
}

/* En tablet, la tercera sección ocupa la segunda fila. */
@media (min-width: 768px) and (max-width: 1060px) {
    body.cw-pf-contact-page #cwFooter .cw-footer-contact-band .cw-pf-contact-band__cell--talk {
        border-top: 1px solid var(--cw-contact-rule) !important;
    }
}

/* En móvil las secciones son apiladas: separadores horizontales visibles
   en el orden visual Dirección → Contacto → Horario. */
@media (max-width: 767px) {
    body.cw-pf-contact-page #cwFooter .cw-footer-contact-band .cw-pf-contact-band__cell + .cw-pf-contact-band__cell {
        border-top: 1px solid var(--cw-contact-rule) !important;
    }
    body.cw-pf-contact-page #cwFooter .cw-footer-contact-band .cw-pf-contact-band__cell + .cw-pf-contact-band__cell::before {
        display: none !important;
    }
}