@media (max-width: 768px) {
    .carrito-header {
        min-height: 100px !important;   /* ahora SÍ baja */
        padding: 1rem 0 !important;     /* reducimos el padding */
        background-size: 180%;
    }

    .carrito-header h1 {
        font-size: 1.8rem !important;
    }
}
@media (max-width: 768px) {
    .page-header {
        min-height: 160px !important;   /* ahora SÍ baja */
        padding: 1rem 0 !important;     /* reducimos el padding */
        background-size: 180%;
        background-position: center;
        background-repeat: no-repeat;
        

        display: flex;
        align-items: center;
    }

    .page-header h1 {
        font-size: 2rem;
        line-height: 1.2;
        margin: 0;
    }

    .page-header p {
        font-size: 0.9rem;
        margin-top: 0.4rem;
    }
}
@media (max-width: 768px) {

    .nav-actions {
        display: flex;
        flex-direction: column; /* vertical */
        gap: 10px;
    }

    .nav-actions .admin-btn {
        order: 1; /* arriba */
    }

    .nav-actions .cart-btn {
        order: 2; /* abajo */
    }
}
@media (max-width: 768px) {
    .logo img {
        height: 90px;
        width: auto;
        max-width: 100%;
        object-fit: contain;
    }
}
@media (max-width: 768px) {
    .hero {
        background-size: 300%;      /* más cerca en móvil */
        background-position: center top;
    }
}