Productos Destacados

Cordón Seguro

Precio: $9.99

Clip Anti-Desate

Precio: $14.99

Sistema Elástico

Precio: $19.99

Carrito

Total: $0.00

/* Fuentes y Reset */ body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; background: linear-gradient(to bottom, #ffffff, #f3f4f7); color: #333; } header { background: #ff6f61; color: white; text-align: center; padding: 20px 10px; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } header h1 { margin: 0; font-size: 2.5em; } header input[type="text"] { margin-top: 10px; padding: 10px; width: 90%; max-width: 500px; border: none; border-radius: 5px; } main { padding: 20px; } /* Productos */ .product-grid { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .product { background: white; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 15px; max-width: 200px; transition: transform 0.3s, box-shadow 0.3s; position: relative; overflow: hidden; } .product:hover { transform: scale(1.05); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } .product img { width: 100%; border-radius: 10px; } .product button { background: #ff6f61; color: white; border: none; padding: 10px 15px; border-radius: 5px; cursor: pointer; transition: background 0.3s; } .product button:hover { background: #e35b52; } /* Carrito */ #cart { background: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); margin-top: 20px; } #cart ul { list-style: none; padding: 0; } /* Modal */ #modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s; } #modal.hidden { visibility: hidden; opacity: 0; } #modal .modal-content { background: white; padding: 20px; border-radius: 10px; text-align: center; }

Hello world!

Por Administrador / noviembre 26, 2024

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

1 comentario en “Hello world!”

A WordPress Commenter
noviembre 26, 2024 a las 3:02 pm

Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from Gravatar.

Responder

Anti-Desatador de Cordones

Productos Destacados

Cordón Seguro

Clip Anti-Desate

Sistema Elástico

Carrito

Hello world!

1 comentario en “Hello world!”

Deja un comentario Cancelar respuesta

Productos Destacados

Cordón Seguro

Clip Anti-Desate

Sistema Elástico

Carrito

Producto agregado al carrito

1 comentario en “Hello world!”

Deja un comentario Cancelar respuesta