:root{
  --bg:#ffffff;
  --panel:#ffffff;
  --text:#000000;
  --muted:#8a8888;
  --brand:#000000; /* amarelo GigaNet */
  --brand-2:#ffea80;
  --ring: #ffd40080;
  --radius: 16px;
}

*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,video{max-width:100%;height:auto;border-radius:var(--radius)}
a{color:var(--brand);text-decoration:none}
a:hover{opacity:.9;text-decoration:underline}
a:focus-visible, button:focus-visible{
  outline: 3px solid var(--ring);
  outline-offset: 2px;
  border-radius: 12px;
}

.container{width:min(1100px, 92vw); margin-inline:auto;}

header{
  position:sticky; top:0; z-index:50;
  background:linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,.7));
  backdrop-filter:saturate(1.2) blur(6px);
  border-bottom:1px solid #111;
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:.8rem 0;
}
.brand img{display:block}

.burger{display:flex; align-items:center; gap:.5rem}
.burger #menuBtn{
  cursor:pointer;
  font-size:1.15rem;
  background:var(--panel); color:var(--text);
  border:1px solid #1c1c1c;
  padding:.5rem .75rem; border-radius:999px;
}
.burger-label{font-size:.9rem;color:var(--muted)}

.navbar{
  display:flex; gap:.8rem; flex-wrap:wrap;
  padding:.6rem 0 1rem;
}
.navbar a{
  padding:.5rem .9rem;
  background:#0f0f0f;
  border:1px solid #1c1c1c;
  border-radius:999px;
  color:var(--text);
}
.navbar a:hover{background:#151515}

main.container{padding:2rem 0 3rem}

.hero .hero-img{border-radius:var(--radius); overflow:hidden; border:1px solid #111}
.copy{margin:2rem 0 1.5rem}
.copy h2{margin:0 0 .4rem; font-size:1.75rem}
.copy p{margin:.2rem 0; color:var(--muted)}

.grid-3{
  display:grid; gap:1rem; 
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin:1.25rem 0 2rem;
}
.grid-3 a{
  display:block; background:var(--panel);
  padding:.5rem; border-radius:var(--radius);
  border:1px solid #131313;
  transition: transform .2s ease;
}
.grid-3 a:hover{transform:translateY(-2px)}

.wrap{display:flex; justify-content:center}
.video{display:block; background:#000; border:1px solid #111}

.cards{
  display:grid; gap:1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin:1.5rem 0 2rem;
}
.cards img{display:block; border:1px solid #111}

.cta{
  display:flex; justify-content:center; margin: 1rem 0 2rem;
}
.cta img{display:block; border:1px solid #111}

.banner{margin-top:1rem}
.banner img{display:block; border:1px solid #111}

footer{border-top:1px solid #111; background:#020202}
footer .container{padding:1.25rem 0; color:var(--muted); font-size:.95rem}

/* Utilities */
.hidden{display:none}
.wrap > figure{margin:0}
figure figcaption{color:var(--muted); text-align:center; margin-top:.6rem}

/* Responsive */
@media (max-width: 960px){
  .grid-3{grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .navbar{gap:.4rem}
  .grid-3{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .burger-label{display:none}
  .brand img{width:140px;height:auto}
}
/* Motion preference */
@media (prefers-reduced-motion: no-preference){
  .navbar a{transition: background-color .2s ease}
}

/* Enhancements for header and menu standout */
header {
  box-shadow: 0 2px 10px rgba(255, 212, 0, 0.25);
}

.header-inner {
  background: linear-gradient(90deg, rgba(0,0,0,0.9), rgba(20,20,20,0.95));
  border-radius: var(--radius);
  padding: 0.8rem 1rem;
}

.navbar a {
  background: #111;
  border: 1px solid #222;
  box-shadow: 0 0 8px rgba(255, 212, 0, 0.2);
}
.navbar a:hover {
  background: #151515;
  box-shadow: 0 0 12px rgba(255, 212, 0, 0.4);
}


/* Enhancements for CTA buttons */
.cta a, .cta button, .cta img {
  border-radius: var(--radius);
  box-shadow: 0 0 12px rgba(255, 212, 0, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cta a:hover, .cta button:hover, .cta img:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 16px rgba(255, 212, 0, 0.5);
}


/* Enhancements for cards and banners */
.cards a, .cards img, .banner img {
  border-radius: var(--radius);
  box-shadow: 0 0 10px rgba(255, 212, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cards a:hover, .cards img:hover, .banner img:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 16px rgba(255, 212, 0, 0.45);
}


/* Enhancements for gallery images and videos */
.hero .hero-img img, .grid-3 a img, .video, figure img {
  border-radius: var(--radius);
  box-shadow: 0 0 10px rgba(255, 212, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hero .hero-img img:hover, .grid-3 a img:hover, .video:hover, figure img:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 18px rgba(255, 212, 0, 0.5);
}