/* ═══════════════════════════════════════════
   Ofertas Hoy! — Landing Page (Imagen de Portada)
   ═══════════════════════════════════════════ */

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    /* Fondo anaranjado para que combine con los bordes de la imagen si la pantalla es más larga */
    background-color: #FFBC59; 
}

.landing {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #FFBC59;
    padding: 20px;
}

.portada-img {
    width: 100%;
    max-width: 600px; /* Límite de ancho para que no quede gigante en PC */
    height: auto;
    display: block;
    /* Al tener el mismo fondo, se fundirá perfectamente */
}

@media (max-width: 600px) {
    .portada-img {
        max-width: 100%;
    }
}