.promo-dia{
    background:#fff5d6;
    border:3px solid #f2b300;
    border-radius:18px;
    padding:30px;
    margin:30px auto;
}

.promo-contenido{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    flex-wrap:wrap;
}

.promo-texto{
    flex:1;
    min-width:280px;
}

.promo-etiqueta{
    background:#ff3b30;
    color:white;
    padding:6px 12px;
    border-radius:20px;
    font-weight:bold;
    display:inline-block;
    margin-bottom:15px;
}

.promo-texto h2{
    margin:0 0 15px;
    color:#7b3f00;
}

.promo-texto p{
    font-size:18px;
    margin-bottom:20px;
}

.promo-boton{
    display:inline-block;
    background:#f2b300;
    color:#333;
    text-decoration:none;
    padding:14px 24px;
    border-radius:10px;
    font-weight:bold;
    transition:.3s;
}

.promo-boton:hover{
    background:#d99a00;
}

.promo-imagen img{
    max-width:320px;
    width:100%;
    border-radius:15px;
}

/* Ajustes para la Promo del Día en pantallas grandes */
@media (min-width: 768px) {

    .promo-dia {
        padding: 28px 0;
    }

    .promo-contenido {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 30px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 50px;
    }

    .promo-texto {
        flex: 1;
        max-width: 650px;
    }

    .promo-imagen {
        flex: 0 0 300px;
    }

    .promo-imagen img {
        width: 100%;
        height: 410px;
        object-fit: cover;
        border-radius: 14px;
        display: block;
    }

}