/* =========================================================
   HenryAlcalay.com — Logo unificado v14
   Ambos logos usan exactamente la misma composición y tamaño.
   ========================================================= */

html[data-theme="dark"] {
    --bg: #22314a;
}

.brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 300px !important;
    margin-right: auto !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.brand-logo .logo-light,
.brand-logo .logo-dark {
    width: auto !important;
    height: 48px !important;
    max-width: 300px !important;
    object-fit: contain !important;
}

.brand-logo .logo-light { display: block !important; }
.brand-logo .logo-dark { display: none !important; }
html[data-theme="dark"] .brand-logo .logo-light { display: none !important; }
html[data-theme="dark"] .brand-logo .logo-dark { display: block !important; }

@media (max-width: 640px) {
    .brand-logo {
        flex: 1 1 auto !important;
        max-width: 170px !important;
        overflow: hidden !important;
    }

    .brand-logo .logo-light,
    .brand-logo .logo-dark {
        height: 40px !important;
        max-width: 170px !important;
    }
}