/* css/header.css */
/* 🌸 Estilos generales de la Tienda Oregons 🌸 */

body {
    background-color: #ffffff; 
    margin: 0; 
    padding: 0;
}

/* Nuestra banda superior gris un poquito más marcada */
.banda-superior {
    background-color: #dcdcdc; 
    width: 100%;
    /* Cambiamos height por min-height para que pueda crecer en el celular */
    min-height: 160px; 
    display: flex; /* Esto nos ayuda a que todo quede centrado hacia arriba y abajo */
    align-items: center;
    padding: 20px 0; /* Un poquito de aire arriba y abajo */
}

/* Magia para que el botón de ingresar llame la atención latiendo suavecito */
.animacion-latido {
    animation: latido-suave 2s infinite;
}

@keyframes latido-suave {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}