body { margin:0; font-family:'Poppins',sans-serif; background:#0f172a; color:white; }
.container { max-width:1200px; margin:auto; padding:20px; }
header { background:#0d1b2a; padding:15px 0; position:sticky; top:0; z-index:100; }
header h1 { margin:0; color:#34d399; }
nav ul { list-style:none; display:flex; gap:15px; margin:0; padding:0; }
nav ul li a { color:#93c5fd; text-decoration:none; font-weight:600; }
.hero { height:600px; background:url('/img/fibra-topo.jpg') center top / cover no-repeat; position:relative; }
.hero::before { content:""; position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); }
.hero-content { position:relative; z-index:2; text-align:center; top:30%; transform:translateY(-30%); }
.hero-content h2 { font-size:2.5em; text-shadow:1px 1px 3px black; }
.hero-content p { margin-top:10px; font-size:1.1em; }
.hero-content .btn { background:#34d399; color:white; padding:12px 24px; border-radius:8px; display:inline-block; margin-top:15px; text-decoration:none; }
.planos-section { background:#1e293b; padding:40px 0; border-radius:30px 30px 0 0; }
.planos-section h3 { text-align:center; color:#34d399; font-size:2em; margin-bottom:30px; }
.planos-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.plano { background:#14532d; border-radius:12px; padding:15px; text-align:center; transition:0.3s; box-shadow:0 4px 8px rgba(0,0,0,0.2); }
.plano:hover { transform:translateY(-5px); box-shadow:0 10px 15px rgba(0,0,0,0.4); }
.plano img { max-width:100%; height:150px; object-fit:cover; border-radius:8px; margin-bottom:10px; }
.plano h4 { color:#86efac; font-size:1.4em; margin:10px 0 5px; }
.plano p { color:#bbf7d0; font-size:1.2em; margin-bottom:10px; }
.beneficios span, .beneficios img { display:block; margin:4px auto; }
footer { background:#0d1b2a; text-align:center; padding:20px 0; font-size:0.9em; color:#9ca3af; margin-top:30px; }