/*
Theme Name: IA MAX Theme
Theme URI: https://seusite.com/
Author: Antigravity
Author URI: https://seusite.com/
Description: Tema de alta conversão para o funil IA-MAX.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iamax
*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --bg: #000000;
  --bg-cards: #0A0A0A;
  --bg-cards-alt: #0D0D0D;
  --red: #CC0000;
  --red-hover: #AA0000;
  --red-glow: rgba(204,0,0,0.10);
  --green: #16A34A;
  --green-hover: #15803D;
  --green-glow: rgba(22,163,74,0.15);
  --text: #FFFFFF;
  --text-muted: #CCCCCC;
  --border: rgba(255,255,255,0.06);
  --border-red: rgba(204,0,0,0.25);
  --font-title: 'Bebas Neue','Space Grotesk',sans-serif;
  --font-body: 'Inter',sans-serif;
  --font-grotesk: 'Space Grotesk',sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}

/* ── Progress ── */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--red);z-index:10002;box-shadow:0 0 8px var(--red-glow)}

/* ── Nav ── */
.sticky-nav{position:fixed;top:0;left:0;right:0;height:56px;background:rgba(0,0,0,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-red);z-index:9998;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);transition:transform .3s ease}
.sticky-nav.hidden{transform:translateY(-100%)}

.nav-logo-img{height:36px;width:auto;object-fit:contain}

.nav-cta{background:var(--green);color:#fff;font-family:var(--font-grotesk);font-weight:700;font-size:13px;padding:10px 22px;border-radius:4px;border:none;cursor:pointer;text-transform:uppercase;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 16px var(--green-glow);white-space:nowrap}
.nav-cta:hover{background:var(--green-hover);transform:scale(1.04);box-shadow:0 6px 24px var(--green-glow)}

/* ── Section ── */
.section{padding:64px clamp(20px,5vw,80px);max-width:1100px;margin:0 auto;position:relative}
.section--full{max-width:100%;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}

/* ── Hero ── */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:80px}

.hero__logo{display:block;height:clamp(80px,12vw,120px);width:auto;margin:0 auto 28px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(22,163,74,0.2))}

.hero__tag{display:inline-block;border:1px solid var(--red);color:var(--red);font-family:var(--font-grotesk);font-size:clamp(11px,1.2vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:2.5px;padding:8px 20px;border-radius:4px;margin-bottom:12px}
.hero__tag-line{width:120px;height:1px;background:var(--red);margin:0 auto 32px;opacity:.4}

.hero__title{font-family:var(--font-title);font-size:clamp(42px,7.5vw,86px);line-height:1.0;letter-spacing:1px;margin-bottom:22px}
.hero__title span{display:block}
.hero__title strong{font-weight:700}

.hero__subtitle{font-size:clamp(15px,1.6vw,18px);line-height:1.75;max-width:600px;margin:0 auto 34px;color:var(--text)}

/* ── CTA Buttons ── */
.cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;font-family:var(--font-grotesk);font-weight:700;font-size:clamp(15px,1.6vw,17px);padding:18px 40px;border-radius:4px;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;transition:background .25s,transform .25s,box-shadow .25s;box-shadow:0 8px 24px var(--green-glow)}
.cta-btn:hover{background:var(--green-hover);transform:scale(1.04);box-shadow:0 10px 32px var(--green-glow)}
.cta-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 3.5s infinite}
@keyframes shimmer{0%{left:-100%}100%{left:200%}}
.cta-btn--large{font-size:clamp(17px,2vw,22px);padding:22px 52px}
.cta-btn--pulse{animation:pulse 2.5s ease-in-out infinite}
.cta-btn--pulse-strong{animation:pulseStrong 2s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes pulseStrong{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}

.cta-sub{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:14px;font-size:13px;color:var(--green)}

/* ═══ BEFORE / AFTER ═══ */
.ba__section-title{
  font-family:var(--font-title);
  font-size:clamp(32px,5vw,56px);
  text-align:center;
  margin-bottom:48px;
  line-height:1.1;
}
.ba__section-title span{display:block}

.ba__subtitle {
  text-align: center;
  font-family: var(--font-grotesk);
  font-size: 20px;
  color: var(--text-muted);
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.ba__carousel-wrapper {
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto 40px;
  position: relative;
  touch-action: pan-y;
  border-radius: 12px;
}
.ba__carousel-track {
  display: flex;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.ba__slide {
  flex: 0 0 100%;
  min-width: 100%;
  padding: 0;
}
.ba__pair {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  padding: 0 10px;
}

.ba__card{
  flex: 1 1 0%;
  min-width: 0;
  border-radius:10px;
  overflow:hidden;
  position:relative;
  border:1px solid var(--border);
  background: #000000;
}
.ba__card img{
  width:100%;
  height: auto;
  max-height: 70vh;
  aspect-ratio: 4/5;
  object-fit: cover;
  display:block;
  margin: 0 auto;
}
#gallery {
  text-align: center;
}
.ba__card--before{
  border-color:rgba(204,0,0,0.2);
  box-shadow:0 0 20px rgba(204,0,0,0.06);
}
.ba__card--after{
  border-color:rgba(22,163,74,0.25);
  box-shadow:0 0 20px rgba(22,163,74,0.08);
}

.ba__label{
  position:absolute;
  left:0;
  right:0;
  padding:10px 16px;
  font-family:var(--font-grotesk);
  font-weight:700;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-align:center;
  z-index: 2;
}
.ba__label--top {
  top: 0;
  bottom: auto;
}

.ba__label--red{
  background:rgba(204,0,0,0.85);
  color:#fff;
}
.ba__label--green{
  background:rgba(22,163,74,0.85);
  color:#fff;
}

.ba__arrow{
  font-size:28px;
  color:var(--text-muted);
  flex-shrink:0;
  font-weight:700;
  opacity:.5;
}

.ba__conclusion{
  text-align:center;
  font-size:clamp(18px,2.2vw,24px);
  line-height:1.7;
  margin:8px auto 0;
  max-width:600px;
}
.ba__conclusion strong{
  display:block;
  font-size:clamp(20px,2.8vw,28px);
  font-family:var(--font-grotesk);
  margin-top:4px;
  color:var(--green);
}

@media(max-width:768px){
  .ba__pair{
    flex-direction:row;
    gap:8px;
    padding: 0;
  }
  .ba__card img {
    max-height: 50vh;
  }
  .ba__arrow{
    font-size:18px;
    margin: 0 -4px;
    z-index: 10;
  }
  .ba__label {
    padding: 6px 4px;
    font-size: 10px;
    letter-spacing: 0px;
  }
}

/* ═══ GALLERY ═══ */
.gallery__title{font-family:var(--font-title);font-size:clamp(32px,5vw,56px);text-align:center;margin-bottom:40px;line-height:1.1}
.gallery__title span{display:block}

.gallery__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:180px;
  grid-auto-flow: dense;
  gap:4px;
  max-width:1200px;
  margin:0 auto 32px;
  background-color:#000;
  padding:4px;
}

.gallery__item{
  border-radius:4px;
  overflow:hidden;
  border:1px solid var(--border);
  transition:transform .25s,box-shadow .25s;
  position:relative;
  width:100%;
  height:100%;
}
.gallery__item:hover{
  transform:scale(1.03);
  box-shadow:0 0 20px rgba(204,0,0,0.3);
  z-index:2;
}
.gallery__item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.gallery__item--large{grid-column:span 2;grid-row:span 2}
.gallery__item--medium{grid-column:span 1;grid-row:span 2}
.gallery__item--small{grid-column:span 1;grid-row:span 1}

@keyframes bounceCustom {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}
.animate-bounce-custom {
  animation: bounceCustom 1.5s ease-in-out infinite;
}

/* Custom Play Button Vimeo */
@keyframes pulsePlay {
  0% { transform: scale(1); box-shadow: 0 0 20px rgba(204,0,0,0.5); }
  50% { transform: scale(1.08); box-shadow: 0 0 40px rgba(204,0,0,0.9); }
  100% { transform: scale(1); box-shadow: 0 0 20px rgba(204,0,0,0.5); }
}
.play-btn-pulse {
  animation: pulsePlay 1.5s infinite;
}

/* Placeholder for images not yet provided */
.gallery__placeholder{
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#0a0a0a 0%,#111 40%,#0a0a0a 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.gallery__placeholder::before{
  content:'';
  position:absolute;
  inset:0;
  border:1px dashed rgba(204,0,0,.2);
  border-radius:10px;
  margin:8px;
}
.gallery__placeholder span{
  font-family:var(--font-grotesk);
  font-size:13px;
  font-weight:600;
  color:rgba(255,255,255,.25);
  text-transform:uppercase;
  letter-spacing:1px;
  text-align:center;
  padding:12px;
}

.gallery__note{text-align:center;font-size:16px;margin-bottom:28px}

@media(max-width:768px){
  .gallery__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-auto-rows:minmax(120px, auto);
    grid-auto-flow: dense;
    gap:4px;
    padding:4px;
    background-color:#000;
  }
  .gallery__item{
    min-height:120px;
  }
  .gallery__item--large{grid-column:span 2;grid-row:span 3}
  .gallery__item--medium{grid-column:span 1;grid-row:span 2}
  .gallery__item--small{grid-column:span 1;grid-row:span 1}
}

/* ═══ INSIDE (What's inside + How it works) ═══ */
.inside__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  max-width:960px;
  margin:0 auto;
}

.inside__title{
  font-family:var(--font-title);
  font-size:clamp(28px,4vw,44px);
  margin-bottom:28px;
}

.inside__list{
  list-style:none;
}
.inside__list li{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 0;
  font-size:17px;
  font-weight:500;
  border-bottom:1px solid var(--border);
}
.inside__list li:last-child{border-bottom:none}
.inside__check{
  color:var(--green);
  font-size:20px;
  font-weight:700;
  flex-shrink:0;
}

.inside__steps{
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-bottom:28px;
}
.inside__step{
  display:flex;
  align-items:flex-start;
  gap:16px;
}
.inside__step-num{
  font-family:var(--font-grotesk);
  font-size:28px;
  font-weight:700;
  color:var(--green);
  flex-shrink:0;
  line-height:1.2;
}
.inside__step p{
  font-size:17px;
  line-height:1.6;
}
.inside__step-sub{
  color:var(--text-muted);
  font-size:15px !important;
}

.inside__footer{
  font-size:16px;
  line-height:1.7;
  padding-top:8px;
  border-top:1px solid var(--border);
}
.inside__footer strong{
  font-weight:700;
  display:block;
  margin-top:4px;
  font-size:18px;
  font-family:var(--font-grotesk);
}

@media(max-width:768px){
  .inside__grid{
    grid-template-columns:1fr;
    gap:40px;
  }
}

/* ═══ Pricing ═══ */
.pricing{text-align:center}
.pricing__question{font-family:var(--font-title);font-size:clamp(28px,4.5vw,50px);margin-bottom:40px}
.pricing__card{max-width:480px;margin:0 auto;background:var(--bg-cards);border:1px solid var(--border-red);border-radius:16px;padding:48px 36px;box-shadow:0 0 40px rgba(204,0,0,0.06)}
.pricing__card-title{font-family:var(--font-title);font-size:30px;letter-spacing:2px;margin-bottom:4px;color:var(--red)}
.pricing__card-subtitle{font-family:var(--font-grotesk);font-size:15px;color:var(--text-muted);margin-bottom:28px}
.pricing__features{list-style:none;margin-bottom:28px;text-align:left}
.pricing__features li{padding:8px 0;font-size:16px;display:flex;align-items:center;gap:10px}
.pricing__features .check{color:var(--green);font-weight:700}
.pricing__old-price{font-size:20px;color:#CC0000;margin-bottom:8px;position:relative;display:inline-block;font-weight:700}
.pricing__strike-line{position:absolute;top:50%;left:0;width:0;height:2px;background:#CC0000}
.pricing__new-price{font-family:var(--font-grotesk);font-size:clamp(48px,7vw,64px);font-weight:700;color:var(--green);margin-bottom:4px}
.pricing__payment-type{font-size:15px;color:var(--text-muted);margin-bottom:28px}
.pricing__methods{font-size:14px;color:var(--text-muted);margin-top:20px}
.pricing__access{font-size:14px;color:var(--green);margin-top:8px}
.pricing__warning{margin-top:24px;font-size:15px;color:var(--text-muted)}

/* ═══ Guarantee ═══ */
.guarantee{text-align:center}
.guarantee__shield{font-size:72px;margin-bottom:24px;display:block}
.guarantee__title{font-family:var(--font-title);font-size:clamp(28px,4vw,44px);margin-bottom:28px}
.guarantee__text{max-width:620px;margin:0 auto;font-size:17px;line-height:1.8}
.guarantee__text p{margin-bottom:4px}

/* ═══ FAQ ═══ */
.faq__title{font-family:var(--font-title);font-size:clamp(32px,5vw,56px);text-align:center;margin-bottom:40px}
.faq__item{max-width:680px;margin:0 auto 20px;background:var(--bg-cards);border:1px solid var(--border);border-radius:10px;padding:24px 28px;cursor:pointer}
.faq__question{font-family:var(--font-grotesk);font-weight:700;font-size:17px;margin-bottom:10px}
.faq__answer{font-size:15px;line-height:1.7;color:var(--text-muted)}

/* ═══ CTA Final ═══ */
.cta-final{text-align:center;background:linear-gradient(180deg,#000 0%,#030303 100%);padding:72px clamp(20px,5vw,80px)}
.cta-final__logo{display:block;height:clamp(64px,10vw,96px);width:auto;margin:0 auto 24px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(22,163,74,0.2))}
.cta-final__title{font-family:var(--font-title);font-size:clamp(36px,6vw,68px);line-height:1.1;margin-bottom:28px}
.cta-final__title span{display:block}

/* ═══ Footer ═══ */
.footer{text-align:center;padding:40px 20px;border-top:1px solid var(--border);font-size:13px;color:#555;line-height:2}
.footer a{color:#777;transition:color .2s}
.footer a:hover{color:var(--green)}

/* ═══ Reduced Motion ═══ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ═══ Responsive ═══ */
@media(max-width:768px){
  .section{padding:28px 18px}
  .hero{padding-top:64px;min-height:auto;padding-bottom:32px}
  .hero__subtitle{margin-bottom:22px}
  .ba__section-title{margin-bottom:24px;font-size:clamp(26px,6vw,40px)}
  .ba__subtitle{font-size:15px;margin-bottom:12px;letter-spacing:1px}
  .ba__carousel-wrapper{margin-bottom:20px}
  .ba__conclusion{margin-top:4px}
  .gallery__title{margin-bottom:20px}
  .gallery__note{margin-bottom:16px}
  .inside__grid{gap:24px}
  .inside__title{margin-bottom:16px}
  .pricing__question{margin-bottom:24px}
  .pricing__card{padding:28px 18px}
  .guarantee__shield{font-size:52px;margin-bottom:14px}
  .guarantee__title{margin-bottom:16px}
  .faq__title{margin-bottom:24px}
  .faq__item{margin-bottom:12px;padding:18px 18px}
  .cta-sub{flex-direction:column;align-items:center;gap:6px}
  .cta-btn{font-size:15px;padding:16px 28px;width:100%;justify-content:center}
  .nav-cta{font-size:11px;padding:8px 14px}
  .hero__logo{height:70px}
}
@media(max-width:480px){
  .hero__title{font-size:36px}
  .pricing__new-price{font-size:48px}
}