.landing-header { text-align: center; padding: 80px 20px 40px; background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.landing-header h1 { font-size: 3rem; margin-bottom: 15px; color: #d4af37; }
.landing-header p { font-size: 1.2rem; max-width: 700px; margin: 0 auto; opacity: 0.9; }
.contenido-central { max-width: 900px; margin: 0 auto; padding: 40px 20px 100px; }
.tarjeta-amplia { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 20px; padding: 40px; margin-bottom: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.tarjeta-amplia h2 { font-size: 2rem; margin-top: 0; color: #fff; }
.tarjeta-amplia p { font-size: 1.1rem; line-height: 1.7; opacity: 0.85; }
.grid-beneficios { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 60px; }
.beneficio { background: rgba(212, 175, 55, 0.05); border-top: 2px solid rgba(212, 175, 55, 0.3); padding: 30px; border-radius: 15px; }
.beneficio h3 { margin-top: 0; font-size: 1.3rem; color: #fff; }
.beneficio p { font-size: 1rem; opacity: 0.8; line-height: 1.5; margin-bottom: 0; }
.cta-section { text-align: center; padding: 50px; background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(0, 0, 0, 0) 100%); border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 20px; }
.cta-section h2 { font-size: 1.8rem; margin-bottom: 15px; }
.btn-principal { display: inline-block; margin-top: 20px; padding: 15px 35px; background: #fff; color: #000; text-decoration: none; font-weight: bold; font-size: 1.1rem; border-radius: 50px; transition: transform 0.3s; }
.btn-principal:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(255,255,255,0.2); }