/* Grupo Faro · CSS añadido por Claude (se carga después de style.css) */

/* ===== /grupo-faro · logos de las sociedades (.sec-informacion-adicional) =====
   Cada cabecera fancy lleva la clase logo-sociedad logo-sociedad--<logo> (en el builder, en los 4 idiomas)
   y el logo se pinta debajo del nombre con ::after, así no altera la fila nombre | objeto social.
   Mismo peso visual: cada logo tiene su tamaño según su proporción. */
.sec-informacion-adicional .col-informacion .logo-sociedad--noroeste{ --logo: url(/wp-content/uploads/2026/11/faro-noroeste-logo.png); --logo-w: 136px; --logo-h: 56px; }
.sec-informacion-adicional .col-informacion .logo-sociedad--hixienes{ --logo: url(/wp-content/uploads/2026/11/hixienes-logo.svg); --logo-w: 203px; --logo-h: 38px; }
.sec-informacion-adicional .col-informacion .logo-sociedad--facility{ --logo: url(/wp-content/uploads/2026/11/faro-facility-services-logo.png); --logo-w: 178px; --logo-h: 44px; }

.sec-informacion-adicional .col-informacion .logo-sociedad .fancy_heading .title::after{ content: ""; display: block; width: var(--logo-w); max-width: 100%; height: var(--logo-h); margin-top: var(--20); background: var(--logo) left center / contain no-repeat; }

@media(max-width: 767px){
    .sec-informacion-adicional .col-informacion .logo-sociedad--noroeste{ --logo-w: 117px; --logo-h: 48px; }
    .sec-informacion-adicional .col-informacion .logo-sociedad--hixienes{ --logo-w: 171px; --logo-h: 32px; }
    .sec-informacion-adicional .col-informacion .logo-sociedad--facility{ --logo-w: 153px; --logo-h: 38px; }
    /* cuando la descripción baja debajo del nombre, que no se pegue al logo */
    .sec-informacion-adicional .col-informacion .logo-sociedad .fancy_heading .title::after{ margin-bottom: var(--20); }
}