.elementor-12 .elementor-element.elementor-element-61fcc63{--display:flex;--min-height:165px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-61fcc63.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-12 .elementor-element.elementor-element-341eb87{width:100%;max-width:100%;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-4c3ffc9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-4c3ffc9:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-4c3ffc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lionpremiumbr.com.br/wp-content/uploads/2026/02/e5f45ee92c3d9262b73e33ff5b496cfc.webp");}.elementor-12 .elementor-element.elementor-element-597ee94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-12 .elementor-element.elementor-element-597ee94:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-597ee94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-597ee94.e-con{--e-con-transform-rotateZ:-2deg;}.elementor-12 .elementor-element.elementor-element-938d537{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-745d8cd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overflow:hidden;--margin-top:-5%;--margin-bottom:-5%;--margin-left:0%;--margin-right:0%;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-12 .elementor-element.elementor-element-745d8cd:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-745d8cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EC1313 0%, #f2295b 100%);}.elementor-12 .elementor-element.elementor-element-745d8cd.e-con{--e-con-transform-rotateZ:3deg;--align-self:center;}.elementor-12 .elementor-element.elementor-element-1929946{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-35a97f8{--display:flex;}.elementor-12 .elementor-element.elementor-element-2f73f89{--e-image-carousel-slides-to-show:5;width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-2f73f89 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-12 .elementor-element.elementor-element-2f73f89 .elementor-swiper-button.elementor-swiper-button-next{font-size:30px;}.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-wrapper{display:flex;align-items:center;}.elementor-12 .elementor-element.elementor-element-2f73f89 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:0px 0px 2px 0px;border-color:#DB3A3A;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-f53e032{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-cb71782{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-6d9e68a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-fdc2cfe{--display:flex;}.elementor-12 .elementor-element.elementor-element-cbec380{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0655a6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-aa45816{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-d9834ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-afa564d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-05f8233{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e7cc8eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-cc72699{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-61fcc63{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-341eb87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-597ee94{--margin-top:77px;--margin-bottom:-66px;--margin-left:3px;--margin-right:3px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-61fcc63{--width:50%;}.elementor-12 .elementor-element.elementor-element-afa564d{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-341eb87 *//* --- NAVBAR FIXA (EFEITO GLASSMORPHISM) --- */
.navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  z-index: 1000;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

.navbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Logo */
.navbar-logo img {
  height: 80px;
  width: auto;
  display: block;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.4));
  transition: transform 0.3s ease;
}

.navbar-logo img:hover {
  transform: scale(1.03);
}

/* Menu Central */
.navbar-menu {
  display: flex;
  gap: 30px;
}

.navbar-menu a {
  color: #ccc;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  transition: color 0.3s;
}

.navbar-menu a:hover {
  color: #fff;
}

/* Botão WhatsApp */
.navbar-btn {
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  padding: 10px 24px;
  border-radius: 50px;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s;
  white-space: nowrap;
}

.navbar-btn:hover {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

/* Botão Teste Automático Android - Desktop */
.navbar-gplay-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 12px 24px;
  border-radius: 50px;

  background: linear-gradient(135deg, #b00000 0%, #8b0000 45%, #3a0000 100%);
  color: #ffffff !important;

  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;

  margin-left: 15px;

  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow:
    0 0 16px rgba(255, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);

  transition: all 0.25s ease;
}

.navbar-gplay-btn::before {
  content: "🚀";
  font-size: 14px;
}

.navbar-gplay-btn:hover {
  transform: translateY(-2px) scale(1.03);
  background: #ff0000 !important;
  color: #ffffff !important;
  border-color: #ff0000 !important;
  box-shadow:
    0 0 24px rgba(255, 0, 0, 0.75),
    0 10px 28px rgba(255, 0, 0, 0.35);
}

/* --- MENU MOBILE --- */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.menu-toggle span {
  width: 25px;
  height: 3px;
  background-color: #fff;
  border-radius: 2px;
}

.mobile-dropdown {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  flex-direction: column;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-dropdown.open {
  display: flex;
}

.mobile-dropdown a {
  color: #fff;
  text-decoration: none;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 1.1rem;
}

/* Botão WhatsApp Mobile */
.mobile-btn {
  background-color: #25D366;
  text-align: center;
  border-radius: 10px;
  margin-top: 15px;
  border: none !important;
  font-weight: bold;
  color: #081b0f !important;
}

/* Botão Teste Automático Android - Mobile */
.mobile-gplay-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  width: 100%;
  margin-top: 12px;
  padding: 14px 18px;
  border-radius: 12px;

  background: linear-gradient(135deg, #b00000 0%, #8b0000 45%, #3a0000 100%);
  color: #ffffff !important;

  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  font-weight: 900;
  text-decoration: none;

  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 0 16px rgba(255, 0, 0, 0.35);

  transition: all 0.25s ease;
}

.mobile-gplay-btn::before {
  content: "🚀";
  font-size: 15px;
}

.mobile-gplay-btn:hover {
  background: #ff0000 !important;
  color: #ffffff !important;
  border-color: #ff0000 !important;
  transform: scale(1.03);
  box-shadow:
    0 0 24px rgba(255, 0, 0, 0.75),
    0 10px 28px rgba(255, 0, 0, 0.35);
}

/* Responsivo */
@media (max-width: 900px) {
  .navbar-menu,
  .navbar-btn,
  .navbar-gplay-btn {
    display: none;
  }

  .menu-toggle {
    display: flex;
  }

  .navbar-logo img {
    height: 70px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35f143b *//* --- VARIÁVEIS --- */
:root {
  --bg: #07070a;
  --text: rgba(255, 255, 255, .95);
  --muted: rgba(255, 255, 255, .78);
  --red: #e00000;
  --red-strong: #ff0000;
  --green: #25D366;
  --amber: #f0a500;
  --shadow: 0 24px 70px rgba(0, 0, 0, .55);
}

* { 
  box-sizing: border-box; 
}

body {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  background-color: var(--bg);
  color: var(--text);
  overflow-x: hidden;
}

.container { 
  width: min(1140px, calc(100% - 40px)); 
  margin: 0 auto; 
}

/* --- FUNDO VERMELHO ORIGINAL MELHORADO --- */
.hero__bg {
  position: absolute;
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  background: 
    radial-gradient(circle at 18% 72%, rgba(255, 0, 0, 0.42) 0%, rgba(180, 0, 0, 0.18) 32%, transparent 58%),
    radial-gradient(circle at 50% -20%, rgba(209, 0, 0, 0.42) 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, rgba(100, 0, 0, 0.34) 0%, transparent 50%);
  pointer-events: none;
  z-index: -2;
}

/* Camada escura para deixar texto mais visível sem tirar o fundo */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.62) 0%,
    rgba(0,0,0,0.42) 42%,
    rgba(0,0,0,0.20) 65%,
    rgba(0,0,0,0.45) 100%
  );
  z-index: -1;
  pointer-events: none;
}

/* HERO */
.hero { 
  position: relative; 
  padding: 70px 0 90px; 
  overflow: hidden;
}

/* --- BOTÕES --- */
.btn {
  display: inline-flex; 
  justify-content: center; 
  align-items: center;
  padding: 10px 20px; 
  border-radius: 50px; 
  font-weight: 800; 
  font-size: 14px;
  text-decoration: none !important; 
  transition: all 0.28s ease; 
  border: 1px solid transparent; 
  cursor: pointer;
}

.btn--green { 
  background: linear-gradient(135deg, #25D366 0%, #12b85a 100%); 
  color: white !important; 
  border: none; 
  font-size: 17px; 
  padding: 16px 32px; 
  box-shadow: 0 14px 34px rgba(37, 211, 102, 0.30);
}

.btn--green:hover { 
  background: linear-gradient(135deg, #2eff7f 0%, #12b85a 100%);
  transform: translateY(-3px) scale(1.02); 
  box-shadow: 0 20px 42px rgba(37, 211, 102, 0.42);
}

.btn--red { 
  background: linear-gradient(135deg, #ff1111 0%, #d10000 100%); 
  color: white !important; 
  box-shadow: 0 14px 35px rgba(209, 0, 0, 0.35); 
}

.btn--red:hover { 
  background: linear-gradient(135deg, #ff3030 0%, #e00000 100%);
  transform: translateY(-3px); 
  box-shadow: 0 20px 45px rgba(255, 0, 0, 0.45);
}

.btn--full { 
  width: 100%; 
  padding: 18px; 
  font-size: 1.1rem; 
  border-radius: 14px; 
}

/* --- HERO CONTEÚDO --- */
.hero__grid { 
  display: grid; 
  grid-template-columns: 1fr 400px; 
  gap: 60px; 
  align-items: center; 
}

/* Bloco do texto com vidro leve */
.hero__copy {
  background: rgba(0, 0, 0, 0.20);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 26px;
  padding: 32px 30px;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  box-shadow: 0 22px 55px rgba(0,0,0,0.32);
}

/* Selo */
.pill {
  display: inline-block; 
  padding: 9px 17px; 
  border-radius: 999px;
  background: rgba(255,255,255,0.11); 
  font-size: 13px; 
  margin: 0 0 22px;
  color: #ffffff; 
  border: 1px solid rgba(255,255,255,0.14); 
  letter-spacing: 0.4px;
  font-weight: 700;
  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
}

/* Título */
.hero__title {
  font-family: 'Anton', Impact, sans-serif; 
  font-size: 4.45rem; 
  line-height: 0.98;
  text-transform: uppercase; 
  margin: 0 0 24px;
  color: #ffffff;
  letter-spacing: 0.4px;
  text-shadow:
    0 4px 14px rgba(0,0,0,0.78),
    0 0 30px rgba(0,0,0,0.42);
}

.hero__titleAccent { 
  color: var(--red-strong); 
  text-shadow:
    0 4px 12px rgba(0,0,0,0.72),
    0 0 24px rgba(255,0,0,0.45);
}

/* Descrição */
.hero__desc { 
  color: rgba(255,255,255,0.94); 
  font-size: 1.28rem; 
  line-height: 1.6; 
  margin: 0 0 34px; 
  max-width: 92%; 
  font-weight: 600;
  text-shadow: 0 3px 10px rgba(0,0,0,0.60);
}

.hero__proof { 
  display: flex; 
  gap: 24px; 
  margin-top: 40px; 
  flex-wrap: wrap;
}

.proof { 
  display: flex; 
  gap: 9px; 
  align-items: center; 
  color: rgba(255,255,255,0.90); 
  font-size: 15px; 
  font-weight: 700;
  text-shadow: 0 2px 8px rgba(0,0,0,0.45);
}

.proof__icon {
  filter: drop-shadow(0 3px 8px rgba(0,0,0,0.45));
}

/* --- CARD OFERTA --- */
.glassCard {
  background: rgba(18, 18, 18, 0.96); 
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 28px 75px rgba(0,0,0,0.62);
  position: relative;
}

/* Brilho vermelho discreto no card */
.glassCard::before {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(255,0,0,0.22);
  filter: blur(35px);
  pointer-events: none;
}

.glassCard__top { 
  padding: 26px 24px 0; 
  position: relative;
  z-index: 2;
}

.badge--gold {
  display: inline-block; 
  background: rgba(60, 50, 20, 1); 
  color: var(--amber);
  border: 1px solid rgba(240, 165, 0, 0.38); 
  padding: 7px 15px; 
  border-radius: 50px;
  font-size: 11px; 
  font-weight: 900; 
  letter-spacing: 1px;
}

.glassCard__mid { 
  padding: 22px 24px; 
  position: relative;
  z-index: 2;
}

.planName { 
  font-family: 'Anton', Impact, sans-serif; 
  font-size: 2.35rem; 
  margin-bottom: 8px; 
  color: #fff; 
  text-shadow: 0 4px 14px rgba(0,0,0,0.55);
}

/* --- PREÇO --- */
.priceContainer {
  display: flex;
  align-items: baseline;
  margin-bottom: 28px;
  line-height: 1;
}

.currency { 
  font-size: 1.55rem; 
  font-weight: 800; 
  color: rgba(255,255,255,0.66); 
  margin-right: 2px; 
}

.amount { 
  font-family: 'Anton', Impact, sans-serif; 
  font-size: 5.4rem; 
  color: #fff; 
  letter-spacing: -2px; 
  text-shadow:
    0 5px 18px rgba(0,0,0,0.58),
    0 0 18px rgba(255,255,255,0.08);
}

.priceSuffix { 
  display: flex; 
  flex-direction: column; 
  margin-left: 5px; 
}

.cents { 
  font-size: 1.25rem; 
  font-weight: 800; 
  color: rgba(255,255,255,0.78); 
}

.period { 
  font-size: 0.95rem; 
  color: rgba(255,255,255,0.55); 
  font-weight: 700; 
  margin-top: -2px; 
}

/* --- LISTA --- */
.checklist { 
  list-style: none; 
  padding: 0; 
  margin: 0; 
}

.checklist--box li {
  display: flex; 
  align-items: center; 
  gap: 12px;
  margin-bottom: 16px; 
  color: rgba(255,255,255,0.88); 
  font-size: 15.5px; 
  font-weight: 700;
}

.checklist--box li::before {
  content: "✔"; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  width: 21px; 
  height: 21px; 
  border-radius: 5px;
  background: rgba(46, 204, 113, 0.15); 
  border: 1px solid var(--green);
  color: var(--green); 
  font-size: 10px; 
  flex-shrink: 0;
}

.glassCard__bottom { 
  padding: 0 24px 30px; 
  position: relative;
  z-index: 2;
}

/* --- MOBILE / TABLET --- */
@media (max-width: 900px) {
  .hero { 
    padding: 55px 0 70px; 
  }

  .hero__grid { 
    grid-template-columns: 1fr; 
    text-align: center; 
    gap: 38px;
  }

  .hero__copy {
    padding: 26px 22px;
  }

  .hero__actions, 
  .hero__proof, 
  .priceContainer { 
    justify-content: center; 
  }

  .hero__title { 
    font-size: 3rem; 
  }

  .hero__desc {
    max-width: 100%;
    font-size: 1.1rem;
  }

  .hero__proof {
    justify-content: center;
  }
}

@media (max-width: 600px) {
  .container {
    width: min(100% - 28px, 1140px);
  }

  .hero {
    padding: 42px 0 56px;
  }

  .hero__copy {
    padding: 22px 18px;
    border-radius: 20px;
  }

  .hero__title {
    font-size: 2.45rem;
    line-height: 1.02;
  }

  .hero__desc {
    font-size: 1rem;
    line-height: 1.5;
  }

  .btn--green {
    width: 100%;
    padding: 16px 24px;
    font-size: 16px;
  }

  .hero__proof {
    gap: 14px;
  }

  .proof {
    font-size: 13.5px;
  }

  .planName {
    font-size: 2rem;
  }

  .amount {
    font-size: 4.5rem;
  }
}
/* ================================
   UP NO CARD DO PLANO + BOTÃO ASSINAR
================================ */

/* Card do plano mais forte e iluminado */
.glassCard {
  background: linear-gradient(
    180deg,
    rgba(24, 24, 26, 0.98) 0%,
    rgba(12, 12, 14, 0.98) 100%
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow:
    0 30px 85px rgba(0, 0, 0, 0.75),
    0 0 35px rgba(255, 0, 0, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* brilho vermelho por trás do card */
.hero__card {
  position: relative;
}

.hero__card::before {
  content: "";
  position: absolute;
  inset: 40px -20px 20px -20px;
  background: radial-gradient(circle, rgba(255, 0, 0, 0.28) 0%, transparent 62%);
  filter: blur(28px);
  z-index: -1;
  pointer-events: none;
}

/* título plano mensal mais aceso */
.planName {
  color: #ffffff !important;
  text-shadow:
    0 4px 12px rgba(0,0,0,0.65),
    0 0 16px rgba(255,255,255,0.12);
}

/* preço mais chamativo */
.amount {
  color: #ffffff !important;
  text-shadow:
    0 5px 18px rgba(0,0,0,0.75),
    0 0 22px rgba(255,255,255,0.18);
}

/* itens da lista com mais presença */
.checklist--box li {
  color: rgba(255,255,255,0.94) !important;
  font-weight: 800 !important;
}

/* check verde mais vivo */
.checklist--box li::before {
  background: rgba(0, 255, 120, 0.18) !important;
  border-color: #00ff7b !important;
  color: #00ff7b !important;
  box-shadow: 0 0 12px rgba(0, 255, 120, 0.22);
}

/* BOTÃO ASSINAR AGORA MAIS ACESO */
.btn--red {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ff2a2a 0%, #ff0000 45%, #b90000 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 0 0 1px rgba(255, 0, 0, 0.28),
    0 16px 35px rgba(255, 0, 0, 0.42),
    0 0 28px rgba(255, 0, 0, 0.35) !important;
  font-size: 1.18rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.2px;
}

/* efeito de brilho passando no botão */
.btn--red::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 55%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.38) 50%,
    transparent 100%
  );
  transform: skewX(-20deg);
  animation: brilhoBotaoAssinar 2.6s infinite;
}

/* mantém o texto por cima do brilho */
.btn--red {
  z-index: 1;
}

@keyframes brilhoBotaoAssinar {
  0% {
    left: -80%;
  }
  55% {
    left: 130%;
  }
  100% {
    left: 130%;
  }
}

.btn--red:hover {
  background: linear-gradient(135deg, #ff4040 0%, #ff0000 45%, #d00000 100%) !important;
  transform: translateY(-4px) scale(1.02);
  box-shadow:
    0 0 0 1px rgba(255, 0, 0, 0.42),
    0 22px 48px rgba(255, 0, 0, 0.55),
    0 0 38px rgba(255, 0, 0, 0.48) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-745d8cd */.blur-container {
    filter: blur(20px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-223219c *//* ================================
   SEÇÃO CONTEÚDOS + TOP 5
   G CONNECT STREAM
================================ */

.content-section {
  background: #07070a;
  color: #ffffff;
  padding: 90px 0 80px;
  position: relative;
  overflow: hidden;
  font-family: Inter, system-ui, sans-serif;
}

.content-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 0, 0, 0.14), transparent 40%),
    radial-gradient(circle at 10% 40%, rgba(255, 0, 0, 0.08), transparent 35%);
  pointer-events: none;
}

.content-section .container {
  width: min(1140px, calc(100% - 40px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* TÍTULO DA SEÇÃO */
.section-header {
  text-align: center;
  margin-bottom: 48px;
}

.section-header h2 {
  font-family: 'Anton', Impact, sans-serif;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1;
  margin: 0 0 14px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow:
    0 4px 14px rgba(0,0,0,0.78),
    0 0 18px rgba(255,0,0,0.18);
}

.section-header p {
  margin: 0;
  color: rgba(255,255,255,0.60);
  font-size: 17px;
  font-weight: 500;
}

/* CATEGORIAS */
.categories-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 14px;
  margin-bottom: 46px;
}

.cat-card {
  min-height: 128px;
  border-radius: 14px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.10);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #ffffff;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

.cat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top, rgba(255,0,0,0.16), transparent 55%);
  opacity: 0;
  transition: 0.25s ease;
}

.cat-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255,0,0,0.42);
  box-shadow:
    0 18px 36px rgba(0,0,0,0.40),
    0 0 22px rgba(255,0,0,0.16);
}

.cat-card:hover::before {
  opacity: 1;
}

.cat-icon {
  width: 34px;
  height: 34px;
  color: #ff0000;
  position: relative;
  z-index: 2;
}

.cat-icon svg {
  width: 100%;
  height: 100%;
}

.cat-card span {
  font-family: 'Anton', Impact, sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  text-align: center;
  line-height: 1.1;
}

/* ÁREA DO SHORTCODE */
.top5-shortcode-area {
  margin: 16px 0 28px;
}

/* ================================
   TOP 5 AUTOMÁTICO VIA TMDB
   Classes geradas pelo shortcode PHP
================================ */

.gconnect-top5-auto {
  width: 100%;
  margin: 42px 0 28px;
  padding: 0;
  position: relative;
  z-index: 2;
  font-family: Inter, system-ui, sans-serif;
}

.gconnect-top5-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 22px;
}

.gconnect-top5-small {
  display: block;
  color: #ff0000;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.gconnect-top5-head h3 {
  font-family: 'Anton', Impact, sans-serif;
  color: #ffffff;
  font-size: clamp(38px, 4vw, 52px);
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-shadow:
    0 4px 10px rgba(0,0,0,0.85),
    0 0 18px rgba(255,0,0,0.24);
}

.gconnect-top5-head p {
  margin: 10px 0 0;
  color: rgba(255,255,255,0.66);
  font-size: 15px;
  font-weight: 500;
}

.gconnect-top5-update {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,0,0,0.10);
  border: 1px solid rgba(255,0,0,0.38);
  color: #ff3131;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 0 22px rgba(255,0,0,0.12);
}

.gconnect-top5-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}

.gconnect-top5-item {
  position: relative;
  height: 190px;
  border-radius: 16px;
  overflow: hidden;
  background: #111113;
  border: 1px solid rgba(255,255,255,0.11);
  box-shadow: 0 16px 34px rgba(0,0,0,0.38);
  transition: all 0.28s ease;
}

.gconnect-top5-item:hover {
  transform: translateY(-5px);
  border-color: rgba(255,0,0,0.50);
  box-shadow:
    0 22px 48px rgba(0,0,0,0.54),
    0 0 28px rgba(255,0,0,0.22);
}

.gconnect-top5-cover {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.9;
  filter: saturate(1.1) contrast(1.05);
}

.gconnect-top5-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.86) 100%),
    radial-gradient(circle at top, rgba(255,0,0,0.18), transparent 55%);
  z-index: 1;
}

.gconnect-top5-rank {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff1a1a, #ba0000);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 1000;
  font-size: 16px;
  box-shadow: 0 10px 22px rgba(255,0,0,0.34);
}

.gconnect-top5-info {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 13px;
  z-index: 3;
}

.gconnect-top5-info h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.15;
  margin: 0 0 6px;
  text-shadow: 0 3px 8px rgba(0,0,0,0.78);
}

.gconnect-top5-info span {
  display: inline-flex;
  align-items: center;
  color: rgba(255,255,255,0.78);
  font-size: 12px;
  font-weight: 800;
}

.gconnect-top5-info span::before {
  content: "🔥";
  margin-right: 5px;
}

/* ERRO DO SHORTCODE */
.gconnect-top5-error {
  background: rgba(255,0,0,0.12);
  border: 1px solid rgba(255,0,0,0.35);
  color: #fff;
  padding: 14px 18px;
  border-radius: 12px;
  font-weight: 700;
}

/* BANNER ADULTO */
.adult-banner {
  margin-top: 26px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  box-shadow: 0 16px 34px rgba(0,0,0,0.24);
}

.adult-content {
  display: flex;
  align-items: center;
  gap: 18px;
}

.adult-icon {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 10px;
  border: 1px solid rgba(255,0,0,0.65);
  color: #ff0000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,0,0,0.08);
}

.adult-icon svg {
  width: 22px;
  height: 22px;
}

.adult-text h4 {
  margin: 0 0 6px;
  font-family: 'Anton', Impact, sans-serif;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.adult-text p {
  margin: 0;
  color: rgba(255,255,255,0.58);
  font-size: 14px;
}

.adult-link {
  color: #f0a500;
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.25s ease;
}

.adult-link:hover {
  color: #ffcc3d;
  text-decoration: underline;
}

/* RESPONSIVO */
@media (max-width: 1024px) {
  .categories-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .gconnect-top5-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gconnect-top5-item {
    height: 210px;
  }
}

@media (max-width: 767px) {
  .content-section {
    padding: 70px 0 60px;
  }

  .content-section .container {
    width: min(100% - 28px, 1140px);
  }

  .section-header {
    margin-bottom: 34px;
  }

  .section-header h2 {
    font-size: 38px;
  }

  .section-header p {
    font-size: 15px;
  }

  .categories-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 38px;
  }

  .cat-card {
    min-height: 118px;
  }

  .gconnect-top5-head {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .gconnect-top5-head h3 {
    font-size: 38px;
  }

  .gconnect-top5-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gconnect-top5-item {
    height: 220px;
  }

  .adult-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .adult-link {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .categories-grid {
    grid-template-columns: 1fr;
  }

  .gconnect-top5-grid {
    grid-template-columns: 1fr;
  }

  .gconnect-top5-item {
    height: 245px;
  }
}
/* ================================
   TOP 5 AUTOMÁTICO VIA TMDB
   VERSÃO AJUSTADA - CAPAS MELHORES
================================ */

.top5-shortcode-area {
  margin: 22px 0 34px;
}

/* Área geral do Top 5 */
.gconnect-top5-auto {
  width: 100%;
  margin: 42px 0 30px;
  padding: 0;
  position: relative;
  z-index: 2;
  font-family: Inter, system-ui, sans-serif;
}

/* Cabeçalho */
.gconnect-top5-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 24px;
}

.gconnect-top5-small {
  display: block;
  color: #ff0000;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.gconnect-top5-head h3 {
  font-family: 'Anton', Impact, sans-serif;
  color: #ffffff;
  font-size: clamp(38px, 4vw, 54px);
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-shadow:
    0 4px 10px rgba(0,0,0,0.85),
    0 0 18px rgba(255,0,0,0.24);
}

.gconnect-top5-head p {
  margin: 10px 0 0;
  color: rgba(255,255,255,0.66);
  font-size: 15px;
  font-weight: 500;
}

.gconnect-top5-update {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,0,0,0.10);
  border: 1px solid rgba(255,0,0,0.38);
  color: #ff3131;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 0 22px rgba(255,0,0,0.12);
}

/* Grade dos 5 cards */
.gconnect-top5-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}

/* Card individual */
.gconnect-top5-item {
  position: relative;
  height: 235px;
  border-radius: 18px;
  overflow: hidden;
  background: #09090b;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 18px 40px rgba(0,0,0,0.44);
  transition: all 0.28s ease;
}

.gconnect-top5-item:hover {
  transform: translateY(-5px);
  border-color: rgba(255,0,0,0.52);
  box-shadow:
    0 24px 52px rgba(0,0,0,0.58),
    0 0 30px rgba(255,0,0,0.22);
}

/* Fundo borrado para preencher sem ficar vazio */
.gconnect-top5-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  filter: blur(18px) brightness(0.55) saturate(1.15);
  transform: scale(1.12);
  opacity: 0.65;
  z-index: 0;
}

/* Capa principal - mostra mais inteira */
.gconnect-top5-cover {
  position: absolute;
  inset: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.98;
  filter: saturate(1.08) contrast(1.04);
  z-index: 1;
}

/* Camada escura para texto ficar legível */
.gconnect-top5-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.32) 45%, rgba(0,0,0,0.92) 100%),
    radial-gradient(circle at top, rgba(255,0,0,0.16), transparent 55%);
  z-index: 2;
}

/* Número ranking */
.gconnect-top5-rank {
  position: absolute;
  top: 11px;
  left: 11px;
  z-index: 4;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: linear-gradient(135deg, #ff1a1a, #b60000);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 1000;
  font-size: 17px;
  box-shadow:
    0 10px 22px rgba(255,0,0,0.38),
    0 0 18px rgba(255,0,0,0.26);
}

/* Informações do filme/série */
.gconnect-top5-info {
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 14px;
  z-index: 4;
}

.gconnect-top5-info h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.12;
  margin: 0 0 7px;
  text-shadow: 0 3px 9px rgba(0,0,0,0.86);
}

.gconnect-top5-info span {
  display: inline-flex;
  align-items: center;
  color: rgba(255,255,255,0.82);
  font-size: 12px;
  font-weight: 800;
}

.gconnect-top5-info span::before {
  content: "🔥";
  margin-right: 5px;
}

/* Erro do shortcode */
.gconnect-top5-error {
  background: rgba(255,0,0,0.12);
  border: 1px solid rgba(255,0,0,0.35);
  color: #fff;
  padding: 14px 18px;
  border-radius: 12px;
  font-weight: 700;
}

/* Tablet */
@media (max-width: 1024px) {
  .gconnect-top5-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gconnect-top5-item {
    height: 260px;
  }
}

/* Celular */
@media (max-width: 767px) {
  .gconnect-top5-head {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .gconnect-top5-head h3 {
    font-size: 38px;
  }

  .gconnect-top5-head p {
    font-size: 14px;
  }

  .gconnect-top5-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gconnect-top5-item {
    height: 255px;
  }

  .gconnect-top5-update {
    font-size: 11px;
    padding: 9px 14px;
  }
}

/* Celular pequeno */
@media (max-width: 480px) {
  .gconnect-top5-grid {
    grid-template-columns: 1fr;
  }

  .gconnect-top5-item {
    height: 310px;
  }

  .gconnect-top5-info h4 {
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-2f73f89 *//*
classes slides
swiper-slide-prev
swiper-slide-active
swiper-slide-next

classes setas nav
elementor-swiper-button-prev
elementor-swiper-button-next
fim comentario*/

.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide{
    transform: scale(0.97);
}

.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide:hover{
    transform: scale(1);
    transition: 1s;
}

.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide-active:hover{
    transform: scale(1);
    transition: 1s;
}

.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide-prev{
    transition: 1s;
    filter: opacity(25%);
}

.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide-next ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide{
    transition: 1s;
    filter: opacity(25%);
}

/*Ajustes Tablet*/
@media(min-width: 767px) and (max-width: 1023px){
.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide-next ~ .swiper-slide ~ .swiper-slide{
    transition: 1s;
    filter: opacity(25%);
}
 
}

/*Ajustes Mobile*/
@media(max-width: 766px){
.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide-prev{
    transition: 1s;
    filter: opacity(25%);
    transform: scale(0.97);
}

.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide-active{
    transition: 1s;
    transform: scale(1);
}

.elementor-12 .elementor-element.elementor-element-2f73f89 .swiper-slide-next{
    transition: 1s;
    filter: opacity(25%);
    transform: scale(0.97);
}
}
/* ================================
   CARROSSEL DE CAPAS - VISUAL PREMIUM
================================ */

/* Área geral do carrossel */
.elementor-widget-image-carousel {
  position: relative;
  padding: 30px 0 45px;
}

/* Fundo suave atrás do carrossel */
.elementor-widget-image-carousel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center, rgba(255, 0, 0, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0));
  border-radius: 28px;
  pointer-events: none;
  z-index: 0;
}

/* Garante que o slide fique acima do fundo */
.elementor-widget-image-carousel .elementor-widget-container,
.elementor-widget-image-carousel .elementor-image-carousel-wrapper {
  position: relative;
  z-index: 2;
}

/* Espaçamento interno do carrossel */
.elementor-image-carousel-wrapper {
  padding: 12px 44px 22px !important;
}

/* Cada slide */
.elementor-image-carousel .swiper-slide {
  transition: all 0.32s ease;
  opacity: 0.72;
  transform: scale(0.94);
}

/* Slide ativo/visível */
.elementor-image-carousel .swiper-slide-visible {
  opacity: 1;
  transform: scale(1);
}

/* Imagens das capas */
.elementor-image-carousel .swiper-slide img {
  width: 100%;
  height: 275px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(255, 0, 0, 0.10);
  transition: all 0.32s ease;
  background: #111;
}

/* Efeito ao passar mouse */
.elementor-image-carousel .swiper-slide:hover {
  opacity: 1;
  transform: translateY(-8px) scale(1.03);
  z-index: 5;
}

.elementor-image-carousel .swiper-slide:hover img {
  border-color: rgba(255, 0, 0, 0.55);
  box-shadow:
    0 26px 60px rgba(0, 0, 0, 0.62),
    0 0 30px rgba(255, 0, 0, 0.26);
}

/* Setas do carrossel */
.elementor-swiper-button,
.elementor-image-carousel-wrapper .elementor-swiper-button {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.68);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #ffffff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 10px 26px rgba(0,0,0,0.45);
  transition: all 0.25s ease;
}

/* Ícone da seta */
.elementor-swiper-button i,
.elementor-swiper-button svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  font-size: 24px !important;
}

/* Hover nas setas */
.elementor-swiper-button:hover,
.elementor-image-carousel-wrapper .elementor-swiper-button:hover {
  background: rgba(255, 0, 0, 0.85);
  border-color: rgba(255, 0, 0, 0.85);
  box-shadow:
    0 14px 34px rgba(0,0,0,0.55),
    0 0 26px rgba(255,0,0,0.35);
  transform: scale(1.08);
}

/* Bolinhas de paginação */
.swiper-pagination-bullet {
  width: 7px !important;
  height: 7px !important;
  background: rgba(255,255,255,0.35) !important;
  opacity: 1 !important;
  transition: all 0.25s ease;
}

.swiper-pagination-bullet-active {
  width: 22px !important;
  border-radius: 999px !important;
  background: #ff0000 !important;
  box-shadow: 0 0 16px rgba(255,0,0,0.45);
}

/* Ajuste para desktop grande */
@media (min-width: 1025px) {
  .elementor-image-carousel .swiper-slide img {
    height: 285px;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-image-carousel-wrapper {
    padding: 10px 38px 22px !important;
  }

  .elementor-image-carousel .swiper-slide img {
    height: 250px;
  }
}

/* Celular */
@media (max-width: 767px) {
  .elementor-widget-image-carousel {
    padding: 22px 0 35px;
  }

  .elementor-image-carousel-wrapper {
    padding: 8px 32px 20px !important;
  }

  .elementor-image-carousel .swiper-slide img {
    height: 230px;
    border-radius: 16px;
  }

  .elementor-swiper-button,
  .elementor-image-carousel-wrapper .elementor-swiper-button {
    width: 38px !important;
    height: 38px !important;
  }
}

/* Celular pequeno */
@media (max-width: 480px) {
  .elementor-image-carousel .swiper-slide img {
    height: 215px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb71782 *//* --- SEÇÃO ONDE FUNCIONA --- */
.devices-section {
  padding: 80px 0;
  /* Fundo sutilmente diferente para separar visualmente, ou mantenha var(--bg) */
  background: linear-gradient(180deg, var(--bg) 0%, rgba(255,255,255,0.02) 100%);
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* Grid de Dispositivos (5 Colunas) */
.devices-grid {
  display: grid;
  /* Cria colunas responsivas. No desktop tenta caber 5, no mobile quebra */
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  justify-content: center;
}

/* Estilo do Card de Dispositivo */
.device-card {
  background: rgba(255, 255, 255, 0.03); /* Fundo cinza bem escuro */
  border: 1px solid rgba(255, 255, 255, 0.1); /* Borda sutil */
  border-radius: 12px;
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.3s ease;
  min-height: 140px;
}

/* Efeito Hover (Fica levemente mais claro) */
.device-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--amber); /* Borda fica dourada ao passar o mouse */
  transform: translateY(-5px);
}

/* Ícone */
.device-icon {
  width: 40px;
  height: 40px;
  color: var(--amber); /* Cor Amarela/Dourada igual à imagem */
  margin-bottom: 15px;
}

.device-icon svg {
  width: 100%;
  height: 100%;
}

/* Texto do dispositivo */
.device-card span {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  color: #ddd; /* Texto quase branco */
}

/* Ajuste Responsivo para telas pequenas */
@media (max-width: 600px) {
  .devices-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 por linha no celular */
  }
  /* O último card (ímpar) ocupa a linha toda para ficar bonito */
  .devices-grid .device-card:last-child {
    grid-column: span 2; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77c6ee2 *//* =========================================
   SUPORTE HUMANIZADO - G CONNECT
========================================= */

.gconnect-support-oldstyle {
  width: 100%;
  padding: 40px 20px 70px;
  font-family: Inter, system-ui, sans-serif;
  position: relative;
}

.gconnect-support-card-oldstyle {
  max-width: 800px;
  min-height: 430px;
  margin: 0 auto;
  padding: 56px 38px 48px;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
  background: #0d0d0f;
  border: 1px solid rgba(255, 0, 0, 0.15);
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.55),
    inset 0 0 0 1px rgba(255, 0, 0, 0.05);
}

/* luz correndo em volta */
.gconnect-support-card-oldstyle::before {
  content: "";
  position: absolute;
  inset: -45%;
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 300deg,
    rgba(255, 0, 0, 0.00) 320deg,
    rgba(255, 0, 0, 0.25) 334deg,
    rgba(255, 0, 0, 1) 345deg,
    rgba(255, 80, 80, 1) 352deg,
    rgba(255, 0, 0, 0.00) 360deg
  );
  animation: gconnectSupportSpin 4s linear infinite;
  filter: blur(10px);
  z-index: 0;
}

/* miolo do card por cima */
.gconnect-support-card-oldstyle::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: #0d0d0f;
  border-radius: 26px;
  z-index: 1;
  box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.18);
}

@keyframes gconnectSupportSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.gconnect-support-card-oldstyle > * {
  position: relative;
  z-index: 2;
}

/* ícone */
.gconnect-support-icon-oldstyle {
  width: 72px;
  height: 72px;
  margin: 0 auto 26px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: rgba(255, 0, 0, 0.06);
  border: 1px solid rgba(255, 0, 0, 0.55);
  box-shadow:
    0 0 22px rgba(255, 0, 0, 0.20),
    inset 0 0 18px rgba(255, 0, 0, 0.08);
}

.gconnect-support-icon-oldstyle svg {
  width: 36px;
  height: 36px;
  display: block;
}

.gconnect-support-icon-oldstyle svg path,
.gconnect-support-icon-oldstyle svg rect,
.gconnect-support-icon-oldstyle svg line,
.gconnect-support-icon-oldstyle svg circle {
  stroke: #ff1e1e;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.55));
}

/* título */
.gconnect-support-card-oldstyle h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1;
  color: #ffffff;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-align: center;
  text-shadow:
    3px 3px 0 #000,
    0 0 14px rgba(255, 0, 0, 0.18);
}

/* subtítulo */
.gconnect-support-subtitle-oldstyle {
  margin: 18px 0 34px;
  color: #f1f1f1;
  font-size: 18px;
  line-height: 1.45;
  text-align: center;
}

/* lista */
.gconnect-support-list-oldstyle {
  max-width: 430px;
  margin: 0 auto;
  display: grid;
  gap: 18px;
  text-align: left;
}

.gconnect-support-item-oldstyle {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 800;
}

.gconnect-support-item-oldstyle span {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(0, 255, 100, 0.10);
  border: 1px solid rgba(0, 255, 100, 0.55);
  color: #34ff87;
  font-size: 15px;
  font-weight: 900;
  box-shadow: 0 0 10px rgba(0, 255, 100, 0.10);
}

/* responsivo */
@media (max-width: 760px) {
  .gconnect-support-oldstyle {
    padding: 30px 14px 50px;
  }

  .gconnect-support-card-oldstyle {
    min-height: auto;
    padding: 42px 24px;
    border-radius: 22px;
  }

  .gconnect-support-card-oldstyle::after {
    border-radius: 20px;
  }

  .gconnect-support-card-oldstyle h2 {
    font-size: 34px;
  }

  .gconnect-support-subtitle-oldstyle {
    font-size: 16px;
  }

  .gconnect-support-item-oldstyle {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5a0bcd *//* ================================
   SEÇÃO PLATAFORMAS - FUNDO INTEGRADO
================================ */

.gconnect-platforms {
  position: relative;
  background: transparent !important;
  padding: 44px 0 48px;
  overflow: hidden;
  border: none !important;
}

/* remove aquele fundo preto quadradão */
.gconnect-platforms::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,0.10) 0%,
      rgba(0,0,0,0.30) 45%,
      rgba(0,0,0,0.12) 100%
    ),
    radial-gradient(circle at center, rgba(255, 0, 0, 0.08), transparent 60%);
  pointer-events: none;
  z-index: 0;
}

.gconnect-platforms-container {
  width: min(1080px, calc(100% - 40px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* grade mais parecida com o print */
.gconnect-platforms-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 28px 32px;
  align-items: center;
}

/* remove card pesado */
.gconnect-platform-item {
  min-height: 72px;
  border-radius: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
  transition: all 0.28s ease;
  padding: 8px 6px;
}

.gconnect-platform-item:hover {
  transform: translateY(-4px) scale(1.04);
  background: transparent !important;
  box-shadow: none !important;
}

.gconnect-platform-item small {
  color: rgba(255,255,255,0.62);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

/* Base */
.brand-text {
  display: inline-block;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.2px;
  color: #ffffff;
  text-transform: none;
  text-shadow: 0 4px 12px rgba(0,0,0,0.45);
}

/* Netflix */
.brand-text.netflix {
  color: #e50914;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: 1px;
}

/* Globoplay */
.brand-text.globoplay {
  color: #ff1744;
  font-size: 25px;
  font-weight: 900;
}

/* Prime Video */
.brand-text.primevideo {
  color: #21a9ff;
  font-size: 25px;
  font-weight: 900;
}

/* HBO Max */
.brand-text.hbomax {
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* Disney+ */
.brand-text.disney {
  color: #ffffff;
  font-size: 26px;
  font-weight: 800;
}

/* Apple TV+ */
.brand-text.appletv {
  color: #ffffff;
  font-size: 28px;
  font-weight: 900;
  position: relative;
  padding-left: 22px;
}

.brand-text.appletv::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 22px;
}

/* YouTube TV */
.brand-text.youtubetv {
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
  position: relative;
  padding-left: 20px;
}

.brand-text.youtubetv::before {
  content: "▶";
  color: #ff0000;
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 13px;
}

/* Premiere */
.brand-text.premiere {
  background: #40b649;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
  padding: 8px 20px;
  border-radius: 5px;
  box-shadow: 0 6px 18px rgba(64, 182, 73, 0.20);
}

/* ESPN+ */
.brand-text.espn {
  color: #ffffff;
  font-size: 28px;
  font-weight: 1000;
}

/* Formula 1 */
.brand-text.f1 {
  color: #ff1c1c;
  font-size: 38px;
  font-weight: 1000;
  font-style: italic;
  letter-spacing: -1px;
}

/* Cazé TV */
.brand-text.cazetv {
  color: #ffffff;
  font-size: 26px;
  font-weight: 1000;
}

/* Mais */
.brand-text.universal {
  color: #ffb000;
  font-size: 22px;
  font-weight: 1000;
  text-transform: uppercase;
}

/* Tablet */
@media (max-width: 1024px) {
  .gconnect-platforms-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px 22px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .gconnect-platforms {
    padding: 34px 0 38px;
  }

  .gconnect-platforms-container {
    width: min(100% - 24px, 1080px);
  }

  .gconnect-platforms-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 14px;
  }

  .gconnect-platform-item {
    min-height: 64px;
    padding: 8px 4px;
  }

  .brand-text.netflix,
  .brand-text.f1 {
    font-size: 26px;
  }

  .brand-text.globoplay,
  .brand-text.primevideo,
  .brand-text.hbomax,
  .brand-text.disney,
  .brand-text.appletv,
  .brand-text.youtubetv,
  .brand-text.espn,
  .brand-text.cazetv,
  .brand-text.universal {
    font-size: 20px;
  }

  .brand-text.premiere {
    font-size: 18px;
    padding: 7px 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b93c59 *//* --- SEÇÃO SEGURANÇA E CONTROLE --- */
.security-section {
  padding: 80px 0;
  /* ALTERADO: Fundo degradê Vermelho Escuro (identidade do site) */
  background: radial-gradient(circle at center, #2a0000 0%, #050505 100%);
  border-top: 1px solid rgba(255, 0, 0, 0.1);
}

/* Grid de 3 Cards */
.security-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

/* --- CARD DE SEGURANÇA (ESTRUTURA) --- */
.security-card {
  position: relative; /* Necessário para os efeitos absolutos */
  background: #121212; /* Fundo base do card */
  border-radius: 16px;
  overflow: hidden; /* Mantém o brilho dentro das bordas arredondadas */
  padding: 2px; /* Cria o espaço para a "borda" brilhante aparecer */
  min-height: 250px;
  transition: transform 0.3s ease;
  z-index: 1;
}

/* Container interno para o texto (Fica por cima do brilho) */
.card-content {
  background: #121212; /* Fundo escuro interno */
  width: 100%;
  height: 100%;
  border-radius: 14px; /* Um pouco menor que o pai */
  padding: 40px 30px;
  text-align: left;
  position: relative;
  z-index: 2;
}

/* --- EFEITO DE BRILHO GIRATÓRIO (ROTATING SHINE) --- */

/* O Elemento que gira */
.security-card::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  /* O gradiente cônico cria o efeito de feixe de luz */
  background: conic-gradient(
    transparent, 
    transparent, 
    transparent, 
    #ff0000 /* Cor do Brilho Vermelho */
  );
  /* Animação de rotação */
  animation: rotate 4s linear infinite;
  opacity: 0; /* Invisível por padrão */
  transition: opacity 0.3s ease;
  z-index: 1;
}

/* Mostrar o brilho ao passar o mouse */
.security-card:hover::before {
  opacity: 1;
}

/* Animação Keyframes */
@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Hover no Card (Levantar levemente) */
.security-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(255, 0, 0, 0.15); /* Sombra vermelha suave */
}

/* --- ESTILOS INTERNOS DO CARD --- */

/* Ícone */
.security-icon {
  width: 40px;
  height: 40px;
  color: #ce0000; /* Ícone vermelho para combinar com o tema */
  margin-bottom: 20px;
}

.security-icon svg {
  width: 28px;
  height: 28px;
}

/* Título do Card */
.security-card h3 {
  font-family: 'Anton', sans-serif;
  color: #fff;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}

/* Texto do Card */
.security-card p {
  color: #999;
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0;
}

/* Destaque "senha" */
.highlight-gold {
  color: var(--amber);
  font-weight: 600;
}

/* Ajuste Responsivo */
@media (max-width: 900px) {
  .security-grid {
    grid-template-columns: 1fr;
    max-width: 500px;
    margin: 0 auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa45816 */:root{
  --plans-bg: #090909;
  --plans-black-soft: #121212;
  --plans-white: #ffffff;
  --plans-text-soft: #d7d7d7;
  --plans-text-muted: #a9a9a9;
  --plans-red-1: #ff5a1f;
  --plans-red-2: #d40000;
  --plans-red-3: #a70000;
  --plans-border: rgba(255,255,255,0.14);
  --plans-glow: rgba(255, 70, 30, 0.32);
  --plans-shadow: 0 18px 45px rgba(0,0,0,0.35);
  --plans-radius: 24px;
}

.plans-offer-section{
  position: relative;
  overflow: hidden;
  padding: 90px 20px 70px;
  background:
    linear-gradient(rgba(0,0,0,0.72), rgba(0,0,0,0.86)),
    radial-gradient(circle at center, rgba(255,60,0,0.08) 0%, rgba(255,60,0,0) 48%),
    var(--plans-bg);
}

.plans-offer-overlay{
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent 24%),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.04), transparent 30%),
    radial-gradient(circle at 80% 80%, rgba(255,0,0,0.06), transparent 25%);
  mix-blend-mode: screen;
}

.plans-offer-container{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.plans-offer-header{
  text-align: center;
  margin-bottom: 46px;
}

.plans-offer-header .plans-mini-title{
  display: block;
  font-family: "Anton", sans-serif;
  font-size: clamp(48px, 6vw, 96px);
  line-height: 0.95;
  text-transform: uppercase;
  color: #f0f0f0;
  text-shadow: 0 6px 18px rgba(0,0,0,0.45);
}

.plans-offer-header h2{
  margin: -6px 0 8px;
  font-family: "Anton", sans-serif;
  font-size: clamp(52px, 7vw, 110px);
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--plans-red-1);
  text-shadow:
    0 4px 0 rgba(0,0,0,0.28),
    0 10px 18px rgba(0,0,0,0.35);
}

.plans-offer-header p{
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--plans-white);
  letter-spacing: 0.6px;
}

.plans-offer-grid{
  display: grid;
  grid-template-columns: 1.45fr 0.85fr;
  gap: 28px;
  align-items: stretch;
}

.plans-left-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 24px;
}

.plan-card,
.plan-featured-card{
  position: relative;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.plan-card::before,
.plan-featured-card::before{
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.25) 45%, transparent 70%);
  transform: translateX(-140%) skewX(-18deg);
  transition: transform 0.7s ease;
  pointer-events: none;
}

.plan-card:hover::before,
.plan-featured-card:hover::before{
  transform: translateX(140%) skewX(-18deg);
}

.plan-card:hover,
.plan-featured-card:hover{
  transform: translateY(-8px) scale(1.015);
  box-shadow:
    0 0 0 1px rgba(255,90,31,0.25),
    0 0 24px var(--plans-glow),
    var(--plans-shadow);
}

.plan-card{
  background: rgba(0,0,0,0.42);
  border: 3px solid rgba(255,80,35,0.95);
  border-radius: 22px;
  padding: 20px 18px 18px;
  min-height: 355px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  backdrop-filter: blur(6px);
}

.plan-card-top{
  margin-bottom: 16px;
  padding: 15px 18px;
  border-radius: 14px;
  background: linear-gradient(90deg, var(--plans-red-1), var(--plans-red-2));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
}

.plan-card-top h3{
  margin: 0;
  color: var(--plans-white);
  font-family: "Anton", sans-serif;
  font-size: clamp(24px, 2vw, 32px);
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.5px;
}

.plan-desc{
  margin: 0 0 10px;
  color: var(--plans-white);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.22;
  text-transform: uppercase;
}

.plan-screen{
  margin-bottom: 8px;
  color: var(--plans-red-1);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}

.plan-price{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 14px;
  color: var(--plans-white);
  line-height: 1;
}

.plan-price .currency{
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 500;
  margin-top: 12px;
}

.plan-price .value{
  font-family: "Anton", sans-serif;
  font-size: clamp(74px, 7vw, 108px);
  text-shadow: 0 6px 16px rgba(0,0,0,0.28);
}

.plan-price .cents{
  font-family: "Anton", sans-serif;
  font-size: 36px;
  margin-top: 14px;
}

.plan-features{
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: center;
}

.plan-features span{
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: var(--plans-white);
  text-transform: uppercase;
  line-height: 1.25;
}

.plan-featured-card{
  background:
    linear-gradient(180deg, rgba(255,90,31,0.96) 0%, rgba(212,0,0,0.96) 100%);
  border-radius: 26px;
  padding: 26px 24px 24px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 18px 45px rgba(0,0,0,0.35);
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.featured-badge{
  align-self: flex-start;
  margin-bottom: 12px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.14);
  color: #fff4d8;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.plan-featured-card h3{
  margin: 0 0 14px;
  text-align: center;
  color: var(--plans-white);
  font-family: "Anton", sans-serif;
  font-size: clamp(50px, 5vw, 82px);
  line-height: 0.88;
  text-transform: uppercase;
  text-shadow: 0 5px 12px rgba(0,0,0,0.24);
}

.featured-highlight{
  margin: 0 auto 18px;
  padding: 12px 14px;
  max-width: 90%;
  border-radius: 18px;
  background: rgba(255,255,255,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.featured-highlight span{
  display: block;
  color: var(--plans-white);
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: clamp(22px, 2vw, 38px);
  line-height: 0.95;
  text-transform: uppercase;
  text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000,
    0 4px 10px rgba(0,0,0,0.24);
}

.featured-screen{
  margin-bottom: 8px;
  text-align: center;
  color: #111;
  font-family: "Anton", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
}

.featured-price{
  margin: 0 auto 20px;
  width: 100%;
  max-width: 360px;
  padding: 14px 16px;
  border: 3px solid rgba(0,0,0,0.7);
  border-radius: 22px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  background: rgba(255,255,255,0.06);
  color: var(--plans-white);
}

.featured-price .currency{
  font-family: "Inter", sans-serif;
  font-size: 28px;
  margin-top: 16px;
}

.featured-price .value{
  font-family: "Anton", sans-serif;
  font-size: clamp(88px, 8vw, 122px);
  line-height: 0.88;
  text-shadow: 0 8px 16px rgba(0,0,0,0.24);
}

.featured-price .cents{
  font-family: "Anton", sans-serif;
  font-size: 36px;
  margin-top: 20px;
}

.featured-desc{
  margin: 0 0 14px;
  text-align: center;
  color: var(--plans-white);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}

.featured-features,
.featured-extra,
.featured-includes{
  margin-bottom: 18px;
}

.featured-features span{
  display: block;
  text-align: center;
  color: var(--plans-white);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.28;
  text-transform: uppercase;
}

.featured-extra h4,
.featured-includes h4{
  margin: 0 0 10px;
  color: #fff5ea;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left;
}

.featured-extra ul,
.featured-includes ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.featured-extra li,
.featured-includes li{
  position: relative;
  padding-left: 16px;
  color: var(--plans-white);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
}

.featured-extra li::before,
.featured-includes li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px rgba(255,255,255,0.28);
}

.featured-note{
  margin-top: auto;
  margin-bottom: 18px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(0,0,0,0.18);
  color: var(--plans-white);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

.featured-btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 14px 18px;
  border-radius: 16px;
  text-decoration: none;
  background: #111;
  color: var(--plans-white);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
  box-shadow: 0 12px 22px rgba(0,0,0,0.2);
}

.featured-btn:hover{
  transform: translateY(-2px);
  background: #1d1d1d;
  box-shadow: 0 0 18px rgba(255,255,255,0.12), 0 12px 22px rgba(0,0,0,0.25);
}

.plans-bottom-bar{
  margin: 34px auto 0;
  max-width: 1000px;
  padding: 15px 24px;
  border-radius: 999px;
  border: 2px solid rgba(255,80,35,0.75);
  background: rgba(0,0,0,0.3);
  color: var(--plans-white);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 800;
  line-height: 1.25;
  box-shadow: 0 0 18px rgba(255,80,35,0.14);
}

/* Responsivo */
@media (max-width: 1100px){
  .plans-offer-grid{
    grid-template-columns: 1fr;
  }

  .plan-featured-card{
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 768px){
  .plans-offer-section{
    padding: 70px 16px 56px;
  }

  .plans-left-grid{
    grid-template-columns: 1fr;
  }

  .plan-card{
    min-height: auto;
  }

  .plans-offer-header h2{
    margin-top: 2px;
  }

  .featured-price .value{
    font-size: 92px;
  }

  .plans-bottom-bar{
    border-radius: 20px;
    padding: 14px 18px;
  }
}

@media (max-width: 480px){
  .plan-card-top h3{
    font-size: 22px;
  }

  .plan-price .value{
    font-size: 82px;
  }

  .featured-price .value{
    font-size: 74px;
  }

  .featured-highlight span{
    font-size: 24px;
  }

  .featured-screen{
    font-size: 24px;
  }

  .featured-extra li,
  .featured-includes li,
  .featured-note,
  .featured-features span{
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bff5c72 *//* --- SEÇÃO PLANOS E VALORES --- */
.plans-section {
  padding: 80px 0 100px;
  background-color: var(--bg);
}

.plans-grid {
  display: flex;
  justify-content: center;
  align-items: center; 
  gap: 30px;
  flex-wrap: wrap; 
  margin-top: 40px;
}

/* --- ESTILO GERAL DOS CARDS --- */
.plan-card {
  background: #121212;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 30px;
  width: 320px;
  position: relative;
  /* Transição suave para o zoom e cor */
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}

/* --- EFEITO HOVER (ZOOM + CLAREAR) --- */
.plan-card:hover {
  /* 1. Zoom Pequeno */
  transform: translateY(-10px) scale(1.05);
  
  /* 2. Clarear Fundo e Borda */
  background-color: #1e1e1e; /* Fundo um pouco mais claro */
  border-color: rgba(255, 255, 255, 0.5); /* Borda mais branca */
  
  /* 3. Sombra para dar profundidade */
  box-shadow: 0 20px 40px rgba(0,0,0,0.6);
}

/* Clarear textos internos ao passar o mouse */
.plan-card:hover .plan-desc,
.plan-card:hover .period,
.plan-card:hover .currency {
  color: #fff; /* Torna textos cinzas em brancos */
  transition: color 0.3s;
}

/* --- ESTILOS INTERNOS --- */
.plan-header { margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 20px; }
.plan-card h3 { font-family: 'Anton', sans-serif; font-size: 1.8rem; margin: 0 0 5px; color: #fff; text-transform: uppercase; }
.plan-desc { color: #888; font-size: 0.9rem; margin: 0 0 15px; transition: color 0.3s; }

.plan-price { display: flex; align-items: baseline; color: #fff; }
.plan-price .currency { font-size: 1.2rem; margin-right: 4px; color: #aaa; }
.plan-price .amount { font-family: 'Anton', sans-serif; font-size: 3.5rem; line-height: 1; }
.plan-price .period { font-size: 1rem; color: #888; margin-left: 5px; }

.plan-features { list-style: none; padding: 0; margin: 0 0 30px; text-align: left; }
.plan-features li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; color: #ddd; font-size: 0.95rem; }

.check-green { color: var(--green); background: rgba(46, 204, 113, 0.15); width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 4px; font-size: 10px; }
.check-orange { color: #fff; background: rgba(255, 255, 255, 0.2); width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 4px; font-size: 10px; }

.btn-plan { display: block; width: 100%; padding: 14px; text-align: center; border-radius: 50px; font-weight: 700; transition: 0.3s; text-decoration: none; }
.btn-outline { border: 1px solid rgba(255,255,255,0.2); color: #fff; background: transparent; }
.btn-outline:hover { background: #fff; color: #000; border-color: #fff; }

/* --- CARD DESTAQUE (MENSAL) --- */
.featured-plan {
  width: 350px; /* Um pouco maior naturalmente */
  border: none;
  padding: 3px; 
  background: transparent;
  z-index: 2;
  /* Garante que o Featured também tenha transição */
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Hover específico para o destaque */
.featured-plan:hover {
  transform: scale(1.08); /* Zoom um pouco maior que os outros */
  filter: brightness(1.15); /* Clareia o card inteiro (brilho) */
}

.plan-content {
  background: linear-gradient(160deg, #ff4d00 0%, #d10000 100%);
  border-radius: 14px;
  padding: 40px 30px;
  height: 100%;
  position: relative;
  z-index: 2;
}

.badge-featured {
  background: rgba(0,0,0,0.3);
  color: #fff;
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 15px;
  border: 1px solid rgba(255,255,255,0.3);
  text-transform: uppercase;
}

.featured-plan h3, .featured-plan .amount, .featured-plan .plan-price { color: #fff; }
.featured-plan .plan-desc, .featured-plan .period, .featured-plan .currency { color: rgba(255,255,255,0.8); }
.featured-plan .plan-header { border-bottom-color: rgba(255,255,255,0.3); }

.btn-filled { background: #fff; color: #d10000; border: none; }
.btn-filled:hover { background: #f0f0f0; box-shadow: 0 5px 15px rgba(0,0,0,0.2); color: #ff4d00; }

/* --- BRILHO DE FUNDO DO DESTAQUE --- */
.glow-effect {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 16px;
  background: linear-gradient(45deg, #ff4d00, #ff0000, #ff4d00);
  z-index: 1;
  filter: blur(20px);
  opacity: 0.5;
  transition: opacity 0.3s ease, filter 0.3s ease;
  animation: pulseGlow 3s infinite;
}

@keyframes pulseGlow {
  0% { opacity: 0.4; filter: blur(20px); transform: scale(0.95); }
  50% { opacity: 0.6; filter: blur(25px); transform: scale(1); }
  100% { opacity: 0.4; filter: blur(20px); transform: scale(0.95); }
}

.featured-plan:hover .glow-effect {
  opacity: 0.9;
  filter: blur(30px);
  animation: none;
}

/* Responsividade */
@media (max-width: 900px) {
  .plans-grid { flex-direction: column; gap: 40px; }
  .featured-plan { transform: scale(1); width: 320px; }
  /* No mobile, o zoom pode atrapalhar, então reduzimos ou removemos */
  .plan-card:hover, .featured-plan:hover { transform: scale(1.02); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b8f76a *//* --- SEÇÃO DE PONTOS (AZUL -> VERDE BRILHANTE) --- */
:root{
  --neon-green: #39ff14;          /* verde brilhante */
  --neon-green-2: #00ff7b;        /* variação para degradês */
  --neon-green-dark: #0b3d1a;     /* base mais escura para contraste */
}

/* Seção */
.points-section {
  padding: 80px 0;
  background: radial-gradient(circle, #001b08 0%, #0a0a0a 100%);
  border-top: 1px solid rgba(255,255,255,0.05);
  text-align: center;
}

/* Grid */
.points-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}

/* Card */
.point-card {
  position: relative;
  width: 220px;
  background: linear-gradient(180deg, #ff4d4d 0%, #ce0000 100%);
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 25px 15px;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.point-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(57, 255, 20, 0.28); /* brilho verde no hover */
}

/* Ícone */
.point-icon {
  width: 40px;
  height: 40px;
  background: #fff;
  color: var(--neon-green); /* antes era vermelho/azul em outros layouts: agora verde */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  box-shadow: 0 0 0 2px rgba(57,255,20,0.25), 0 10px 20px rgba(0,0,0,0.25);
}

.point-icon svg { width: 24px; height: 24px; }

/* Título */
.point-title {
  font-family: 'Anton', sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 5px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Preço */
.point-price {
  font-family: 'Anton', sans-serif;
  font-size: 2.8rem;
  line-height: 1;
  text-shadow: 0 2px 5px rgba(0,0,0,0.3);
  margin-bottom: 15px;
}
.point-price .currency { font-size: 1rem; vertical-align: super; }
.point-price .cents { font-size: 1.2rem; }

/* CTA */
.point-cta {
  background: rgba(0,0,0,0.2);
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.5);
  text-transform: uppercase;
}

/* Shine */
.point-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transform: skewX(-20deg);
  transition: none;
}
.point-card:hover::before {
  left: 150%;
  transition: all 0.5s ease;
}

/* Disclaimer */
.points-disclaimer {
  margin-top: 30px;
}
.points-disclaimer p {
  color: #0b120b;
  font-weight: 900;
  background: linear-gradient(180deg, var(--neon-green) 0%, var(--neon-green-2) 100%);
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.25);
  text-transform: uppercase;
  font-size: 0.9rem;
  box-shadow: 0 10px 30px rgba(57,255,20,0.18), 0 6px 16px rgba(0,0,0,0.5);
}

/* Responsivo */
@media (max-width: 600px) {
  .point-card { width: 45%; }
  .point-price { font-size: 2.2rem; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8606a3 *//* --- SEÇÃO AVALIAÇÕES --- */
.reviews-section {
  padding: 80px 0;
  background-color: var(--bg);
  border-top: 1px solid rgba(255,255,255,0.05);
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  justify-content: center;
}

/* Card de Avaliação */
.review-card {
  background: #121212;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 25px;
  text-align: left;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
}

.review-card:hover {
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-5px);
}

/* Estrelas Douradas */
.stars {
  color: var(--amber); /* Dourado */
  font-size: 1.2rem;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

/* Container da Imagem (Print do WhatsApp) */
.review-image-container {
  width: 100%;
  height: 300px; /* Altura fixa para alinhar os cards */
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid rgba(255,255,255,0.05);
  background: #000;
  cursor: pointer;
}

.review-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Corta a imagem para preencher o quadrado sem distorcer */
  object-position: top; /* Foca no topo da conversa */
  transition: transform 0.3s;
  opacity: 0.8;
}

.review-img:hover {
  transform: scale(1.05);
  opacity: 1;
}

/* Nome do Cliente */
.client-name {
  color: #666;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: auto; /* Empurra para o fundo do card */
}

/* --- MODAL (ZOOM NA IMAGEM) --- */
.modal {
  display: none; 
  position: fixed; 
  z-index: 1000; 
  padding-top: 50px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0,0,0,0.9); 
  backdrop-filter: blur(5px);
}

.modal-content {
  margin: auto;
  display: block;
  width: auto;
  max-width: 90%;
  max-height: 85vh;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  animation: zoomIn 0.3s;
}

@keyframes zoomIn {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* Botão Fechar */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: var(--red);
  text-decoration: none;
  cursor: pointer;
}

/* Responsividade */
@media (max-width: 768px) {
  .reviews-grid { grid-template-columns: 1fr; }
  .review-image-container { height: auto; max-height: 400px; } /* No mobile deixa altura automática */
  .review-img { object-fit: contain; } /* Mostra imagem inteira no mobile */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e19320 *//* --- SEÇÃO CTA FINAL --- */
.cta-final-section {
  padding: 100px 0;
  /* Fundo escuro com degradê radial sutil vermelho no centro */
  background: radial-gradient(circle, rgba(40, 5, 5, 1) 0%, rgba(10, 10, 10, 1) 80%);
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.cta-content {
  max-width: 700px;
  margin: 0 auto;
}

.cta-tag {
  color: #999;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.cta-content h2 {
  font-family: 'Anton', sans-serif;
  font-size: 3rem;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 40px;
  line-height: 1.1;
  letter-spacing: 1px;
}

/* --- BOTÃO VERMELHO COM BRILHO (SHINY RED) --- */
.btn-shiny-red {
  position: relative;
  display: inline-block;
  padding: 20px 50px;
  /* COR VERMELHA DA IMAGEM */
  background-color: #ce0000; 
  color: #fff;
  font-family: 'Anton', sans-serif;
  font-size: 1.4rem;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 50px;
  overflow: hidden; /* Mantém o brilho dentro do botão */
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(206, 0, 0, 0.3); /* Sombra vermelha */
  border: none;
}

/* Hover: Fica mais claro e sobe um pouco */
.btn-shiny-red:hover {
  background-color: #ff0000;
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(255, 0, 0, 0.4);
}

/* O BRILHO (Faixa branca que passa) */
.btn-shiny-red::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%; /* Começa escondido na esquerda */
  width: 100%;
  height: 100%;
  /* Degradê transparente -> branco -> transparente */
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  transition: none; /* Sem transição na volta */
}

/* Animação ao passar o mouse */
.btn-shiny-red:hover::before {
  left: 100%; /* Vai para a direita */
  transition: all 0.5s ease-in-out; /* Velocidade do brilho */
}

/* Responsividade */
@media (max-width: 600px) {
  .cta-content h2 { font-size: 2rem; }
  .btn-shiny-red { width: 100%; padding: 16px; font-size: 1.2rem; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0875f7f *//* --- SEÇÃO FAQ (ESTILO VERDE AO CLICAR) --- */
.faq-section {
  padding: 80px 0;
  background-color: var(--bg); /* Fundo padrão do site */
  border-top: 1px solid rgba(255,255,255,0.05);
}

.faq-container {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* O Item (Card) */
.faq-item {
  background: rgba(255, 255, 255, 0.03); /* Fundo cinza escuro */
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  border-color: rgba(255, 255, 255, 0.2);
}

/* O Botão da Pergunta */
.faq-question {
  width: 100%;
  background: none;
  border: none;
  padding: 20px 25px;
  text-align: left;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
}

/* O Ícone (+) */
.faq-icon {
  font-size: 1.5rem;
  font-weight: 300;
  color: #888;
  transition: transform 0.3s ease;
}

/* --- ESTADO ATIVO (VERDE) --- */
.faq-question.active {
  background: rgba(46, 204, 113, 0.1); /* Fundo verde bem suave */
  color: #2ecc71; /* Texto verde */
}

.faq-question.active .faq-icon {
  transform: rotate(45deg); /* Vira um X */
  color: #2ecc71; /* Ícone verde */
}

/* A Resposta */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background: rgba(0, 0, 0, 0.2); /* Fundo um pouco mais escuro para a resposta */
}

.faq-answer p {
  padding: 20px 25px 25px;
  margin: 0;
  color: #ccc;
  font-size: 0.95rem;
  line-height: 1.6;
}/* End custom CSS */