:root{
  --button:#3C315B;
  --subtitle:#A28CFF;
  --footer:#2000A5;
  --about:#3C3175;
  --line:#7E7D8E;
  --spot:#AAAAAA;
  --brackground:#F5F2FF;
  --cards:#FDFCFE;
  --border:#D3D0DD;

  --card-w:467px;
  --card-h:563px;
  --card-gap:37.75px;      
}

*{ box-sizing:border-box; }
html,body{ height:100%; margin:0; }
body{ background:var(--brackground); color:#1C0E45; font-family:"Lato",sans-serif; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
ul,li{ list-style:none; padding:0; margin:0; }

/* ===== HERO ===== */
.hero{
  position:relative;
  overflow:hidden;
  height:500px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  margin-bottom:65px;
}
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.hero-bar{ position:absolute; top:19px; left:132.5px; right:152.5px; height:64px; display:flex; justify-content:space-between; align-items:center; z-index:1; }
.hero-main{ position:absolute; left:50%; transform:translateX(-50%); width:507px; height:327px; pointer-events:none; z-index:1; }
.bar-left{ display:flex; align-items:center; gap:27px; }
.search{ display:flex; align-items:center; gap:8px; }
.search span{ color:#FFF; font-size:16px; font-weight:700; letter-spacing:.12em; }
.search img{ width:20px; height:20px; filter:brightness(0) invert(1); }
.bar-right{ display:flex; align-items:center; gap:20px; }
.logo{ width:280px; height:58px; flex-shrink:0; aspect-ratio:140/29; }
.link-login{ color:#FFFDF8; font-size:16px; font-weight:700; }
.btn-cta{ display:flex; height:40px; min-width:140px; padding:0 16.77px; align-items:center; border-radius:4px; background:var(--button); color:#FFFDF8; font-weight:700; }

/* ===== INTRO + CARROSSEL ===== */
.intro-cursos{
  padding:0 0 48px;
  padding-left:89px;
}
.intro-wrap{
  width:min(1280px,100%);
  margin:100 auto;
  display:grid;
  grid-template-columns: 1.4fr 1.35fr;   
  column-gap:64px;                   
  align-items:start;
}
.intro-copy h2{
  width: 666px;
  margin:0 0 40px;                     
  color: #3C315B;
  font-family: "Inter";
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 84px;
  letter-spacing:40px;
  text-align: left;
}
.intro-copy p{
  width: 666px;
  margin:0;
  color: #343336;
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  text-align: left;
}
.intro-copy{ padding-top:84.5px; }

/* CARROSSEL */
.carousel{ position:relative; }
.carousel-viewport{
  position:relative;                    
  overflow:hidden;
  padding-bottom:120px;                 
  
}
.carousel-track{
  display:flex;
  gap:var(--card-gap);
  padding:0;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.carousel-track::-webkit-scrollbar{ display:none; }

/* Exibe apenas os 2 primeiros cards por padrão*/
.carousel-track > .item:nth-child(n+3){
  display:none;
}
 /* Quando o carrossel estiver habilitado, remostra todos  */
.carousel.is-ready .carousel-track > .item{
  display:block;
} 
/* Oculta o "Ver todos" até o carrossel estar pronto */
.carousel:not(.is-ready) .carousel-track > .card.item.see-all{ display:none; }

/* CARDS */
.card.item{
  position:relative;
  width:var(--card-w);
  height:var(--card-h);
  flex-shrink:0;
  background:#FDFCFE;
  border-radius:24px;
  overflow:hidden;
  scroll-snap-align:start;
  transition:transform .25s ease;
}
.card.item > a > img{
  width:100%;
  height:337px;
  object-fit:cover;
  border-radius:24px 24px 0 0;
}
.card.item:hover{ transform:translateY(-3px); }
.card.item img{ width:100%; height:337px; object-fit:cover; }
.badge{
  position:absolute; top:0; left:0;
  width:127px; height:47px;
  padding:17px 32px 16px 32px;
  border-radius:3px;
  background:#F1FF52; color:#3C315B;
  font-family:"Inter",sans-serif; font-weight:700; font-size:18px; line-height:var(--line-height-20,20px); text-align:center;
  display:flex; align-items:center; justify-content:center; z-index:1;
}
/* ===== TAGS NOS CARDS ===== */
.card-body{ 
  height: 226px;
  padding:29px 22px 32px 22px; 
}

.card-body .meta{
  display:flex;
  gap:13px;                    
  margin-bottom: 32px;
  position: absolute;
  bottom: 0;
}

.card-body .tag{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 16px 8px 10px;    
  background:#F8F7FA;
  border-radius:8px;
  font-size:14px;
  color:#1C1C1C;
  font-weight:600;
  line-height:19px;
}
.card-body .premium{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 16px 8px 10px;
  background:#F8F7FA;          
  border-radius:8px;
  height:fit-content;
}
.card-body .premium img{
  width:18px;
  height:18px;
  object-fit:contain;
  display:block;
}
.card-body .green{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 16px 8px 10px;
  background:#F8F7FA;          
  border-radius:8px;
  height:fit-content;
}
.card-body .green img{
  width: 12px;
  height: 12px;
  object-fit:contain;
  display:block;
}

/* texto com gradiente (premium tag) */
.card-body .premium span{
  font-family:'Inter', sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:19.5px;
  letter-spacing:.2px;

  background:linear-gradient(90deg,#7E8AE0 0%,#CC71C4 100%);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}


.card-body .tag img{
  width:18px;
  height:18px;
  object-fit:contain;
  display:block;
}

.card-body h3{ 
  margin:0; 
  color:#3C315B; 
  font-family:"Inter",sans-serif; 
  font-size:30.3px; 
  font-weight:400; 
  line-height:1.2; 
  letter-spacing:-0.01em; 
}
  

.card-body .meta{ 
  display: flex;
  height:auto; 
  padding:0; 
  justify-content:flex-start; 
  align-items:center; 
  gap: 8px;
  flex-shrink: 0;
  align-self: stretch;
 }

/* ===== CARD "VER TODOS" (último do carrossel) ===== */
.card.item.see-all{
  width:var(--card-w);
  height:var(--card-h);
  flex-shrink:0;
  background:#FDFCFE;
  border-radius:24px;
  box-shadow:0 12px 24px rgba(16,12,64,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}

.card.item.see-all:hover{
  transform: translateY(-3px);
  
}

.card.item.see-all > a{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.see-all-content{
  display:flex;
  align-items:center;
  gap:12px;
}

.see-all-content span{
  font-family:'Inter', sans-serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:.3px;
  color:#3C315B;
}

.card.item.see-all img{
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
}


/* CONTROLES ENTRE CARD 1 e 2 */
.carousel-controls{
  position:absolute;
  bottom:32px;                           
  left: calc(var(--card-w) + (var(--card-gap) / 2)); 
  transform: translateX(-50%);          
  display:flex;
  align-items:center;
  justify-content:center;
  gap:42.5px;                           
  pointer-events:none;                   
  z-index:2;
}
.control-btn{
  pointer-events:auto;
  width:60px;
  height:60px;
  border:0;
  border-radius:50%;
  background:var(--brackground);
  color:#4A3E86;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* barra + dot (pager) */
.pager{ display:flex; align-items:center; gap:10px; }
.pager .bar{
  width:45px;
  height:14px;
  border-radius:999px;
  background:#7B64DA;
  display:inline-block;
}
.pager .dot{
  width:14px;
  height:14px;
  border-radius:50%;
  background:#C6BEF1;
  display:inline-block;
}

/* ===== HIGHLIGHTS ===== */
.highlights{
  position:relative;
  width:100%;
  height:375px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-top:24px;
}
.highlights-bg{
  position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:1920px; height:375px; object-fit:cover; z-index:0;
}
.high-wrap{
  position:relative; z-index:1;
  max-width:960px;
  display:flex; gap:44px; flex-wrap:wrap;
  justify-content:center; align-items:flex-start;
}
.highlights .card{
  display:flex; width:187px; height:187px; padding:15px 1px;
  flex-direction:column; justify-content:center; align-items:center; gap:15px;
  background:var(--cards); border-radius:6px; box-shadow:0 5px 0 rgba(0,0,0,.05);
}
.highlights .card img{ height:32px; }
.highlights .card strong{ color:var(--subtitle); font-size:36px; font-weight:700; }
.highlights .card span{ color:var(--subtitle); font-size:18px; font-weight:700; }

/* ===== PRICING ===== */
.pricing{ position:relative; padding:117px 24px 32px; }
.pricing::before{
  content:""; position:absolute; left:33%; top:290px; transform:translateX(-48%);
  width:973px; height:635px; background-repeat:no-repeat; background-size:contain; z-index:0; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='973' height='635' viewBox='0 0 973 635' fill='none'%3E%3Cpath d='M103.195 491.161C171.317 563.985 268.057 613.145 375.397 629.49C511.497 649.68 655.655 613.273 762.944 538.514C870.232 463.755 941.032 354.453 967.379 238.504C976.857 197.962 977.901 149.716 941.789 122.148C894.401 86.2282 816.683 111.689 776.497 153.366C736.31 195.043 716.882 249.126 676.317 290.478C702.097 216.773 702.476 131.715 651.391 68.3895C600.304 5.06377 487.614 -23.4775 415.866 22.9025C364.402 56.3067 346.963 116.066 344.878 171.366C342.793 226.665 352.271 282.694 339.381 336.94C326.775 267.289 311.801 195.528 266.212 136.824C220.624 78.119 136.081 35.8746 56.2792 53.2295C37.1038 56.1964 20.0718 65.5204 8.89034 79.1756C-0.587077 92.7952 -0.588857 109.661 0.455296 125.554C6.80559 256.584 4.05557 382.021 103.195 491.161Z' fill='%23DADAF1'/%3E%3C/svg%3E");
}
.pricing::after{
  content:""; position:absolute; right:5%; top:300px; width:638px; height:566px; background-repeat:no-repeat; background-size:contain; z-index:0; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='638' height='566' viewBox='0 0 638 566' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.78356 305.155C-9.96698 376.64 38.3836 446.533 86.9136 496.55C130.663 541.64 193.138 575.778 252.41 563.461C307.692 551.972 314.36 449.918 369.531 437.817C438.664 422.654 505.376 526.139 569.357 493.943C626.818 465.028 648.657 371.772 633.161 305.155C617.863 239.4 535.023 227.08 495.129 174.862C459.444 128.154 464.057 49.5132 415.237 19.916C364.573 -10.7995 298.018 -3.1169 245.405 23.4669C195.584 48.6385 180.218 114.181 142.617 157.658C96.8498 210.575 13.5236 233.725 1.78251 305.155H1.78356Z' fill='%237B64D9'/%3E%3C/svg%3E");
}
.pricing-wrap{ position:relative; z-index:1; width:min(1880px,calc(100% - 64px)); margin:0 auto; }
.shape-1,.shape-2{ display:none; }
.plans, .plan{ position:relative; z-index:2; }
.pricing-head{ text-align:center; margin-bottom:50px; }
.pricing-head h2{ margin:0 0 10px; font-size:48px; font-weight: 700; color:#1C0E45; }
.pricing-head p{ display:block; width:1169px; margin:0 auto; padding:0 100px; color:#62748E; font-size:24px; font-weight:400; text-align:center; }
.plansicon{width:65px; display:block;margin:0 auto 1px;}
.plans{display:grid; grid-template-columns:926px 477px;  align-items:stretch; margin-top:18px; justify-content:center; width:max-content; margin-left:auto; margin-right:auto; }
.plan{ background:var(--cards); border:1px solid var(--border); border-radius:12px; box-shadow:0 6px 22px rgba(16,12,64,.08); display:flex; flex-direction:column; padding:28px; position:relative; }
.plan header h3{ margin:0 0 8px; color:#1C0E45; font-size:22px; }
.plan-free > header h3{
  margin-top: 42px;
  color:#0F172B;
  font-family:var(--font-family-font-family, "DM Sans"), "Inter", "Lato", sans-serif;
  font-size:var(--font-size-text-3xl, 30px);
  font-style:normal;
  font-weight:var(--font-weight-semibold, 600);
  line-height:var(--line-height-text-3xl, 36px);
}
.plan header p{ margin:0; color:#6D6A79; font-size:14px; }
.plan-free > header p{
  width: 400px;
  color:#62748E;
  font-size:var(--font-size-text-base,16px);
  font-style:normal;
  font-weight:var(--font-weight-normal,400);
  line-height:var(--line-height-text-base,24px);
}
.pf-illustration .motivation{
  color:#314158;
  text-align:center;
  font-size:var(--font-size-text-base,16px);
  font-style:normal;
  font-weight:var(--font-weight-semibold,600);
  line-height:var(--line-height-text-base,24px);
}
.plan-free footer .btn.outline{
  width:336px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#6D28D2;
  font-size:var(--font-size-text-sm,14px);
  font-style:normal;
  font-weight:var(--font-weight-medium,500);
  line-height:var(--line-height-text-sm,20px);
}
.plan-free footer .btn.outline .icon{ width:18px; height:18px; object-fit:contain; margin-left:8px; }

.plan-free .terms{
  color:#62748E;
  text-align:center;
  font-size:var(--font-size-text-xs,12px);
  font-style:normal;
  font-weight:var(--font-weight-normal,400);
  line-height:var(--line-height-text-xs,16px);
}
.plan-free footer p{
  margin:12px 0 0;
  color:#62748E;
  text-align:center;
  font-size:var(--font-size-text-xs,12px);
  font-style:normal;
  font-weight:var(--font-weight-normal,400);
  line-height:var(--line-height-text-xs,16px);
}
.plan .features{ margin-top:0px; display:flex; flex-direction:column; gap:12px; color:#62748E;  }
.plan .features .strong{
  display: inline;
  margin: 0;
  padding: 0;
}

.plan .features li{ position:relative; display:flex; align-items:center; gap:0; padding-left:24px; }
.plan .features li::before{ content:""; position:absolute; left:0; top:6px; width:14px; height:14px; background:url('../../img/circle-check-fill.png') no-repeat center/contain; }
.plan .features li img{ width:18px; height:18px; object-fit:contain; margin-right:12px; }
.plan .features li strong{ margin:0 4px; font-weight:700; }
.plan .features li img[src$="circle-check-fill.png"]{ width:25px; height:25px; }
.plan .features li img[src$="circle-check.png"]{ width:20px; height:20px; }
.plan .features li:has(img){ padding-left:0; }
.plan .features li:has(img)::before{ display:none; }
.plan footer{ margin-top:auto; padding-top:16px; }
.btn{ display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 20px; border-radius:8px; font-weight:800; letter-spacing:.02em; }
.btn.outline{ border:2px solid #7B64DA; color:#7B64DA; background:transparent; }
.btn.solid{ background:#6D28D2; color:#FFF; font-size: 14px; font-weight: 500;}
.plan-free footer .btn.outline{ position:relative; padding-right:36px; }
.plan-free footer .btn.outline::after{ width:18px; height:18px;  position:absolute; right:12px; top:50%; transform:translateY(-50%); }
.pf-illustration{ display:flex; flex-direction:column; align-items:center; gap:10px; margin:6px 0 10px; }
.pf-illustration img{ width:220px; height:auto; object-fit:contain; }
.pf-illustration .motivation{ color:#2E2B44; font-weight:700; }

/* Plano Iniciante */
.plan-free{ position:relative; display:grid; grid-template-columns:1fr 1fr; column-gap:0; row-gap:0; padding:32px; align-items:start; width:926px; height:497px; }
.plan-free::before{ content:""; position:absolute; left:50%; top:32px; bottom:92.5px; width:1px; background:#E6E6F5; }
.plan-free > header{ grid-column:1; padding:0 82.5px 0 0; align-self:start; }
.plan-free > ul.features{ grid-column:1; padding:48px 82.5px 92.5px 0; margin:0; position: absolute; bottom: 0; }
.plan-free > .pf-illustration{ grid-column:2; text-align:center;  }
.plan-free > .pf-illustration .motivation{ margin-top:12px; }
.plan-free > .pf-illustration .motivation{ margin-bottom:12px; }
.plan-free > footer{ grid-column:2; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; padding:0 0 92.5px 0px; }
.plan-free footer .btn{ margin-bottom:12px; }
.plan-free footer .terms, .plan-free .terms{ display:block; margin-top:12px; color:#7E8AA0; }
.plan-free > .pf-illustration, .plan-free > footer{ align-items:center; }
.plan-pro{ position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:stretch; gap:0; width:477px; height:532px; padding:32px; border:1px solid #E2E8F0; background:#FDFCFE; border-radius:var(--ui-radius,12px); box-sizing:border-box; }
.plan-pro > *{ width:100%; }
.pro-title{ display:flex; align-items:center; gap:12px; }
.pro-title h3{
  margin:0;
  color:#0F172B;
  font-family:var(--font-family-font-family, "DM Sans"), "Inter", "Lato", sans-serif;
  font-size:var(--font-size-text-3xl, 30px);
  font-style:normal;
  font-weight:var(--font-weight-semibold, 600);
  line-height:var(--line-height-text-3xl, 36px);
}
.plan-pro p{
  color:#62748E;
  font-size:var(--font-size-text-base,16px);
  font-style:normal;
  font-weight:var(--font-weight-normal,400);
  line-height:var(--line-height-text-base,24px);
}
.plan-pro .beta{
  display:flex;
  padding:4px 6px;
  justify-content:center;
  align-items:center;
  gap:4px;
  border-radius:var(--ui-radius,6px);
  background:#3C315B;
  color:#FFF;
  font-size:12px;
  font-weight:700;
}
.pro-desc{ margin:4px 0 10px; color:#62748E; line-height:20px; }
.pro-price{ display:flex; align-items:flex-end; gap:8px; margin:0; }
.pro-price .from{ color:#62748E; font-size:var(--font-size-text-xl,20px); font-style:normal; font-weight:600; line-height:var(--line-height-text-xl,28px); text-decoration-line:line-through; }
.pro-price strong{ color:#0F172B; font-size:var(--font-size-text-3xl,30px); font-style:normal; font-weight:var(--font-weight-semibold,600); line-height:var(--line-height-text-3xl,36px); }
.pro-price .per{ color:#62748E; font-size:var(--font-size-text-xs,12px); font-style:normal; font-weight:var(--font-weight-medium,500); line-height:var(--line-height-text-xs,16px); }
.pro-features{ color:#2E2B44; margin-top:0; }
.pro-footer{ margin-top:44px; display:flex; flex-direction:column; align-items:center; gap:12px; }
.pro-cta{ width:413px; height:36px; display:inline-flex; align-items:center; justify-content:center; }
.plan-pro footer .btn.solid{ width:413px; height:36px; display:inline-flex; align-items:center; justify-content:center; }
.plan-pro footer p{ color:#62748E; display:block; margin-top:12px; margin-bottom:12px; text-align:center; font-size:12px; line-height:var(--line-height-text-xs,16px); font-weight:var(--font-weight-normal,400); }
.plan-pro .pill{
  order:1;
  background:transparent; padding:0; border-radius:0; margin:0 0 0 0;
  color:#0F172B;
  font-family:var(--font-family-font-family, "DM Sans"), "Inter", "Lato", sans-serif;
  font-size:var(--font-size-text-3xl, 30px);
  font-weight:var(--font-weight-semibold, 600);
  line-height:var(--line-height-text-3xl, 36px);
  display:flex; align-items:center; gap:12px;
}
.plan-pro .pill::after{
  height: 20px;
  width: 34px;
  content:"Beta";
  display:flex;
  margin-left:12px;
  justify-content:center;
  align-items:center;
  gap:4px;
  border-radius:var(--ui-radius,6px);
  background:#3C315B;
  color:#FFF;
  font-size:10px;
  font-weight:500;
}
.plan-pro header p{ order:2; margin:8px 0 24px; }
.plan-pro header .price{ order:3; margin:0 0 13.5px; }
.plan-pro .price{ display:flex; align-items:flex-end; gap:8px; margin:6px 0 4px; }
.plan-pro .price .from{ color:#9A94C8; text-decoration:line-through; font-size:14px; }
.plan-pro .price strong{ color:#1C0E45; font-size:32px; line-height:1; }
.plan-pro .price .per{ color:#6D6A79; font-size:12px; margin-bottom:2px; }
.plan-pro .price .from{
  color:#62748E;
  font-size:var(--font-size-text-xl,20px);
  font-style:normal;
  font-weight:600;
  line-height:var(--line-height-text-xl,28px);
  text-decoration-line:line-through;
}
.plan-pro .price strong{
  color:#0F172B;
  font-size:var(--font-size-text-3xl,30px);
  font-style:normal;
  font-weight:var(--font-weight-semibold,600);
  line-height:var(--line-height-text-3xl,36px);
}
.plan-pro .price .per{
  color:#62748E;
  font-size:var(--font-size-text-xs,12px);
  font-style:normal;
  font-weight:var(--font-weight-medium,500);
  line-height:var(--line-height-text-xs,16px);
}
.plan-pro > ul.features{ margin-top:13.5px; gap:17px; }
.plan-pro > footer{ margin-top:34px; padding-top:0; }
.plan-pro > ul.features li + li{ margin-top:0; }

.payment-note{ margin-top:38px; margin-bottom:83px; display:flex; flex-direction:column; align-items:center; gap:12px; }
.payment-icons{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; justify-content:center; }
.payment-icons img{ height:40px; object-fit:contain; }
.payment-note .pay-main{
  color:#314158;
  text-align:center;
  font-family: Inter;
  font-size: var(--line-height-18, 18px);
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: normal;
  margin:0;
}
.payment-note .pay-sub{
  color:#314158;
  text-align:center;
  font-family: var(--font-family-Font-1, Inter);
  font-size: var(--font-size-12, 12px);
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: normal;
  margin:0;
}

/* ===== DEPOIMENTOS ===== */
.depoimentos{ position:relative; z-index:0; text-align:center; max-width:1600px; margin:0 auto 24px; padding:0 24px 0; overflow:visible; }
.aspas{width:32px; display:block;margin:0 auto 10px;}
.depoimentos h2{ margin:0; color:#1C0E45; font-size:36px; font-weight:700; }
.depoimentos p{ color:#62748E; font-size:20px; margin-bottom:30px; font-weight: 400;}
.cards{ display:grid; grid-template-columns:56px 1fr 1fr 1fr 56px; column-gap:60px; align-items:start; justify-content:center; }
.nav{display:block; padding:0; margin:0; width:auto; height:auto; background:transparent; border:0; cursor:pointer; line-height:0; align-self: center;        
}
.nav img{ width:50px; height:50px; }
.depo{ display:flex; width:425px; min-height:195px; padding:31px; flex-direction:column; align-items:flex-start; border-radius:6px; border:1px solid rgba(100,100,100,.5); background:var(--cards); box-shadow:0 0 6px rgba(0,0,0,.15); }
.depoimentos .depo p{ color:#343336; text-align:justify; font-size:15px; font-weight:700; line-height:23.8px; margin:0; }
.user{ display:flex; align-items:center; gap:12px; margin-top:auto; }
.user>div{ display:flex; flex-direction:column; gap:6px; line-height:1.1; }
.user strong{ color:var(--about); font-size:16px; font-weight:700; text-align: left;}
.avatar{ width:44px; height:44px; border-radius:50%; }
.stars{ height:18px; }
.dots{ display:flex; justify-content:center; gap:8px; margin-top:24px; margin-bottom:57px; }
.dot{ width:15px; height:15px; border-radius:50%; background:var(--spot); opacity:.4; }
.dot.active{ opacity:1; }
.depoimentos::after{ display:none; }

/* Imagem de decoração na seção de depoimentos */
.depoimentos .deco-wave{
  position:absolute;
  margin: 0;
  right: calc((100vw - min(1600px, 100%)) / 2 - 260px);
  bottom: -58px;         
  width: 640px;           
  height: auto;
  pointer-events: none;
  user-select: none;
  z-index: -1;
}

/* ===== FOOTER ===== */
.footer{ background:var(--brackground); color:var(--footer); font-size:14px; }
.footer .wrap{ width:min(1880px,calc(100vw - 80px)); margin:0 auto; }
.footer .hr{ height:1px; background:var(--line); width:100%; opacity:.9; }
.footer .social-grid{ position:relative; width:100%; height:120px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; justify-items:center; padding:30px 0 24px; }
.footer .social-grid img{ height:32px; }
.footer .social-grid .v-sep{ position:absolute; top:0; bottom:0; width:1px; background:var(--line); opacity:.9; }
.footer .social-grid .sep-1{ left:33.333%; } .footer .social-grid .sep-2{ left:66.666%; }
.footer .info-grid{ height:143px; display:grid; grid-template-columns:283px 1fr; column-gap:48px; padding:24px 0 22px; }
.footer .meta-grid{ display:grid; height:181px; grid-template-columns:283px 1fr; column-gap:48px; padding:18px 0 16px; align-items:start; }
.footer h4{ position:relative; margin:0 0 16px; color:var(--about); font-size:15px; font-weight:700; }
.footer h4::after{ content:""; position:absolute; left:0; bottom:-6px; width:40px; height:3px; background:var(--line); }
.footer p{ margin:6px 0; } .footer a{ display:flex; align-items:center; gap:8px; color:var(--footer); }
.footer .selo{ width:118px; height:50px; }

/* Formas de pagamento */
.footer .pagamentos{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 18px;
  margin-top:8px;
}
.footer .pagamentos img{
  height:32px;
  width:auto;
  object-fit:contain;
  display:block;
  margin:0;
}

.footer .copyright{ height:56px; color:var(--line); font-size:12px; padding:21px 0 24px; }

.intro-copy h2{ letter-spacing:-0.01em; }
.intro-copy p{ line-height:1.55; max-width:666px; }


/* Pricing */
.pricing-head h2{ font-size:36px; }
.plans{ gap:95px; }

/* ===== RESPONSIVO ===== */
@media (max-width:1200px){
  .hero-bar{ left:24px; right:24px; }
  .intro-wrap{ grid-template-columns:1fr; row-gap:28px; }
  .carousel-viewport{ padding-bottom:110px; }
  .carousel-controls{ left: calc(var(--card-w) + (var(--card-gap)/2)); }
}
@media (max-width:720px){
  .intro-copy h2{ font-size:40px; }
}
@media (max-width:1200px){
  .plans{ grid-template-columns:1fr; width:100%; margin:0 auto; }
}
@media (max-width:720px){
  .pricing-head h2{ font-size:28px; }
}