principal

.Blog > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; } .product-item { background-color: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); overflow: hidden; display: flex; flex-direction: column; transition: transform 0.2s; } .product-item:hover { transform: translateY(-5px); } .product-image-link { display: block; } .product-image { width: 100%; height: 200px; object-fit: cover; } .product-info { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; } .product-title { font-size: 16px; margin: 0 0 10px 0; } .product-title a { color: #333; } .product-price { font-size: 18px; font-weight: bold; color: #e63946; margin-top: auto; padding-top: 10px; } .view-product-button { display: block; text-align: center; background-color: #007bff; color: #fff; padding: 10px; border-radius: 5px; margin-top: 15px; } /* --- PÁGINA DE DETALLE DEL PRODUCTO --- */ .product-detail-container { background: #fff; padding: 30px; border-radius: 8px; } .product-detail-title { margin-top: 0; font-size: 28px; } .product-detail-content .post-body { line-height: 1.7; } .product-detail-content img { max-width: 50%; /* Para que no ocupe todo el ancho */ display: block; margin: 15px 0; border-radius: 5px; } /* --- FOOTER --- */ .footer-container { text-align: center; margin-top: 40px; padding: 20px; background-color: #343a40; color: #fff; } /* --- RESPONSIVE DESIGN --- */ @media (max-width: 768px) { .header-container { flex-direction: column; } .main-nav ul { margin-top: 15px; } .product-detail-content img { max-width: 100%; } } ]]>

• Inicio
• Ofertas
• Contacto

$

Ver Detalles

© - Todos los derechos reservados.