/* GobernArte Widgets Elementor FREE - Frontend CSS */
:root{
  --ga-bg1:#061a1f;
  --ga-bg2:#0a2a33;
  --ga-text:#ffffff;
  --ga-muted:rgba(255,255,255,.7);
  --ga-accent:#19d3c5;
  --ga-accent2:#7c4dff;
  --ga-good:#25e0a3;
  --ga-warn:#ffd166;
  --ga-bad:#ff5c7a;
}

/* Wrapper base */
.ga-wrap.gae{
  background: radial-gradient(900px 500px at 10% 10%, rgba(25,211,197,.16), transparent 60%),
              radial-gradient(900px 500px at 90% 0%, rgba(124,77,255,.14), transparent 60%),
              linear-gradient(180deg,var(--ga-bg1),var(--ga-bg2));
  border-radius:20px;
  padding:28px;
  color:var(--ga-text);
  box-shadow:0 20px 60px rgba(0,0,0,.4);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}

.ga-title{ font-size:26px; font-weight:900; margin:0 0 10px; line-height:1.15;}
.ga-sub{ color:var(--ga-muted); font-size:14px; margin:0 0 16px; line-height:1.55;}

.ga-section-title{
  font-size:18px;
  font-weight:900;
  margin:26px 0 14px;
  border-bottom:1px solid rgba(255,255,255,.14);
  padding-bottom:6px;
}

.ga-row{
  margin: 0 0 14px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  transition: .25s ease;
}
.ga-row:hover{ transform: translateY(-2px); border-color: rgba(25,211,197,.45); }

.ga-header{ display:flex; justify-content:space-between; align-items:flex-start; gap:14px; font-weight:800; margin-bottom:8px;}
.ga-city{ font-size:13px; color:var(--ga-muted); font-weight:600; margin-top:3px;}
.ga-percent{ font-size:16px; font-weight:900; white-space:nowrap;}

.ga-bar{
  height: 10px;
  background: rgba(255,255,255,.10);
  border-radius: 999px;
  overflow:hidden;
  margin-top: 8px;
  border:1px solid rgba(255,255,255,.08);
}
.ga-fill{
  height:100%;
  width:0%;
  background: linear-gradient(90deg, var(--ga-accent), var(--ga-accent2));
  border-radius:999px;
  animation: gaFill 1.2s ease forwards;
  box-shadow: 0 0 18px rgba(25,211,197,.25);
}
@keyframes gaFill{ to{ width: var(--w); } }

.ga-level{ margin-top:8px; font-size:12px; color:var(--ga-muted); }
.ga-tag{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  margin-left:8px;
  border: 1px solid rgba(255,255,255,.10);
}
.ga-tag.good{ background:rgba(37,224,163,.14); color:var(--ga-good); border-color:rgba(37,224,163,.22); }
.ga-tag.warn{ background:rgba(255,209,102,.14); color:var(--ga-warn); border-color:rgba(255,209,102,.22); }
.ga-tag.bad{  background:rgba(255,92,122,.14); color:var(--ga-bad);  border-color:rgba(255,92,122,.22); }

.ga-method{
  background: rgba(255,255,255,.05);
  padding: 14px;
  border-radius: 16px;
  font-size: 14px;
  color: var(--ga-muted);
  line-height: 1.6;
  border: 1px solid rgba(255,255,255,.10);
}
.ga-seo{
  background: rgba(255,255,255,.05);
  padding: 14px;
  border-radius: 16px;
  font-size: 13px;
  color: var(--ga-muted);
  line-height: 1.6;
  border: 1px solid rgba(255,255,255,.10);
}

/* chips */
.gae-chips{ display:flex; flex-wrap:wrap; gap:8px; margin: 10px 0 0; }
.gae-chip{
  font-size:12px;
  padding:8px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--ga-muted);
}

/* highlights */
.gae-highlights{
  margin-top: 14px;
  background: rgba(0,0,0,.12);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 14px;
}
.gae-highlights-title{
  font-weight: 900;
  letter-spacing: .2px;
  margin-bottom: 8px;
}
.gae-highlights-list{ margin: 0; padding-left: 18px; color: var(--ga-muted); }
.gae-highlights-list li{ margin: 6px 0; }

/* CTA */
.gae-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 0;
}
.gae-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 900;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.12);
  transition: .2s ease;
}
.gae-btn:hover{ transform: translateY(-2px); }
.gae-btn-primary{
  background: linear-gradient(90deg, rgba(25,211,197,.22), rgba(124,77,255,.18));
  color: var(--ga-text);
  border-color: rgba(25,211,197,.25);
}
.gae-btn-secondary{
  background: rgba(255,255,255,.06);
  color: var(--ga-text);
}

/* Slider */
.gae-slider{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 14px;
}
.gae-slider-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 10px;
}
.gae-slider-title{ font-weight: 900; }
.gae-slider-actions{ display:flex; gap:8px; }
.gae-iconbtn{
  width: 38px; height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--ga-text);
  cursor: pointer;
  font-size: 20px;
  line-height: 0;
}
.gae-iconbtn:hover{ border-color: rgba(25,211,197,.45); }

.gae-slider-track{
  display:flex;
  gap: 10px;
  overflow-x:auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
}
.gae-slide{
  flex: 0 0 auto;
  width: min(260px, 70vw);
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  scroll-snap-align: start;
}
.gae-slide img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transition: transform .25s ease;
}
.gae-slide:hover img{ transform: scale(1.03); }

.gae-slider-hint{
  margin-top: 8px;
  font-size: 12px;
  color: var(--ga-muted);
}

.gae-spacer{ height:10px; }

@media(max-width:768px){
  .ga-wrap.gae{ padding:20px; }
  .ga-title{ font-size:20px; }
}