/*
 * Tiempo — CSS do tema.
 *
 * Porte fiel do mockup "Tiempo Site.dc.html": os valores (cores, espaçamentos,
 * tipografia) são os mesmos do mockup, movidos de estilos inline para classes.
 * Os tokens em :root são os defaults; inc/customizer-css-output.php os
 * sobrescreve no wp_head a partir do Personalizar (Identidade).
 *
 * Ordem: 1.Tokens 2.Base 3.Botões/links 4.Header 5.Footer
 *        6.Componentes compartilhados 7.Home 8.Páginas internas 9.Responsivo
 */

/* ===================== 1. TOKENS ===================== */
:root{
  --ink:#075073;            /* petróleo — títulos, seções escuras */
  --ink-deep:#053C57;       /* rodapé, caixa da demo da TAI */
  --accent:#00AEBB;         /* ciano — CTA e destaques */
  --accent-light:#018A95;   /* hover do CTA sobre fundo claro */
  --accent-bright:#00C3D1;  /* hover do CTA sobre fundo escuro */
  --accent-strong:#016E78;  /* eyebrow, links */
  --bg:#FFFFFF;
  --bg-alt:#F6F9FA;         /* faixas alternadas */
  --text:#5A6679;           /* corpo de texto */
  --radius:14px;
  --radius-sm:10px;
  --font-heading:'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:'Plus Jakarta Sans', system-ui, sans-serif;

  /* derivados (não editáveis) */
  --text-2:#6E7A8F;
  --text-3:#3D4A63;
  --faint:#8A94A6;
  --tint:#F2FBFC;
  --line:rgba(7,80,115,0.10);
  --line-soft:rgba(7,80,115,0.08);
  --line-strong:rgba(7,80,115,0.16);
  --danger:#E5484D;
  --on-dark:#C3CCDA;
  --on-dark-soft:#9DAABD;
  --on-dark-bright:#DCE4EE;
  --dark-line:rgba(255,255,255,0.14);
  --dark-line-soft:rgba(255,255,255,0.08);
  --maxw:1200px;
}

/* ===================== 2. BASE ===================== */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  font-family:var(--font-body);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--font-heading);margin:0;color:var(--ink);text-wrap:balance;}
p{margin:0;}
img{max-width:100%;display:block;}
video{max-width:100%;display:block;}
a{color:var(--accent-strong);text-decoration:none;}
a:hover{color:var(--ink);}
button{font-family:inherit;}
::selection{background:#BFEDF1;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.wrap-narrow{max-width:860px;margin:0 auto;padding:0 24px;}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@keyframes tmFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@keyframes tmBlink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
@keyframes tmPulse{0%{box-shadow:0 0 0 0 rgba(0,174,187,0.45);}70%{box-shadow:0 0 0 14px rgba(0,174,187,0);}100%{box-shadow:0 0 0 0 rgba(0,174,187,0);}}

/* Título de seção reutilizável */
.eyebrow{
  display:block;
  margin:0 0 16px;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--accent-strong);
}
.h-sec{font-size:clamp(30px,3.6vw,44px);line-height:1.05;letter-spacing:-0.035em;font-weight:800;}
.h-sec-sm{font-size:clamp(28px,3.2vw,38px);line-height:1.08;letter-spacing:-0.035em;font-weight:800;}
.lead{font-size:18px;line-height:1.6;color:var(--text);}
.hl{color:var(--accent);}

.section{padding:84px 0;}
.section--alt{background:var(--bg-alt);}
.section--dark{background:var(--ink);color:#FFFFFF;}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#FFFFFF;}
.section--line-top{border-top:1px solid var(--line-soft);}
.section--line-bottom{border-bottom:1px solid var(--line-soft);}

/* ===================== 3. BOTÕES / LINKS ===================== */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  font-weight:700;
  letter-spacing:-0.01em;
  cursor:pointer;
  border:1px solid transparent;
  transition:background 180ms ease,border-color 180ms ease,color 180ms ease;
}
.btn--primary{background:var(--accent);color:#FFFFFF;}
.btn--primary:hover{background:var(--accent-light);color:#FFFFFF;}
.section--dark .btn--primary:hover{background:var(--accent-bright);}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong);}
.btn--ghost:hover{border-color:rgba(7,80,115,0.45);color:var(--ink);}
.btn--ghost-dark{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,0.3);}
.btn--ghost-dark:hover{border-color:#FFFFFF;color:#FFFFFF;background:rgba(255,255,255,0.06);}
.btn--white{background:#FFFFFF;color:var(--ink);}
.btn--white:hover{background:#BFEDF1;color:var(--ink);}
.btn--sm{padding:11px 20px;font-size:14px;}
.btn--md{padding:14px 22px;font-size:15px;}
.btn--lg{padding:15px 26px;font-size:16px;}

.btn-play{
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 20px;border-radius:999px;
  border:1px solid var(--line-strong);
  color:var(--ink);font-size:16px;font-weight:600;
  transition:border-color 180ms ease;
}
.btn-play:hover{border-color:rgba(7,80,115,0.45);color:var(--ink);}
.btn-play .dot{
  width:24px;height:24px;border-radius:50%;background:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;
  color:#FFFFFF;font-size:9px;
}
.arrow-link{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 24px;border-radius:999px;
  border:1px solid var(--line-strong);background:transparent;
  color:var(--ink);font-size:15px;font-weight:600;cursor:pointer;
  transition:border-color 180ms ease;
}
.arrow-link:hover{border-color:rgba(7,80,115,0.45);color:var(--ink);}
.section--dark .arrow-link{border-color:rgba(255,255,255,0.3);color:#FFFFFF;}
.section--dark .arrow-link:hover{border-color:#FFFFFF;background:rgba(255,255,255,0.06);}

/* Reveal ao rolar */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.16,.8,.3,1),transform .6s cubic-bezier(.16,.8,.3,1);transition-delay:calc(var(--reveal-i,0)*55ms);}
.reveal.is-visible{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
  .pulse{animation:none !important;}
}

/* ===================== MEDIA SLOT (placeholder do que falta enviar) ===================== */
.media-slot{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  text-align:center;padding:22px;
  border:1px dashed var(--line-strong);
  border-radius:inherit;
  background:repeating-linear-gradient(135deg,rgba(0,174,187,0.05) 0 10px,rgba(0,174,187,0) 10px 20px),var(--bg-alt);
  color:var(--text-2);
}
.media-slot .badge{font-size:11px;font-weight:800;letter-spacing:0.08em;background:var(--ink);color:#FFFFFF;padding:4px 10px;border-radius:999px;}
.media-slot.is-video .badge{background:var(--accent-strong);}
.media-slot .desc{font-size:13px;line-height:1.45;max-width:36ch;}
.section--dark .media-slot{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.18);color:var(--on-dark-soft);}
.section--dark .media-slot .badge{background:var(--accent);}

/* Moldura de mídia: mostra a imagem/tela INTEIRA, no formato natural,
   centralizada — sem cortar e sem caixa colorida sobrando em volta. A
   moldura mantém seu tamanho (para o placeholder tracejado), mas fica
   transparente e centraliza a mídia; a mídia recebe cantos arredondados
   e uma sombra suave, ficando com cara de "tela do app" na página. */
.media-frame{position:relative;overflow:visible;border-radius:var(--radius-sm);background:transparent;display:flex;align-items:center;justify-content:center;}
.media-frame>img,.media-frame>video{position:relative;inset:auto;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;border-radius:14px;box-shadow:0 16px 40px -18px rgba(5,60,87,0.35);}
/* Miniaturas (seleção de profissão, cases, news): a imagem cobre a moldura
   de ponta a ponta, sem sombra nem cantos internos. */
.prof-tile .media-frame,.case-tile .media-frame,.news-card .media-frame{overflow:hidden;background:var(--bg-alt);display:block;}
.prof-tile .media-frame>img,.prof-tile .media-frame>video,
.case-tile .media-frame>img,.case-tile .media-frame>video,
.news-card .media-frame>img,.news-card .media-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;box-shadow:none;margin:0;}

/* ===================== ACORDEÃO (FAQ) ===================== */
.accordion{border-top:1px solid var(--line);}
.accordion-item{border-bottom:1px solid var(--line);}
.accordion-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 4px;background:transparent;border:0;text-align:left;cursor:pointer;
}
.accordion-q .q-text{font-size:17.5px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
/* O "+" é desenhado com dois traços (::before/::after) em vez do glifo de
   fonte — assim fica sempre no centro óptico do círculo, sem depender das
   métricas da fonte. Girar 45° transforma o "+" em "×". */
.accordion-q .q-icon{
  flex-shrink:0;position:relative;width:28px;height:28px;border-radius:50%;
  border:1px solid var(--line-strong);
  font-size:0;color:var(--ink);
  transition:transform 220ms cubic-bezier(0.22,1,0.36,1);
}
.accordion-q .q-icon::before,
.accordion-q .q-icon::after{
  content:"";position:absolute;top:50%;left:50%;
  width:11px;height:1.6px;border-radius:1px;background:currentColor;
  transform:translate(-50%,-50%);
}
.accordion-q .q-icon::after{transform:translate(-50%,-50%) rotate(90deg);}
.accordion-item.is-open .q-icon{transform:rotate(45deg);}
.accordion-a{overflow:hidden;max-height:0;transition:max-height .28s ease;}
.accordion-a-inner{padding:0 60px 24px 4px;font-size:16px;line-height:1.6;color:var(--text);}

/* ===================== 4. HEADER ===================== */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,0.88);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.site-header .bar{
  max-width:var(--maxw);margin:0 auto;
  padding:14px 24px;
  display:flex;align-items:center;gap:24px;
}
.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;color:var(--ink);}
.brand img{width:30px;height:30px;mix-blend-mode:multiply;}
.brand .site-logo-img{width:auto;height:var(--logo-size,30px);mix-blend-mode:normal;}
.brand .mark{font-size:22px;font-weight:700;letter-spacing:-0.035em;color:var(--ink);}
.nav{display:flex;align-items:center;gap:4px;margin-left:8px;flex-wrap:wrap;list-style:none;padding:0;}
.nav a{
  padding:8px 14px;border-radius:999px;
  font-size:14.5px;font-weight:600;color:var(--text-2);
  transition:color 180ms ease,background 180ms ease;
}
.nav a:hover{color:var(--ink);}
.nav a.is-active{color:var(--ink);background:#F0F5F6;}
.nav a.nav-highlight{color:var(--accent-strong);}
.header-right{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-left:auto;}
.header-login{font-size:14px;font-weight:600;color:var(--text-2);}
.header-login:hover{color:var(--ink);}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;}
.hamburger span{width:22px;height:2px;background:var(--ink);border-radius:2px;}

/* ===================== 5. FOOTER ===================== */
.site-footer{background:var(--ink-deep);color:#FFFFFF;border-top:1px solid var(--dark-line-soft);}
.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:64px 24px 40px;}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(auto-fit,minmax(140px,1fr));gap:40px;}
.footer-brand .mark-row{display:flex;align-items:center;gap:9px;}
.footer-brand .mark-badge{width:34px;height:34px;border-radius:8px;background:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;}
.footer-brand .mark-badge img{width:24px;height:24px;mix-blend-mode:multiply;}
.footer-brand .mark{font-size:22px;font-weight:700;letter-spacing:-0.035em;color:#FFFFFF;}
.footer-brand p{margin:18px 0 0;font-size:15px;line-height:1.6;color:var(--on-dark-soft);max-width:30ch;}
.footer-brand .f-buttons{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:10px;}
.footer-contact{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5;color:var(--on-dark-soft);max-width:34ch;}
.footer-contact a{color:var(--on-dark-soft);}
.footer-contact a:hover{color:#FFFFFF;}
.footer-social{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px;}
.footer-social .social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--dark-line-soft);color:var(--on-dark);transition:background .15s,color .15s,border-color .15s;}
.footer-social .social-link:hover{background:var(--accent);border-color:var(--accent);color:#FFFFFF;}
.footer-social .social-link .icon-svg{display:inline-flex;}
.footer-social .social-link svg{width:19px;height:19px;}
.footer-col h4{margin:0 0 16px;font-size:11.5px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:#9DB0C0;}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.footer-col a{font-size:15px;font-weight:500;color:var(--on-dark);}
.footer-col a:hover{color:#FFFFFF;}
.footer-bottom{margin:48px 0 0;padding-top:24px;border-top:1px solid var(--dark-line-soft);display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;}
.footer-bottom span,.footer-bottom a{font-size:13.5px;color:#9DB0C0;}
.footer-bottom a:hover{color:#FFFFFF;}

/* ===================== 6. COMPONENTES COMPARTILHADOS ===================== */
.section-head{max-width:640px;}
.section-head.is-wide{max-width:760px;}
.section-head .lead{margin-top:18px;}

/* ===================== 7. HOME ===================== */

/* -- BLOCO 1 — HERO -- */
.hm-hero{max-width:var(--maxw);margin:0 auto;padding:72px 24px 24px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:center;}
.hm-hero .col{min-width:0;}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px 6px 8px;
  border:1px solid rgba(0,174,187,0.28);background:var(--tint);
  border-radius:999px;margin-bottom:26px;
}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);}
.hero-badge span:last-child{font-size:12px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;color:var(--accent-strong);}
.hm-hero h1{font-size:clamp(40px,5.4vw,68px);line-height:0.98;letter-spacing:-0.045em;font-weight:800;}
.hm-hero .hero-lead{margin:22px 0 0;font-size:19px;line-height:1.55;color:var(--text);max-width:34ch;}
.hero-quote{
  margin:30px 0 0;padding:18px 20px;
  border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:0 10px 10px 0;background:#FAFCFD;
}
.hero-quote .said{margin:0;font-size:17px;line-height:1.5;font-weight:600;color:var(--ink);font-style:italic;}
.hero-quote .did{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--text-2);}
.hero-cta{margin:32px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:14px;}
.hero-note{margin:20px 0 0;font-size:13.5px;color:var(--faint);font-weight:500;}
.hm-hero .visual{min-width:0;position:relative;}
.hm-hero .visual .glow{position:absolute;inset:14% -8% 18% 6%;background:radial-gradient(ellipse at center,rgba(0,174,187,0.16),rgba(0,174,187,0) 70%);filter:blur(6px);}
.hm-hero .visual .shot{position:relative;width:100%;}
.hm-hero .visual .shot>img{position:relative;width:100%;height:auto;display:block;}
.hm-hero .visual .shot>video{position:relative;width:100%;height:auto;display:block;border-radius:var(--radius);}
/* Sem mídia enviada, o placeholder ganha uma proporção para não colapsar. */
.hm-hero .visual .shot>.media-slot{position:relative;aspect-ratio:4/3;border-radius:var(--radius-sm);}

/* -- BLOCO 2 — DORES -- */
.hm-pains{border-top:1px solid var(--line-soft);margin-top:60px;background:var(--bg-alt);}
.hm-pains .inner{max-width:var(--maxw);margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:56px;align-items:center;}
.hm-pains .col{min-width:0;}
.pain-list{margin:30px 0 0;display:flex;flex-direction:column;}
.pain-row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);}
/* "×" desenhado com dois traços — centro óptico exato, sem métricas de fonte. */
.pain-row .x{
  flex-shrink:0;position:relative;margin-top:5px;width:16px;height:16px;border-radius:50%;
  border:1px solid rgba(229,72,77,0.4);
  font-size:0;color:var(--danger);
}
.pain-row .x::before,
.pain-row .x::after{
  content:"";position:absolute;top:50%;left:50%;
  width:7px;height:1.5px;border-radius:1px;background:currentColor;
  transform:translate(-50%,-50%) rotate(45deg);
}
.pain-row .x::after{transform:translate(-50%,-50%) rotate(-45deg);}
.pain-row span:last-child{font-size:16.5px;line-height:1.45;color:var(--text-3);font-weight:500;}
.hm-pains .visual{min-width:0;position:relative;height:420px;}
.hm-pains .media-frame{position:absolute;inset:0;border-radius:14px;}

/* -- BLOCO 3 — TRANSFORMAÇÃO -- */
.flow-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}
.flow-card{position:relative;padding:20px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#FFFFFF;transition:border-color 180ms ease;}
.flow-card:hover{border-color:rgba(0,174,187,0.55);}
.flow-card .n{font-size:11px;font-weight:700;letter-spacing:0.1em;color:var(--accent-strong);}
.flow-card .t{margin:8px 0 0;font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
.flow-card .d{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--text-2);}
.flow-closer{margin:36px 0 0;padding-top:28px;border-top:1px solid var(--line);}
.flow-closer span{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-0.035em;color:var(--ink);}

/* -- BLOCO 4 — TAI -- */
.hm-tai .tai-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;}
.hm-tai .tai-top .col{min-width:0;}
.hm-tai .tai-icon{height:52px;width:auto;margin-bottom:22px;display:block;}
.hm-tai h2{font-size:clamp(30px,3.6vw,44px);line-height:1.06;letter-spacing:-0.035em;font-weight:800;}
.hm-tai .tai-top p{font-size:17px;line-height:1.6;color:var(--on-dark);}
.tai-demo{margin:52px 0 0;border:1px solid var(--dark-line);border-radius:14px;overflow:hidden;background:var(--ink-deep);}
.tai-demo .demo-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.10);}
.tai-demo .demo-head .pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:tmPulse 2.2s infinite;}
.tai-demo .demo-head .label{font-size:11.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#8E9BB0;}
.tai-demo .demo-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.tai-demo .demo-col{padding:28px;min-height:280px;}
.tai-demo .demo-col.ask{border-right:1px solid rgba(255,255,255,0.10);}
.tai-demo .demo-col .kicker{margin:0 0 14px;font-size:11.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#9DAABD;}
.tai-bubble{display:inline-block;max-width:100%;padding:14px 18px;border-radius:16px 16px 16px 4px;background:var(--accent);color:#FFFFFF;font-size:17px;line-height:1.45;font-weight:600;}
.tai-bubble .caret{display:inline-block;width:2px;height:17px;background:#FFFFFF;vertical-align:-2px;margin-left:2px;animation:tmBlink 1s step-end infinite;}
.tai-prompts{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;}
.tai-prompt{
  padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;
  background:transparent;border:1px solid rgba(255,255,255,0.18);color:#9DAABD;
  transition:all 180ms ease;
}
.tai-prompt.is-active{background:rgba(0,174,187,0.16);border-color:rgba(0,174,187,0.6);color:#BFEDF1;}
.tai-actions{display:flex;flex-direction:column;gap:10px;}
.tai-action{
  display:flex;gap:10px;align-items:center;padding:12px 14px;
  border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-sm);background:rgba(255,255,255,0.04);
  opacity:0.18;transform:translateY(6px);
  transition:opacity 320ms ease,transform 320ms cubic-bezier(0.16,1,0.3,1);
}
.tai-action.is-on{opacity:1;transform:none;}
.tai-action .tick{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#FFFFFF;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;}
.tai-action span:last-child{font-size:15px;line-height:1.4;color:#E6ECF3;font-weight:500;}
.tai-confirm{margin-top:18px;padding:14px 16px;border:1px solid rgba(0,174,187,0.4);background:rgba(0,174,187,0.10);border-radius:var(--radius-sm);animation:tmFade 0.4s ease-out both;}
.tai-confirm p{font-size:13.5px;line-height:1.5;color:#BFEDF1;font-weight:600;}
.tai-cards{margin:36px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.tai-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--dark-line);border-radius:12px;background:rgba(255,255,255,0.03);}
.tai-card .kicker{margin:0 0 12px;font-size:11.5px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:#4FD6E0;}
.tai-card p{margin:0 0 18px;font-size:16px;line-height:1.5;color:var(--on-dark-bright);}
.tai-card .media-frame{margin-top:auto;height:300px;border-radius:8px;}
.hm-tai .tai-cta{margin:26px 0 0;}

/* -- BLOCO 5 — FUNCIONALIDADES (Home) -- */
.areas-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}
.area-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:12px;background:#FFFFFF;transition:border-color 180ms ease;}
.area-card:hover{border-color:rgba(0,174,187,0.55);}
.area-card h3{font-size:21px;font-weight:800;letter-spacing:-0.03em;color:var(--ink);}
.area-card .items{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--text);}
.area-card .benefit{margin:14px 0 20px;font-size:15px;line-height:1.5;font-weight:600;color:var(--accent-strong);font-style:italic;}
.area-card .media-frame{margin-top:auto;height:300px;border-radius:8px;}
.areas-more{margin:32px 0 0;}

/* -- BLOCO 6 — PROFISSÕES -- */
.prof-tabs{margin:36px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.prof-tab{
  padding:11px 20px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;
  background:#FFFFFF;color:var(--text);border:1px solid var(--line-strong);
  transition:all 180ms cubic-bezier(0.22,1,0.36,1);
}
.prof-tab.is-active{background:var(--ink);color:#FFFFFF;border-color:var(--ink);}
.prof-panels{margin:24px 0 0;}
.prof-panel{
  display:none;
  grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:40px;align-items:center;
  padding:32px;border:1px solid var(--line);border-radius:14px;background:#FFFFFF;
}
.prof-panel.is-active{display:grid;}
.prof-panel .col{min-width:0;}
.prof-panel h3{font-size:26px;font-weight:800;letter-spacing:-0.03em;color:var(--ink);}
.prof-panel .p-items{margin:20px 0 0;display:flex;flex-direction:column;}
.prof-panel .p-items>div{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft);}
.prof-panel .p-items .dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);}
.prof-panel .p-items span:last-child{font-size:16px;line-height:1.4;color:var(--text-3);font-weight:500;}
.prof-panel .visual{position:relative;height:330px;}
.prof-panel .media-frame{position:absolute;inset:0;border-radius:10px;}
.prof-chips{margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.prof-chip{padding:9px 15px;border:1px solid var(--line-strong);border-radius:999px;font-size:14px;font-weight:600;color:var(--text);background:#FFFFFF;}

/* -- BLOCO 8 — PLANOS (cards reutilizáveis) -- */
.plans-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:start;}
.plan{position:relative;display:flex;flex-direction:column;padding:30px 26px;border-radius:14px;background:#FFFFFF;border:1px solid rgba(7,80,115,0.12);}
.plan.is-featured{border:2px solid var(--accent);box-shadow:0 18px 50px rgba(0,174,187,0.14);}
.plan .plan-badge{position:absolute;top:-11px;left:26px;padding:5px 12px;border-radius:999px;background:var(--accent);color:#FFFFFF;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;}
.plan h3{font-size:22px;font-weight:800;letter-spacing:-0.03em;color:var(--ink);}
.plan .who{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--text-2);min-height:66px;}
.plan .price{margin:14px 0 0;font-size:15px;font-weight:700;color:var(--accent-strong);}
.plan .plan-items{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;}
.plan .plan-items>div{display:flex;gap:10px;align-items:flex-start;}
.plan .plan-items .tick{flex-shrink:0;margin-top:2px;color:var(--accent-strong);font-size:13px;font-weight:800;}
.plan .plan-items span:last-child{font-size:15px;line-height:1.45;color:var(--text-3);}
.plan .plan-cta{margin-top:26px;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-size:15px;font-weight:700;}
.plan .plan-cta.is-featured{background:var(--accent);color:#FFFFFF;}
.plan .plan-cta.is-plain{border:1px solid var(--line-strong);color:var(--ink);}
.plans-more{margin:28px 0 0;}

/* -- BLOCO 9 — SEGURANÇA -- */
.hm-trust .inner{max-width:var(--maxw);margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;}
.hm-trust .col{min-width:0;}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
.trust-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#FFFFFF;}
.trust-card .t{font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
.trust-card .d{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--text-2);}

/* -- BLOCO 10 — FAQ -- */
.hm-faq h2{font-size:clamp(26px,3vw,34px);line-height:1.1;letter-spacing:-0.035em;font-weight:800;margin-bottom:32px;}
.hm-faq .faq-note{margin:24px 0 0;font-size:14.5px;color:var(--faint);}
.hm-faq .faq-note a{font-weight:700;color:var(--accent-strong);text-decoration:underline;}

/* -- BLOCO 11 — CTA FINAL + CAPTURA -- */
.hm-final .inner{max-width:var(--maxw);margin:0 auto;padding:88px 24px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;}
.hm-final .col{min-width:0;}
.hm-final h2{font-size:clamp(30px,3.8vw,46px);line-height:1.05;letter-spacing:-0.04em;font-weight:800;}
.hm-final .final-lead{margin:20px 0 0;font-size:18px;line-height:1.6;color:var(--on-dark);}
.hm-final .final-cta{margin:32px 0 0;display:flex;flex-wrap:wrap;gap:12px;}
.capture{margin:40px 0 0;padding:26px;border:1px solid var(--dark-line);border-radius:12px;background:rgba(255,255,255,0.03);}
.capture .c-title{margin:0;font-size:16px;line-height:1.55;color:var(--on-dark-bright);font-weight:600;}
.capture .c-sub{margin:8px 0 18px;font-size:15px;line-height:1.55;color:var(--on-dark-soft);}
.capture form{display:flex;flex-wrap:wrap;gap:10px;}
.capture input{
  flex:1 1 200px;min-width:0;padding:13px 16px;border-radius:999px;
  border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.06);
  color:#FFFFFF;font-family:inherit;font-size:15px;outline:none;
}
.capture input::placeholder{color:var(--on-dark-soft);}
.capture button{padding:13px 22px;border-radius:999px;border:0;background:#FFFFFF;color:var(--ink);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;}
.capture button:hover{background:#BFEDF1;}
.hm-final .visual{position:relative;height:460px;}
.hm-final .media-frame{position:absolute;inset:0;border-radius:14px;}

/* ===================== 8. PÁGINAS INTERNAS ===================== */

/* Hero de página interna */
.page-hero{max-width:var(--maxw);margin:0 auto;padding:76px 24px 64px;}
.page-hero .head{max-width:760px;}
.page-hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1;letter-spacing:-0.045em;font-weight:800;}
.page-hero .lead{margin:22px 0 0;font-size:19px;line-height:1.55;}
.page-hero-shots{margin:44px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.page-hero-shots .media-frame{position:relative;height:300px;border-radius:var(--radius-sm);}

/* Funcionalidades — seções alternadas texto/imagem */
.feat-section{border-bottom:1px solid var(--line-soft);background:#FFFFFF;}
.feat-section.is-alt{background:var(--bg-alt);}
.feat-section .inner{max-width:var(--maxw);margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:48px;align-items:center;}
.feat-section .col{min-width:0;}
.feat-section.is-alt .text{order:2;}
.feat-section.is-alt .visual{order:1;}
.feat-section h2,.feat-section h1{font-size:clamp(26px,3.2vw,38px);line-height:1.08;letter-spacing:-0.035em;font-weight:800;}
.feat-section .body{margin:18px 0 0;font-size:17px;line-height:1.6;color:var(--text);}
.feat-section .items{margin:14px 0 0;font-size:15.5px;line-height:1.55;color:var(--text-2);}
.feat-section .visual{position:relative;height:440px;}
.feat-section .media-frame{position:absolute;inset:0;border-radius:12px;}

/* Funcionalidades — bloco escuro de chamada da TAI */
.feat-tai .inner{max-width:var(--maxw);margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;}
.feat-tai .col{min-width:0;}
.feat-tai .tai-icon{height:46px;width:auto;margin-bottom:20px;display:block;}
.feat-tai h2{font-size:clamp(28px,3.4vw,40px);line-height:1.06;letter-spacing:-0.035em;font-weight:800;}
.feat-tai p{margin:20px 0 0;font-size:17px;line-height:1.6;color:var(--on-dark);}
.feat-tai .f-cta{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:12px;}
.feat-tai .visual{position:relative;height:420px;}
.feat-tai .media-frame{position:absolute;inset:0;border-radius:12px;}
@media (max-width:1000px){.feat-tai .inner{grid-template-columns:1fr;}.feat-tai .visual{height:280px;}}

/* Profissões — grade de cards (seleção de área e "e também atende...") */
.prof-tile-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;}
.prof-tile-grid.is-compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;}
.prof-tile{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#FFFFFF;transition:border-color .18s ease,transform .18s ease;}
.prof-tile:hover{border-color:rgba(0,174,187,0.55);transform:translateY(-3px);}
.prof-tile .media-frame{aspect-ratio:4/5;border-radius:0;}
.prof-tile-grid.is-compact .media-frame{aspect-ratio:1/1;}
.prof-tile .name{padding:12px 14px;font-size:14.5px;font-weight:700;color:var(--ink);text-align:center;}
.prof-tile-grid.is-compact .name{padding:10px 12px;font-size:13.5px;font-weight:600;}

/* Cases — teaser da Home (grid de 3 cards) */
.case-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.case-tile{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#FFFFFF;transition:border-color .18s ease,transform .18s ease;}
.case-tile:hover{border-color:rgba(0,174,187,0.55);transform:translateY(-3px);}
.case-tile .media-frame{aspect-ratio:4/3;border-radius:0;}
.case-tile .body{padding:18px 20px 20px;}
.case-tile .result{font-size:20px;font-weight:800;letter-spacing:-0.03em;color:var(--accent);}
.case-tile .name{margin:6px 0 0;font-size:14px;font-weight:700;color:var(--ink);}

/* Cases — página (fluxo problema/como usava/como ficou + estatística + depoimento) */
.case-flow{margin:18px 0 0;display:flex;flex-direction:column;gap:9px;}
.case-flow .row{display:flex;gap:10px;font-size:15px;line-height:1.5;}
.case-flow .row .k{flex-shrink:0;min-width:104px;font-weight:700;color:var(--ink);}
.case-flow .row .v{color:var(--text-2);}
.case-stat{margin:20px 0 0;padding:14px 18px;border-radius:var(--radius-sm);background:var(--bg-alt);border:1px solid var(--line);}
.case-stat .num{font-size:22px;font-weight:800;letter-spacing:-0.03em;color:var(--accent);}
.case-quote{margin:18px 0 0;padding-left:14px;border-left:2px solid var(--line-strong);font-size:15px;line-height:1.55;font-style:italic;color:var(--text);}
.case-quote .who{margin:8px 0 0;font-size:13px;font-style:normal;font-weight:700;color:var(--text-2);}

/* News — grade de artigos (Gestão, IA, Tutoriais) */
.news-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.news-grid.is-featured{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;}
.news-card{display:block;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#FFFFFF;transition:border-color .18s ease,transform .18s ease;}
.news-card:hover{border-color:rgba(0,174,187,0.55);transform:translateY(-3px);}
.news-card .media-frame{aspect-ratio:16/10;border-radius:0;}
.news-card.is-featured .media-frame{aspect-ratio:16/9;}
.news-card .body{padding:18px 20px 22px;}
.news-card .cat{font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-strong);}
.news-card .title{margin:8px 0 0;font-size:17px;font-weight:700;letter-spacing:-0.02em;line-height:1.35;color:var(--ink);}
.news-card.is-featured .title{font-size:20px;}
.news-card .excerpt{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--text-2);}
.news-card .meta{display:block;margin:14px 0 0;font-size:12.5px;color:var(--faint);}

/* Contato — cards de caminho (começar / WhatsApp / revendedor / demonstração) */
.contact-paths{margin:44px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.contact-path{padding:28px 24px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#FFFFFF;display:flex;flex-direction:column;gap:12px;transition:border-color .18s ease,transform .18s ease;}
.contact-path:hover{border-color:rgba(0,174,187,0.55);transform:translateY(-3px);}
.contact-path .icon{width:40px;height:40px;border-radius:10px;background:var(--tint);color:var(--accent-strong);display:flex;align-items:center;justify-content:center;}
.contact-path .icon svg{width:20px;height:20px;}
.contact-path h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
.contact-path p{margin:0;font-size:14.5px;line-height:1.5;color:var(--text-2);flex-grow:1;}
.contact-path .arrow-link{align-self:flex-start;padding:10px 18px;font-size:14px;}

/* Contato — formulário "Peça uma demonstração" (envia via admin-post.php, sem JS) */
.contact-form{max-width:640px;margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.contact-form .full{grid-column:1 / -1;}
.contact-form label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:var(--ink);}
.contact-form input,.contact-form textarea{
  width:100%;padding:13px 16px;border-radius:var(--radius-sm);
  border:1px solid var(--line-strong);background:#FFFFFF;
  color:var(--ink);font-family:inherit;font-size:15px;outline:none;
  transition:border-color .18s ease;
}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);}
.contact-form textarea{resize:vertical;min-height:120px;}
.contact-form .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.contact-form .full button{margin-top:4px;}
.form-notice{max-width:640px;margin:0 auto 24px;padding:14px 18px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;text-align:center;}
.form-notice.is-ok{background:rgba(0,174,187,0.1);color:var(--accent-strong);}
.form-notice.is-erro{background:rgba(229,72,77,0.1);color:var(--danger);}

/* Contato — suporte ("já sou cliente") */
.support-row{margin:28px 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.support-row .arrow-link svg{width:16px;height:16px;}

/* TAI — hero (2 colunas: texto + imagem) */
.taipg-hero{border-bottom:1px solid var(--line-soft);}
.taipg-hero .inner{max-width:var(--maxw);margin:0 auto;padding:76px 24px 68px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;}
.taipg-hero .col{min-width:0;}
.taipg-hero .tai-icon{height:60px;width:auto;margin-bottom:24px;display:block;}
.taipg-hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1;letter-spacing:-0.045em;font-weight:800;}
.taipg-hero .sub{margin:22px 0 0;font-size:20px;line-height:1.5;color:var(--text);font-weight:600;}
.taipg-hero .body{margin:18px 0 0;font-size:17px;line-height:1.6;color:var(--text-2);}
.taipg-hero .h-cta{margin:30px 0 0;}
.taipg-hero .visual{position:relative;height:400px;}
.taipg-hero .media-frame{position:absolute;inset:0;border-radius:var(--radius);}
@media (max-width:1000px){.taipg-hero .inner{grid-template-columns:1fr;}.taipg-hero .visual{height:300px;}}

/* TAI — seções (eyebrow / headline / linhas / imagem) */
.taipg-section{border-bottom:1px solid var(--line-soft);background:#FFFFFF;}
.taipg-section.is-alt{background:var(--bg-alt);}
.taipg-section .inner{max-width:var(--maxw);margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:48px;align-items:center;}
.taipg-section .col{min-width:0;}
.taipg-section .eyebrow{font-size:12px;letter-spacing:0.14em;font-weight:800;}
.taipg-section h2{font-size:clamp(26px,3vw,34px);line-height:1.1;letter-spacing:-0.035em;font-weight:800;}
.taipg-lines{margin:24px 0 0;display:flex;flex-direction:column;gap:10px;}
.taipg-line{padding:14px 18px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:#FFFFFF;font-size:16.5px;line-height:1.45;color:var(--ink);font-weight:600;font-style:italic;}
.taipg-section .visual{position:relative;height:320px;}
.taipg-section .media-frame{position:absolute;inset:0;border-radius:12px;}

/* TAI — comparação chatbot x TAI */
.vs-grid{margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.vs-card{padding:28px;border-radius:12px;}
.vs-card.is-bot{border:1px solid var(--line);background:var(--bg-alt);}
.vs-card.is-tai{border:1px solid rgba(0,174,187,0.4);background:var(--tint);}
.vs-card .kicker{margin:0 0 18px;font-size:11.5px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;}
.vs-card.is-bot .kicker{color:var(--faint);}
.vs-card.is-tai .kicker{color:var(--accent-strong);}
.vs-card .lines{display:flex;flex-direction:column;gap:12px;}
.vs-card.is-bot .lines p{font-size:16px;line-height:1.5;color:var(--text-2);}
.vs-card.is-tai .lines p{font-size:16px;line-height:1.5;color:var(--ink);font-weight:600;}
.vs-confirm{margin:40px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:40px;border-top:1px solid var(--line);}
.vs-confirm .col{min-width:0;}
.vs-confirm h3{font-size:clamp(22px,2.4vw,28px);line-height:1.15;letter-spacing:-0.03em;font-weight:800;color:var(--ink);}
.vs-confirm .visual{position:relative;height:260px;}
.vs-confirm .media-frame{position:absolute;inset:0;border-radius:12px;}

/* Planos — faixa 30 dias */
.plans-banner .inner{max-width:var(--maxw);margin:0 auto;padding:52px 24px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;}
.plans-banner h2{font-size:clamp(24px,2.8vw,34px);line-height:1.1;letter-spacing:-0.035em;font-weight:800;}
.plans-banner p{margin:12px 0 0;font-size:16.5px;line-height:1.55;color:var(--on-dark);}

/* Planos — tabela comparativa */
.compare-wrap{overflow-x:auto;}
.compare-table{width:100%;min-width:600px;border-collapse:collapse;}
.compare-table th{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line-strong);font-size:15px;font-weight:800;color:var(--ink);}
.compare-table th:first-child{font-size:12px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--faint);}
.compare-table th.is-featured{border-bottom:2px solid var(--accent);color:var(--accent-strong);}
.compare-table td{padding:15px 12px;border-bottom:1px solid var(--line-soft);font-size:15px;color:var(--text);}
.compare-table td:first-child{font-size:15.5px;font-weight:600;color:var(--ink);}
.compare-table td.is-featured{color:var(--ink);font-weight:600;background:#F7FCFD;}
.compare-table tr:hover td{background:var(--bg-alt);}
.compare-table tr:hover td.is-featured{background:#F7FCFD;}

/* Bloco CTA centralizado (fim das páginas internas) */
.center-cta{max-width:860px;margin:0 auto;padding:84px 24px;text-align:center;}
.center-cta h2{font-size:clamp(30px,3.8vw,44px);line-height:1.06;letter-spacing:-0.04em;font-weight:800;}
.center-cta .cta-row{margin:30px 0 0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.center-cta .cta-note{margin:18px 0 0;font-size:13.5px;color:var(--faint);}
.section--dark .center-cta .cta-note{color:var(--on-dark-soft);}

/* Página genérica (page.php) */
.page-content{max-width:760px;margin:0 auto;padding:80px 24px;}
.page-content h1{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-0.04em;margin-bottom:24px;}
.page-content h2{font-size:26px;margin:1.6em 0 .5em;letter-spacing:-0.03em;}
.page-content h3{font-size:20px;margin:1.4em 0 .4em;}
.page-content p{margin:0 0 1.3em;font-size:17px;line-height:1.7;color:var(--text-3);}
.page-content ul,.page-content ol{margin:0 0 1.3em;padding-left:1.3em;line-height:1.7;color:var(--text-3);}
.page-content img{border-radius:var(--radius-sm);height:auto;}
.page-content a{text-decoration:underline;}
.news-single-meta{font-size:14px;color:var(--faint);margin:0 0 28px;}
.news-single-thumb{margin:0 0 32px;}
.news-single-thumb img{width:100%;border-radius:var(--radius-sm);}
.news-single-back{max-width:760px;margin:0 auto;padding:0 24px 80px;}
.news-single-back a{font-weight:600;}

/* ===================== 9. RESPONSIVO ===================== */
@media (max-width:1000px){
  .hm-hero,
  .hm-pains .inner,
  .hm-tai .tai-top,
  .hm-trust .inner,
  .hm-final .inner,
  .feat-section .inner,
  .taipg-section .inner,
  .vs-confirm,
  .prof-panel.is-active{grid-template-columns:1fr;}
  .tai-demo .demo-body{grid-template-columns:1fr;}
  .tai-demo .demo-col.ask{border-right:0;border-bottom:1px solid rgba(255,255,255,0.10);}
  .feat-section.is-alt .text{order:0;}
  .feat-section.is-alt .visual{order:0;}
  .hm-hero{padding-top:48px;}
  .hm-pains .visual{height:320px;}
  .hm-final .visual,.prof-panel .visual{height:300px;}
  .feat-section .visual,.taipg-section .visual{height:280px;}
}
@media (max-width:760px){
  .nav{display:none;}
  .nav.is-open{
    display:flex;flex-direction:column;align-items:stretch;gap:4px;
    position:absolute;left:0;right:0;top:100%;
    background:#FFFFFF;border-bottom:1px solid var(--line);
    padding:12px 16px 18px;margin:0;
  }
  .nav.is-open a{padding:12px 10px;}
  .header-right .header-login{display:none;}
  .hamburger{display:flex;}
  .site-header .bar{gap:12px;}
  .section{padding:60px 0;}
  .hm-hero,.hm-pains .inner,.hm-tai .tai-top,.hm-trust .inner,.hm-final .inner{gap:36px;}
  .hm-pains .inner{padding:60px 24px;}
  .tai-demo{margin-top:36px;}
  .accordion-a-inner{padding-right:24px;}
  .plans-banner .inner{padding:40px 24px;}
}