/* ================================================================
 * Diginect[ed] — Landing Page — Estilos
 * Autor: Sandro Hermogenes · https://diginect.com
 * Versao: 1.1.0
 * Data: 2026-05-04T10:10:00-03:00
 * ================================================================ */

:root{
  --orange:#FA7921;
  --orange-deep:#E56A18;
  --ink:#191829;
  --ink-2:#22213a;
  --charcoal:#403F41;
  --paper:#F2F2F5;
  --paper-warm:#F7F4EF;
  --line:rgba(25,24,41,.10);
  --line-on-ink:rgba(255,255,255,.12);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  font-family:'Manrope', system-ui, -apple-system, sans-serif;
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"ss01","cv11";
  line-height:1.5;
  overflow-x:hidden;
}

.mono{font-family:'JetBrains Mono', ui-monospace, monospace}

.eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.bracket{color:var(--orange)}

/* Botoes */
.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:18px 26px;
  font-weight:600; font-size:16px;
  border-radius:999px;
  border:none; cursor:pointer;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
  text-decoration:none;
  font-family:inherit;
}

.btn-primary{
  background:var(--orange); color:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.05), 0 10px 24px -10px rgba(250,121,33,.55);
}

.btn-primary:hover{
  background:var(--orange-deep);
  transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(0,0,0,.05), 0 18px 32px -12px rgba(250,121,33,.6);
}

.btn-ghost-dark{
  background:transparent; color:var(--ink);
  border:1.5px solid var(--ink);
}

.btn-ghost-dark:hover{
  background:var(--ink); color:#fff;
}

.btn-ghost-light{
  background:transparent; color:#fff;
  border:1.5px solid rgba(255,255,255,.5);
}

.btn-ghost-light:hover{
  background:#fff; color:var(--ink); border-color:#fff;
}

.btn-arrow{
  display:inline-block;
  transition:transform .2s ease;
}

.btn:hover .btn-arrow{
  transform:translateX(4px);
}

/* Secoes */
.section{ padding:120px 0; position:relative }
.section-sm{ padding:80px 0 }
.container{ max-width:1200px; margin:0 auto; padding:0 32px }
.container-wide{ max-width:1360px; margin:0 auto; padding:0 32px }

h1,h2,h3,h4{
  font-family:'Manrope', sans-serif;
  letter-spacing:-0.02em;
  line-height:1.05;
  margin:0;
}

h1{
  font-size:clamp(44px, 5.6vw, 84px);
  font-weight:700;
  letter-spacing:-0.035em;
}

h2{
  font-size:clamp(34px, 3.8vw, 56px);
  font-weight:700;
  letter-spacing:-0.028em;
  line-height:1.08;
}

h3{
  font-size:clamp(22px, 1.8vw, 28px);
  font-weight:600;
  line-height:1.2;
}

p{ margin:0 }

.lead{
  font-size:19px;
  line-height:1.55;
  color:var(--charcoal);
}

/* Keyframes */
@keyframes beamsFade {
  0%,100% { opacity:.6 }
  50% { opacity:.75 }
}

@keyframes spin {
  to { transform:rotate(360deg) }
}

@keyframes fadeIn {
  from { opacity:0 }
  to { opacity:1 }
}

/* ============================================================
   RESPONSIVO — tablet + mobile
   ============================================================ */

/* Tablets */
@media (max-width: 1024px){
  .container, .container-wide{ padding:0 24px }
  .section{ padding:88px 0 }

  [style*="gridTemplateColumns:'1.25fr 1fr'"],
  [style*="gridTemplateColumns:'1fr 1.4fr'"],
  [style*="gridTemplateColumns:'1fr 1.1fr'"],
  [style*="gridTemplateColumns:'1fr 1.3fr'"],
  [style*="gridTemplateColumns:'1fr 2fr'"],
  [style*="grid-template-columns: 1.25fr 1fr"],
  [style*="grid-template-columns: 1fr 1.4fr"],
  [style*="grid-template-columns: 1fr 1.1fr"],
  [style*="grid-template-columns: 1fr 1.3fr"],
  [style*="grid-template-columns: 1fr 2fr"]{
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="gridTemplateColumns:'repeat(4, 1fr)'"]{
    grid-template-columns: repeat(2, 1fr) !important;
  }

  [style*="grid-template-columns: 1fr 1fr 1fr"],
  [style*="gridTemplateColumns:'1fr 1fr 1fr'"]{
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  [style*="grid-template-columns: 1.5fr 1fr 1fr 1fr"],
  [style*="gridTemplateColumns:'1.5fr 1fr 1fr 1fr'"]{
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }

  [style*="minmax(320px"]{
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  }

  [style*="position: sticky"]{ position: static !important }

  section[data-screen-label="01 Hero"] [style*="height: 640"]{
    height: 480px !important;
  }

  [style*="width: 280"][style*="height: 280"]{
    width: 220px !important; height: 220px !important;
  }

  .desktop-nav{ display: none !important }

  h1{ font-size: clamp(38px, 6.5vw, 64px) !important }
  h2{ font-size: clamp(30px, 4.5vw, 46px) !important }
}

/* Phones */
@media (max-width: 640px){
  .container, .container-wide{ padding:0 18px }
  .section{ padding:64px 0 }

  [style*="grid-template-columns: 1fr 1fr"],
  [style*="gridTemplateColumns:'1fr 1fr'"],
  [style*="grid-template-columns: repeat(2, 1fr)"],
  [style*="gridTemplateColumns:'repeat(2, 1fr)'"],
  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="gridTemplateColumns:'repeat(4, 1fr)'"],
  [style*="grid-template-columns: 1.5fr 1fr 1fr 1fr"],
  [style*="gridTemplateColumns:'1.5fr 1fr 1fr 1fr'"]{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  [style*="grid-template-columns: auto 1fr"],
  [style*="gridTemplateColumns:'auto 1fr'"]{
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    justify-items: center !important;
    text-align: left !important;
  }

  [style*="border-right: 1px solid var(--line)"]{
    border-right: none !important;
    border-bottom: 1px solid var(--line) !important;
  }

  .btn{ padding: 16px 22px !important; font-size: 15px !important }

  section[data-screen-label="01 Hero"] [style*="height: 640"],
  section[data-screen-label="01 Hero"] [style*="height: 480"]{
    height: 360px !important;
  }
  section[data-screen-label="01 Hero"] [style*="maxWidth: 760"],
  section[data-screen-label="01 Hero"] [style*="max-width: 760"]{
    max-width: 100% !important;
    width: 100% !important;
    right: -10% !important;
    bottom: -50px !important;
  }

  section[data-screen-label="01 Hero"] [style*="backdrop-filter: blur(18"],
  section[data-screen-label="01 Hero"] [style*="backdropFilter:'blur(18"]{
    display: none !important;
  }
  section[data-screen-label="01 Hero"] [style*="left: 20"][style*="bottom: 80"]{
    display: none !important;
  }

  section[data-screen-label="01 Hero"] [style*="gap: 36"][style*="margin-top: 56"]{
    gap: 18px !important;
    margin-top: 36px !important;
    flex-wrap: wrap !important;
  }

  h1{ font-size: clamp(32px, 8.5vw, 44px) !important; letter-spacing:-0.02em !important }
  h2{ font-size: clamp(26px, 7vw, 34px) !important }
  h3{ font-size: 18px !important }

  [style*="padding: '22px 26px'"][style*="gap: 22"]{
    flex-direction: column !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  [style*="font-size: 'clamp(140px"]{
    font-size: clamp(90px, 22vw, 140px) !important;
  }

  [style*="font-size: 72"]{ font-size: 56px !important }
  [style*="font-size: 80"]{ font-size: 60px !important }

  [style*="grid-template-columns: 24px 1fr auto"],
  [style*="gridTemplateColumns:'24px 1fr auto'"]{
    grid-template-columns: 24px 1fr !important;
    row-gap: 6px !important;
  }
  [style*="grid-template-columns: 24px 1fr auto"] > .mono:last-child,
  [style*="gridTemplateColumns:'24px 1fr auto'"] > .mono:last-child{
    grid-column: 2 !important;
    text-align: left !important;
    opacity: .7 !important;
  }

  [data-screen-label="09 Objeções"] button{ padding: 22px 0 !important }
  [data-screen-label="09 Objeções"] button > div:nth-child(2){ font-size: 16px !important }

  [data-screen-label="12 FAQ"] button{ padding: 18px 18px !important }

  [data-screen-label="03 Dor"] [style*="padding: '36px 40px'"]{
    padding: 24px 22px !important;
  }
  [data-screen-label="03 Dor"] [style*="font-size: 48"]{
    font-size: 36px !important;
  }

  [data-screen-label="04 Manifesto 1/3"] [style*="padding: '56px 48px'"]{
    padding: 32px 24px !important;
  }
  [data-screen-label="04 Manifesto 1/3"] [style*="padding: '24px 28px'"]{
    flex-direction: column !important;
    align-items: stretch !important;
  }

  [data-screen-label="08 Oferta"] [style*="padding: '40px 36px'"]{
    padding: 32px 24px !important;
  }
  [data-screen-label="08 Oferta"] [style*="transform: 'rotate(35deg)'"]{
    display: none !important;
  }

  [data-screen-label="13 CTA Final"] h2{
    font-size: clamp(30px, 8vw, 44px) !important;
  }

  .tweaks-panel{
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    min-width: 0 !important;
  }

  [style*="width:'min(560px"]{ padding: 28px !important }

  [data-screen-label="11 Vagas"] [style*="font-size: 80"]{
    font-size: 56px !important;
  }
}

/* Muito pequeno */
@media (max-width: 380px){
  .container, .container-wide{ padding:0 14px }
  h1{ font-size: 32px !important }
  .btn{ padding: 14px 18px !important; font-size: 14px !important }
}