/* Solo reemplaza la marca cuando se selecciona imagen o texto personalizado. */
html body header.header-main[data-header-logo-mode] {
    height: auto;
    min-height: var(--design-header-height-desktop, 100px);
}
html body header.header-main[data-header-logo-mode] .logo {
    display: block;
    width: var(--appearance-logo-width);
    min-width: 0;
    max-width: min(100%, 52vw);
    white-space: normal;
    line-height: 1.15;
    text-decoration: none;
}
html body header.header-main[data-header-logo-mode="image"] .header-brand-logo {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: var(--appearance-logo-image-height);
    object-fit: contain;
    filter: none;
}
html body header.header-main[data-header-logo-mode="image"] .header-brand-text,
html body header.header-main[data-header-logo-mode="text"] .header-brand-logo {
    display: none;
}
html body header.header-main[data-header-logo-mode="text"] .logo .header-brand-text {
    display: block;
    font-family: var(--appearance-logo-font-family);
    font-size: var(--appearance-logo-font-size);
    font-weight: var(--appearance-logo-font-weight);
    font-style: var(--appearance-logo-font-style);
    color: var(--appearance-logo-color);
    letter-spacing: var(--appearance-logo-letter-spacing);
    text-transform: var(--appearance-logo-text-transform);
    text-align: var(--appearance-logo-text-align);
    text-shadow: var(--appearance-logo-text-shadow);
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
}
@media (max-width: 900px) {
    html body header.header-main[data-header-logo-mode] { min-height: var(--design-header-height-mobile, 82px); }
    html body header.header-main[data-header-logo-mode] .logo { max-width: min(100%, 44vw); }
}