/* ======================================================
   LOGO WRAP - ESTILOS GLOBALES ÚNICOS
   Única fuente de verdad para el logo en todo el sitio
   Home, Single, Archive, etc. - IDÉNTICO en todas partes
====================================================== */

/* WRAPPER DEL LOGO - sticky (home y single) con nav: menu - logo - search */
.informe-home-header .informe-home-header__logo-wrap,
.informe-single-header .informe-home-header__logo-wrap {
    position: sticky !important;
    top: 0 !important;
    z-index: 1001 !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: .625rem !important;
    padding-bottom: .625rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
    border-bottom: 1px solid #e9e9e9 !important;
    box-sizing: border-box !important;
}

/* Orden visual: menu (1) - logo (2) - search (3). DOM: toggle, search, logo */
.informe-home-header__logo-wrap .informe-topbar__toggle,
.informe-single-header .informe-home-header__logo-wrap .informe-topbar__toggle {
    order: 1;
    flex-shrink: 0;
}

.informe-home-header__logo-wrap .informe-home-header__logo,
.informe-single-header .informe-home-header__logo-wrap .informe-home-header__logo {
    order: 2;
    flex: 1;
    display: flex !important;
    justify-content: center;
}

.informe-home-header__logo-wrap .informe-topbar__search,
.informe-single-header .informe-home-header__logo-wrap .informe-topbar__search {
    order: 3;
    flex-shrink: 0;
}

/* Asegurar que NO haya variaciones en single o archive */
.informe-single-wrapper > .informe-home-header__logo-wrap,
.informe-archive-test .informe-home-header__logo-wrap,
.informe-single-post .informe-home-header__logo-wrap {
    padding-top: .625rem !important;
    padding-bottom: .625rem !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* LINK DEL LOGO */
.informe-home-header__logo {
    display: inline-block !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* IMAGEN DEL LOGO - TAMAÑO EXACTO Y CONSISTENTE */
.informe-home-header__logo > img,
.informe-home-header__logo img {
    max-width: 240px !important; /* Desktop: 240px (reducido) */
    width: auto !important; /* No forzar width 100% */
    height: auto !important;
    display: block !important;
    margin: 0 auto !important; /* Centrar */
    padding: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    object-fit: contain !important;
}

/* TABLET (769px - 1024px) — padding 2rem */
@media (min-width: 769px) and (max-width: 1024px) {
    .informe-home-header .informe-home-header__logo-wrap,
    .informe-single-header .informe-home-header__logo-wrap,
    .informe-single-wrapper > .informe-home-header__logo-wrap,
    .informe-archive-test .informe-home-header__logo-wrap,
    .informe-single-post .informe-home-header__logo-wrap {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .informe-home-header .informe-home-header__logo-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* DESKTOP (1025px+) — padding 2.625rem */
@media (min-width: 1025px) {
    .informe-home-header .informe-home-header__logo-wrap,
    .informe-single-header .informe-home-header__logo-wrap,
    .informe-single-wrapper > .informe-home-header__logo-wrap,
    .informe-archive-test .informe-home-header__logo-wrap,
    .informe-single-post .informe-home-header__logo-wrap {
        padding-top: 2.625rem !important;
        padding-bottom: 2.625rem !important;
    }

    .informe-home-header .informe-home-header__logo-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* TABLET (max-width: 1024px) */
@media (max-width: 1024px) {
    .informe-home-header__logo > img,
    .informe-home-header__logo img {
        max-width: 220px !important; /* Tablet: 220px (reducido) */
    }
}

/* MOBILE (max-width: 768px) — padding .625rem arriba/abajo */
@media (max-width: 768px) {
    .informe-home-header .informe-home-header__logo-wrap,
    .informe-single-header .informe-home-header__logo-wrap,
    .informe-single-wrapper .informe-home-header__logo-wrap,
    .informe-archive-test .informe-home-header__logo-wrap,
    .informe-single-post .informe-home-header__logo-wrap {
        padding-top: .625rem !important;
        padding-bottom: .625rem !important;
    }

    /* Full bleed en mobile (solo home) */
    .informe-home-header .informe-home-header__logo-wrap {
        margin-left: calc(-1 * var(--container-padding-mobile, 16px)) !important;
        margin-right: calc(-1 * var(--container-padding-mobile, 16px)) !important;
        width: calc(100% + (2 * var(--container-padding-mobile, 16px))) !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Íconos menu y search más chicos en mobile */
    .informe-home-header__logo-wrap .informe-topbar__toggle,
    .informe-home-header__logo-wrap .informe-topbar__search-btn,
    .informe-single-header .informe-home-header__logo-wrap .informe-topbar__toggle,
    .informe-single-header .informe-home-header__logo-wrap .informe-topbar__search-btn {
        width: 1.625rem !important;
        height: 1.625rem !important;
        min-width: 1.625rem !important;
    }
    
    .informe-home-header__logo > img,
    .informe-home-header__logo img {
        max-width: 200px !important; /* Mobile: 200px (reducido) */
    }
}

/* Asegurar que NO se afecten otras imágenes */
.informe-home-header__logo .entry-content img,
.informe-home-header__logo .post-content img,
.informe-home-header__logo .single-post img,
.informe-home-header__logo .page-content img {
    max-width: none !important;
    width: auto !important;
    height: auto !important;
}