/* style.css - EGZ TELECOM */
:root{
  --blue:#0ea5e9;
  --dark:#041224;
  --glass: rgba(255,255,255,0.06);
  --card: rgba(255,255,255,0.03);
}
*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,system-ui,Arial,sans-serif}
html,body{height:100%;background:var(--dark);color:#e6f7ff}
a{color:var(--blue);text-decoration:none}
.header{
  background-image: url('../img/fundo-egztelecom.png');
  background-size: cover;
  background-position: center;
  min-height:420px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px 20px;
}
.header::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(4,18,36,0.55), rgba(4,18,36,0.85));
}
.container{width:1100px;max-width:96%;margin:0 auto;position:relative;z-index:2}
.logo{position:absolute;left:20px;top:20px;width:160px;display:flex;align-items:center;gap:10px;z-index:3}
.logo img{height:48px;object-fit:contain;filter:brightness(1.1) saturate(1.2)}
nav{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:6px}
nav a{padding:8px 12px;border-radius:8px;background:transparent;font-weight:600}
nav a.btn{background:var(--blue);color:#032133;padding:10px 14px;border-radius:10px}
h1{font-size:36px;margin-bottom:8px;letter-spacing:1px}
.lead{color:#cfeffd;margin-bottom:18px}

.section{padding:48px 0;background:transparent}
.cards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.card{background:var(--card);padding:20px;border-radius:12px;min-width:240px;flex:1;max-width:320px;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.04)}
.price{font-size:28px;color:var(--blue);font-weight:700;margin:12px 0}
.btn-primary{display:inline-block;background:var(--blue);color:#032133;padding:10px 14px;border-radius:10px;font-weight:700}

.footer{padding:26px 0;color:#9fd6ff;background:linear-gradient(180deg, rgba(2,7,12,0.0), rgba(2,7,12,0.2));text-align:center;margin-top:36px}

/* forms */
.form{background:var(--glass);padding:18px;border-radius:10px;border:1px solid rgba(255,255,255,0.03);max-width:720px;margin:0 auto}
.form input,.form textarea{width:100%;padding:10px;margin-top:8px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:#dff6ff}
.small{font-size:14px;color:#9fd6ff}

/* responsive */
@media(max-width:880px){
  .cards{flex-direction:column;align-items:center}
  .logo{position:relative;left:auto;top:auto;margin-bottom:14px}
  nav{justify-content:center;flex-wrap:wrap}
  h1{font-size:28px}
}