Tu cine en casa

Compra tus películas favoritas

Más de 10,000 títulos disponibles

Películas Populares 20 películas

■

★ 8.5

Película Acción

$17.00

■

★ 7.8

Drama Series

$15.60

■

★ 9.0

Sci-Fi Epic

$18.00

■

★ 7.2

Comedia Romántica

$14.40

■

★ 8.1

Thriller Suspenso

$16.20

■

★ 6.9

Animación Familiar

$13.80

■

★ 8.7

Documental

$17.40

■

★ 7.5

Terror y Suspenso

$15.00

1

Navbar fija con logo, enlace activo "Catálogo" y badge del carrito con contador.

2

Hero banner con eyebrow pill, título grande con acento rojo y subtítulo descriptivo.

3

Barra de filtros sticky con 3 botones (uno activo en rojo) y dropdown de todas las categorías de TMDB a la derecha.

4

Grid CSS de tarjetas: 2 cols en móvil, 4 en tablet+. Cada tarjeta muestra póster placeholder, calificación flotante en dorado y botón "Ver Detalle" en overlay hover.

■

Título de la Película

★ 8.5/10 148 min 2024

Acción Aventura Sci-Fi

Sinopsis de la película obtenida desde la API de TMDB. Descripción completa del argumento, personajes principales y el universo de la historia que se desarrolla en esta producción cinematográfica.

Compra digital

$17.00

1

Hero backdrop: imagen de fondo con gradiente oscuro de abajo. Altura 130–560px según viewport.

2

Poster grande con margen negativo (margin-top: -40px) que sube sobre el hero. Layout de 2 columnas en tablet+.

3

Meta chips: calificación en dorado, duración y año. Géneros como tags rojos de Bulma. Sinopsis de TMDB.

4

Caja de compra con precio calculado (vote_average × 2) y botón "Añadir al Carrito" — cambia a verde al hacer click.

5

Grid de 5 películas relacionadas por género, generado dinámicamente con datos de TMDB.

🛒 Tu Carrito

3 títulos — 4 unidades

Artículos

Película	Precio	Cant.	Subtotal
Película Acción	$17.00	− 2 +	$34.00
Sci-Fi Epic	$18.00	− 1 +	$18.00
Drama Series	$15.60	− 1 +	$15.60

Datos del Comprador

Nombre Completo*

Correo Electrónico*

Teléfono

Resumen de Compra

Subtotal$67.60

Impuesto (15%)$10.14

Total$77.74

1

Layout de 2 columnas en desktop: tabla + formulario a la izquierda, sidebar de resumen sticky a la derecha.

2

Tabla Bulma con controls +/- por fila. Botón eliminar en rojo. Subtotal por fila se recalcula en tiempo real.

3

Formulario con campos tipo text, email y tel. Los campos obligatorios tienen borde rojo y asterisco (*). Validación JS antes de continuar.

4

Sidebar: subtotal, impuesto 15% y total en dorado. Botón "Proceder al Pago" redirige a order.html si la validación pasa.

📋 Resumen de tu Orden

Revisa los detalles antes de confirmar.

Información de la Orden #ORD-1748291033-742

Nombre

María García

Correo

maria@correo.com

Teléfono

+504 9999-9999

Artículos

Película	Cant.	Precio Unit.	Subtotal
Película Acción	2	$17.00	$34.00
Sci-Fi Epic	1	$18.00	$18.00
Drama Series	1	$15.60	$15.60

Desglose de Pago

Subtotal$67.60

Impuesto (15%)$10.14

Total a Pagar$77.74

1

Número de orden único generado con Date.now() + Math.random(), mostrado en chip rojo monospace.

2

Datos del comprador leídos de localStorage (buyer) e inyectados dinámicamente en 3 columnas.

3

Tabla de artículos con carrito leído de localStorage. Totales recalculados con bucle forEach.

4

"Volver" regresa a cart.html. "Confirmar Compra" muestra feedback "Procesando..." y redirige a success.html.

✓

¡Compra Exitosa!

Tu pago fue procesado correctamente. Gracias por usar CineStore.

#ORD-1748291033-742

Película Acción × 2$34.00

Sci-Fi Epic × 1$18.00

Drama Series × 1$15.60

Subtotal$67.60

Impuesto (15%)$10.14

Total Pagado$77.74

1

Icono check verde con animación CSS pop al cargar la página (cubic-bezier bounce).

2

Número de orden leído de localStorage y mostrado en chip dorado monospace.

3

Resumen de items y totales finales leídos del carrito antes de que se limpie el localStorage.

4

"Seguir Comprando" llama a localStorage.clear() y redirige a index.html. El carrito queda en 0.