/* =============================================================
 * CVC MAGAZINE ADAPTIVE HEADER V1
 * Encabezado fijo y reducido después del desplazamiento.
 * ============================================================= */

:root {
    --cvc-sticky-top: 0px;
    --cvc-header-space: 0px;
}

/*
 * El contenedor exterior conserva la altura original cuando
 * el encabezado pasa a posición fija.
 */
html.cvc-header-is-compact #bloglo-header {
    min-height: var(--cvc-header-space);
}

html.cvc-header-is-compact #bloglo-header-inner {
    left: 0;
    position: fixed;
    right: 0;
    top: var(--cvc-sticky-top);
    width: 100%;
    z-index: 2147481000;
}

/*
 * Estado visual reducido.
 */
html.cvc-header-is-compact
#bloglo-header-inner > .bloglo-container.cvc-magazine {
    box-shadow:
        0 8px 24px rgba(35, 21, 25, .14),
        0 2px 7px rgba(35, 21, 25, .09);
}

html.cvc-header-is-compact .cvc-magazine__bar {
    min-height: 62px;
}

html.cvc-header-is-compact
.cvc-magazine__brand .bloglo-logo img {
    max-height: 39px;
}

html.cvc-header-is-compact .cvc-magazine__tagline {
    font-size: 9px;
    line-height: 1.08;
}

html.cvc-header-is-compact .cvc-magazine__action {
    height: 38px;
    width: 38px;
}

html.cvc-header-is-compact .cvc-magazine__action svg {
    height: 19px;
    width: 19px;
}

/*
 * Transición limitada a propiedades visuales.
 */
.cvc-magazine__bar,
.cvc-magazine__brand .bloglo-logo img,
.cvc-magazine__tagline,
.cvc-magazine__action,
#bloglo-header-inner > .bloglo-container.cvc-magazine {
    transition:
        min-height .22s ease,
        max-height .22s ease,
        width .22s ease,
        height .22s ease,
        font-size .22s ease,
        opacity .22s ease,
        box-shadow .22s ease;
}

/*
 * Barra de administración de WordPress.
 */
body.admin-bar {
    --cvc-sticky-top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        --cvc-sticky-top: 46px;
    }
}

/*
 * Móvil: reducción moderada, sin perder área táctil.
 */
@media screen and (max-width: 767px) {
    html.cvc-header-is-compact .cvc-magazine__bar {
        min-height: 60px;
    }

    html.cvc-header-is-compact
    .cvc-magazine__brand .bloglo-logo img {
        max-height: 36px;
    }

    html.cvc-header-is-compact .cvc-magazine__action {
        height: 38px;
        min-height: 38px;
        width: 38px;
    }

    html.cvc-header-is-compact .cvc-magazine__tagline {
        display: none;
    }
}

/*
 * Evita animaciones si el visitante lo solicita.
 */
@media (prefers-reduced-motion: reduce) {
    .cvc-magazine__bar,
    .cvc-magazine__brand .bloglo-logo img,
    .cvc-magazine__tagline,
    .cvc-magazine__action,
    #bloglo-header-inner > .bloglo-container.cvc-magazine {
        transition: none;
    }
}

/* =============================================================
 * CVC MAGAZINE COMPACT SIZE V2
 * Reducción exclusiva del encabezado durante el desplazamiento.
 * ============================================================= */

@media screen and (max-width: 767px) {
    html.cvc-header-is-compact
    #bloglo-header-inner > .bloglo-container.cvc-magazine {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    html.cvc-header-is-compact .cvc-magazine__bar {
        height: 54px !important;
        min-height: 54px !important;
    }

    html.cvc-header-is-compact .cvc-magazine__brand {
        min-height: 0 !important;
    }

    html.cvc-header-is-compact
    .cvc-magazine__brand .bloglo-logo {
        align-items: center !important;
        display: flex !important;
        min-height: 0 !important;
    }

    html.cvc-header-is-compact
    .cvc-magazine__brand .bloglo-logo img {
        height: auto !important;
        max-height: 36px !important;
        max-width: 112px !important;
        width: auto !important;
    }

    html.cvc-header-is-compact .cvc-magazine__actions {
        gap: 7px !important;
    }

    html.cvc-header-is-compact .cvc-magazine__action {
        height: 34px !important;
        min-height: 34px !important;
        min-width: 34px !important;
        width: 34px !important;
    }

    html.cvc-header-is-compact .cvc-magazine__action svg {
        height: 17px !important;
        width: 17px !important;
    }

    html.cvc-header-is-compact
    .cvc-magazine__menu-open span {
        width: 16px !important;
    }
}

/* =============================================================
 * CVC MAGAZINE COMPACT CONTAINER V3
 * Iguala el contenedor exterior con la barra compacta.
 * ============================================================= */

@media screen and (max-width: 767px) {
    html.cvc-header-is-compact #bloglo-header-inner {
        height: 54px !important;
        min-height: 54px !important;
    }

    html.cvc-header-is-compact
    #bloglo-header-inner > .bloglo-container.cvc-magazine {
        height: 54px !important;
        min-height: 54px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    html.cvc-header-is-compact
    #bloglo-header-inner > .bloglo-container.cvc-magazine::before,
    html.cvc-header-is-compact
    #bloglo-header-inner > .bloglo-container.cvc-magazine::after {
        display: none !important;
    }

    html.cvc-header-is-compact
    #bloglo-header-inner::after {
        bottom: 0 !important;
    }
}

/* =============================================================
 * CVC MAGAZINE CENTERED LOGO V4
 * Centrado real del logo en la barra compacta móvil.
 * ============================================================= */

@media screen and (max-width: 767px) {
    html.cvc-header-is-compact .cvc-magazine__bar {
        position: relative !important;
    }

    html.cvc-header-is-compact .cvc-magazine__brand {
        align-items: center !important;
        display: flex !important;
        left: 50% !important;
        margin: 0 !important;
        position: absolute !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: auto !important;
        z-index: 1;
    }

    html.cvc-header-is-compact
    .cvc-magazine__brand .bloglo-logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    html.cvc-header-is-compact
    .cvc-magazine__brand .bloglo-logo img {
        display: block !important;
        margin: 0 !important;
    }

    html.cvc-header-is-compact .cvc-magazine__actions {
        margin-left: auto !important;
        position: relative !important;
        z-index: 2;
    }
}