/* --- CONFIGURACIÓN GLOBAL --- */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Georgia', serif; }
body { background-color: #FDFDFD; color: #1A1A1A; }

/* --- ENCABEZADO Y MENÚ --- */
header { display: flex; justify-content: space-between; align-items: center; padding: 25px 60px; background-color: #FFFFFF; border-bottom: 1px solid #EEE; }
header .logo h1 { font-size: 28px; letter-spacing: 5px; font-weight: 300; }
nav ul { list-style: none; display: flex; gap: 35px; }
nav a { text-decoration: none; color: #444; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; transition: 0.3s; }
nav a:hover { color: #C5A059; }

/* --- BANNER --- */
.banner { background-color: #1A1A1A; color: #FDFDFD; text-align: center; padding: 15px; font-weight: 300; letter-spacing: 5px; font-size: 12px; }

/* --- CATÁLOGO --- */
.catalogo { display: flex; justify-content: center; gap: 40px; padding: 80px 20px; flex-wrap: wrap; }
.tarjeta-producto { background-color: #FFFFFF; padding: 20px; text-align: center; transition: 0.4s; width: 320px; border: 1px solid transparent; }
.tarjeta-producto:hover { border: 1px solid #EEE; }
.tarjeta-producto img { width: 100%; height: 350px; object-fit: cover; margin-bottom: 25px; }
.tarjeta-producto h2 { font-size: 16px; letter-spacing: 3px; margin-bottom: 10px; font-weight: 400; }
.marca { font-size: 10px; color: #999; letter-spacing: 3px; margin-bottom: 15px; text-transform: uppercase; }
.precio { font-weight: 400; color: #C5A059; font-size: 18px; margin-bottom: 25px; }

/* --- BOTONES --- */
.boton { display: inline-block; padding: 15px 35px; background-color: #1A1A1A; color: #FFF; text-decoration: none; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; transition: 0.3s; width: 100%; text-align: center; }
.boton:hover { background-color: #C5A059; }

/* --- DETALLE DE PRODUCTO --- */
.contenedor-detalle { display: flex; max-width: 1100px; margin: 60px auto; background-color: #FFF; padding: 40px; gap: 60px; }
.galeria-img { flex: 1.2; }
.galeria-img img { width: 100%; height: 600px; object-fit: cover; }
.info-producto { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.info-producto h1 { font-size: 32px; letter-spacing: 4px; margin-bottom: 20px; font-weight: 300; }

/* --- TABLAS Y LISTAS --- */
table { width: 100%; margin: 30px 0; border-collapse: collapse; }
th, td { padding: 15px; border-bottom: 1px solid #EEE; font-size: 13px; text-align: left; }
.lista-caracteristicas { list-style: none; margin: 20px 0; font-size: 14px; color: #666; line-height: 2; }

/* --- FORMULARIO --- */
.contenedor-contacto { max-width: 500px; margin: 100px auto; }
.grupo-form { margin-bottom: 25px; }
.grupo-form input, .grupo-form textarea { width: 100%; padding: 15px; border: 1px solid #EEE; background: #F9F9F9; outline: none; }

/* --- PIE DE PÁGINA --- */
footer { text-align: center; padding: 60px; color: #AAA; font-size: 11px; letter-spacing: 1px; border-top: 1px solid #EEE; margin-top: 100px; }