/* ============================================================
   VeeCloud — Centrado correcto del logo en el header (móvil)
   Archivo NUEVO y separado. NO modifica landingpage.css/landingpage.min.css.
   Cargado DESPUÉS de landingpage-logo-improved.css en _Layout.
   - Evita que .brand-logo se estire en la columna 1fr del grid móvil.
   - El borde/brand-shine quedan pegados al contenido (no "huecos").
   - El texto y la imagen quedan centrados verticalmente entre sí.
   ============================================================ */

@media (max-width: 767px) {
    .header-inner {
        grid-template-columns: auto 1fr;
        align-items: center;
    }

    .brand-logo {
        justify-self: start;
        max-width: fit-content;
        width: auto;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .brand-logo-image {
        display: block;
        margin: 0;
    }

    .brand-text {
        text-align: center;
    }
}