* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Georgia', serif; background-color: #faf6f0; color: #2c1d11; }

.top-nav { background: #1a1008; position: fixed; width:100%; top:0; z-index:99; }
.nav-container { display:flex; justify-content:space-between; max-width:1200px; margin:0 auto; padding:20px; align-items:center; }
.brand { color:#dfb76c; font-size:22px; font-weight:bold; }
.menu a { color:#fff; text-decoration:none; margin-left:20px; font-size:14px; }

.banner-principal { background: linear-gradient(to right, rgba(26,16,8,0.8), rgba(26,16,8,0.2)), url('https://images.unsplash.com/photo-1507133750040-4a8f57021571?auto=format&fit=crop&w=1200&q=80') center/cover; height:80vh; display:flex; align-items:center; padding-left:10%; margin-top:60px; }
.banner-text { max-width:500px; color:#fff; }
.banner-text h1 { font-size:48px; color:#dfb76c; margin-bottom:15px; }
.boton-dorado { display:inline-block; background:#dfb76c; color:#1a1008; padding:12px 25px; text-decoration:none; font-weight:bold; margin-top:20px; border-radius:3px; }

.seccion-oscura { background:#2c1d11; color:#fff; padding:60px 20px; text-align:center; }
.contenido-corto { max-width:700px; margin:0 auto; }

.seccion-blanca { padding:80px 20px; max-width:1200px; margin:0 auto; }
.titulo-centrado { text-align:center; margin-bottom:40px; color:#1a1008; }
.cuadrisula-cuatro { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:20px; }
.item-cafe { background:#fff; padding:25px; border-top: 4px solid #dfb76c; box-shadow:0 2px 8px rgba(0,0,0,0.05); }

.seccion-crema { background:#f3eade; padding:60px 20px; text-align:center; }
.caja-oferta { max-width:600px; margin:0 auto; }
.etiqueta { background:#1a1008; color:#dfb76c; padding:4px 10px; font-size:12px; font-weight:bold; }
.precio-cafe { font-size:32px; font-weight:bold; margin-top:15px; color:#1a1008; }

.seccion-formulario { padding:60px 20px; background:#fff; }
.formulario-bloque { max-width:500px; margin:0 auto; background:#fdfbf7; padding:4px; border:1px solid #e1d6c6; padding:30px; }
.grupo-input input { width:100%; padding:10px; margin-bottom:15px; border:1px solid #ccc; }
.grupo-check { margin-bottom:15px; font-size:13px; }
.boton-enviar { width:100%; padding:12px; background:#1a1008; color:#fff; border:none; cursor:pointer; font-weight:bold; }

.pie-pagina { background:#1a1008; color:#b3a296; padding:4px 20px; font-size:13px; text-align:center; padding:4px 0; border-top:2px solid #dfb76c; }
.datos-empresa { margin-bottom:15px; line-height:1.8; }
.enlaces-legales a { color:#dfb76c; margin:0 10px; text-decoration:none; }
@media(max-width:768px){ .nav-container { flex-direction:column; } .menu { margin-top:10px; } }