/**
 * Estilos para el display de fecha en ofertas
 */

[data-key="div3-2"] {
    position: relative;
}

/* Estilos solo para la fecha destacada */
.fecha-destacada {
    font-size: 1.15em; /* 15% más grande que el texto normal */
    font-weight: bold; /* Negrita */
    color: #fa5b06; /* Color más oscuro para mayor contraste */
}

[data-key="div3-2"]:after {
    content: '';
    display: block;
    margin-top: 5px;
    font-size: 1.15em; /* 15% más grande que el tamaño base */
    font-weight: bold; /* Negrita */
    color: #666;
    font-style: italic;
}

/* Animación sutil para cuando se actualiza la fecha */
@keyframes dateUpdate {
    0% { opacity: 0.7; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}

[data-key="div3-2"].date-updated {
    animation: dateUpdate 0.5s ease-in-out;
}

/* Estilos responsivos */
@media (max-width: 768px) {
    [data-key="div3-2"] {
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    [data-key="div3-2"] {
        font-size: 0.8em;
        line-height: 1.4;
    }
}