.oferta-container {
            background-color: #fff;
            border-radius: 10px;
            padding: 20px;
            margin-top: 20px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        .oferta-titulo {
            font-size: 34px;
            color: #333;
            margin-top: 1px;            
            margin-bottom: 1px;
            font-family: Arial, sans-serif;
        }

        .productos-ofertas {
            display: grid;
            gap: 15px;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        }

        .producto {
            border: 1px solid #e0e0e0;
            padding: 15px;
            border-radius: 8px;
            text-align: center;
            
  border-width: 1px; /* Ancho del borde */
  border-style: solid; /* Estilo del borde (solid, dashed, dotted, etc.) */
  border-color: #FFE5B4; /* Color del borde */    
  
        }
        .contenedor-titulo {
  border-width: 1px; /* Ancho del borde */
  border-style: solid; /* Estilo del borde (solid, dashed, dotted, etc.) */
  border-color: #FFE5B4; /* Color del borde */    
        }
        .producto-titulo {
            font-size: 16px;
            color: #333;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .precios {
            font-size: 24px;
            color: #333;
            margin-top: 10px;
        }

        .precio-anterior {
            font-size: 14px;
            text-decoration: line-through;
            color: #666;
            margin-bottom: 5px;
        }

        .precio-nuevo {
            color: #28a745;
            font-weight: bold;
        }

        .descuento {
            background-color: #ff0000;
            border-radius: 3px;
            padding: 2px 10px;
            font-size: 12px;
            margin-bottom: 10px;
        }
        .imagen-container {
            width: 100%;
            height: 200px;
            position: relative;
            margin: 5px auto;
            transition: all 0.3s ease;
        }

        .imagen-container:hover {
            transform: scale(1.05);
        }

        .imagen-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .imagen-hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all 0.3s ease;
        }

        .imagen-container:hover .imagen-hover {
            opacity: 1;
        }
        
/* trabajar con la imagen de la oferta */

.texto-sobre-imagen {
  position: absolute; /* Posicionamiento absoluto */
  top: 5%; /* Centro verticalmente */
  left: 25%; /* Centro horizontalmente */
  transform: translate(-50%, -50%); /* Corrección para el centro */
  color: white; /* Ajusta el color del texto */
  font-size: 20px; /* Ajusta el tamaño de la fuente */
  text-shadow: 2px 2px 4px black; /* Agrega sombra para mejorar la legibilidad */
  z-index: 1; /* Asegura que el texto esté sobre la imagen */
}