/* Guia do síndico (/condominio/guia-do-sindico/): estilos escopados em #guia-sindico.
   Carregado só nesta página, depois do site.css, de onde vêm as fontes, os tokens
   (--navy, --red, --paper...) e os componentes .button, .button-primary e .text-link.
   Tipografia em rem para acompanhar a fonte-base do usuário. */

/* ===== Base e tokens ===================================================== */
#guia-sindico {
  --g-navy:var(--navy); --g-ink:var(--ink); --g-red:var(--red); --g-red-dark:var(--red-dark); --g-red-text:var(--red-darker);
  --g-paper:var(--paper); --g-muted:var(--muted); --g-line:var(--line); --g-white:var(--white);
  --g-muted-soft:#6b6470;      /* texto auxiliar no claro: 5,1:1 no papel, 5,7:1 no branco */
  --g-ink-soft:#4f4852;        /* rótulos e listas sobre fundo claro */
  --g-field-line:#8a7f94;      /* contorno dos campos, 3,8:1 no branco */
  --g-tint:#eae5e3;            /* blocos de destaque sobre o papel (vermelho de texto 4,6:1) */
  --g-on-navy:#c5bdcc;         /* texto secundário sobre navy */
  --g-on-navy-soft:#a39aad;    /* metadados e linhas sobre navy */
  --g-red-on-navy:#ff847c;     /* vermelho de texto só sobre navy */
  --g-focus-on-navy:#ff9b94;
  --g-line-on-navy:#594d68;    /* divisória sobre navy */
  --g-red-bg:#fff0ee;          /* fundo da etiqueta de atenção */
  --g-error:#a32823;
  --g-success-bg:#e6f4e6;
  display:block; font-family:Ubuntu,Arial,sans-serif; font-weight:400; font-size:1rem; line-height:1.55;
  color:var(--g-ink); background:var(--g-paper); isolation:isolate; overflow-wrap:break-word;
}
.elevar-guide * { box-sizing:border-box; }
.elevar-guide a { color:inherit; }
#guia-sindico .icon-defs { position:absolute; width:0; height:0; overflow:hidden; }
.elevar-guide .icon { width:1.25rem; height:1.25rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
#guia-sindico img { max-width:100%; display:block; }
#guia-sindico :is(h1,h2,h3,p,figure,ol,ul) { margin-top:0; }
#guia-sindico :is(h1,h2,h3) { line-height:1.08; letter-spacing:-.035em; overflow-wrap:anywhere; }
#guia-sindico h2 { font-size:clamp(2.25rem,4vw,3.75rem); }
#guia-sindico h3 { font-size:1.5rem; line-height:1.2; }
#guia-sindico .guide-wrap { width:min(1320px,calc(100% - 64px)); margin-inline:auto; }
#guia-sindico .guide-nowrap, #guia-sindico a[href^="tel:"] { white-space:nowrap; }
#guia-sindico [hidden] { display:none !important; }

/* Foco: anel escuro no claro e claro no escuro. */
#guia-sindico :is(a,button,summary,input,select,textarea):focus-visible { outline:3px solid var(--g-red-text); outline-offset:3px; }
#guia-sindico :is(.guide-hero,.guide-inline-cta,.guide-quality,.guide-lead-copy) :is(a,button):focus-visible { outline-color:var(--g-focus-on-navy); }

/* Componentes do site usados aqui (.button, .text-link) e área de toque de 44px.
   O ::after do .text-link e do .button[data-arrow] é a seta; a área extra usa ::before. */
#guia-sindico .text-link { font-size:.9375rem; }
#guia-sindico :is(.text-link,.guide-breadcrumb a) { position:relative; }
#guia-sindico :is(.text-link,.guide-breadcrumb a)::before { content:""; position:absolute; top:min(0px,calc(50% - 1.375rem)); bottom:min(0px,calc(50% - 1.375rem)); left:min(0px,calc(50% - 1.375rem)); right:min(0px,calc(50% - 1.375rem)); }
#guia-sindico :is(.guide-hero,.guide-inline-cta,.guide-lead-copy) .text-link { color:var(--g-white); }

/* ===== Hero ============================================================== */
#guia-sindico .guide-hero { background:var(--g-navy); color:var(--g-white); overflow:hidden; }
#guia-sindico .guide-hero-grid { display:grid; grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr); align-items:stretch; min-height:clamp(30rem,calc(100svh - 7.5rem),41rem); }
#guia-sindico .guide-hero-copy { container-type:inline-size; padding:34px 72px 57px 0; display:flex; flex-direction:column; align-items:flex-start; position:relative; z-index:1; }
#guia-sindico .guide-hero-copy>* { min-width:0; max-width:100%; }
#guia-sindico .guide-breadcrumb { margin-bottom:auto; padding-bottom:1.75rem; color:var(--g-on-navy); font-size:.8125rem; }
#guia-sindico .guide-breadcrumb ol { padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:4px 13px; list-style:none; }
#guia-sindico .guide-breadcrumb li:not(:first-child)::before { content:'/'; content:'/' / ''; margin-right:13px; color:var(--g-on-navy-soft); }
#guia-sindico .guide-breadcrumb a { text-decoration:none; border-bottom:1px solid var(--g-on-navy-soft); }
#guia-sindico .guide-breadcrumb li[aria-current] { color:var(--g-white); }
#guia-sindico .guide-hero h1 { max-width:min(46rem,100%); font-size:clamp(3.25rem,5.4vw,5.125rem); line-height:1; letter-spacing:-.045em; margin:0 0 25px; }
#guia-sindico .guide-hero h1 em, #guia-sindico .guide-lead h2 em { font-weight:300; font-style:normal; color:var(--g-red-on-navy); }
#guia-sindico .guide-hero-copy>p { max-width:600px; font-size:1.1875rem; line-height:1.58; color:var(--g-on-navy); margin-bottom:31px; }
#guia-sindico .guide-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 30px; }
#guia-sindico .guide-hero-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; margin-top:auto; padding-top:32px; color:var(--g-on-navy-soft); font-size:.75rem; }
#guia-sindico .guide-hero-meta span { display:flex; align-items:center; gap:7px; }
#guia-sindico .guide-hero-meta span+span::before { content:''; width:4px; height:4px; background:var(--g-on-navy-soft); border-radius:50%; margin-right:16px; }
#guia-sindico .guide-hero-meta .icon { width:1rem; height:1rem; color:var(--g-red); }
#guia-sindico .guide-hero-media { margin:0; min-height:100%; position:relative; overflow:hidden; border-radius:190px 0 0 0; isolation:isolate; }
#guia-sindico .guide-hero-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% center; }
#guia-sindico .guide-hero-media::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(15,6,33,.74),transparent 50%); z-index:0; }
#guia-sindico .guide-hero-media figcaption { position:absolute; z-index:1; bottom:36px; left:38px; right:38px; padding:22px 24px; background:rgba(15,6,33,.9); border:1px solid rgba(255,255,255,.19); border-radius:18px; }
#guia-sindico .guide-hero-media strong { display:block; font-size:1.25rem; line-height:1.25; max-width:390px; letter-spacing:-.02em; }

/* ===== Índice lateral ==================================================== */
#guia-sindico .guide-article-shell { display:grid; grid-template-columns:224px minmax(0,1fr); gap:clamp(48px,6.5vw,100px); align-items:start; }
#guia-sindico .guide-side { align-self:stretch; border-right:1px solid var(--g-line); }
#guia-sindico .guide-side-inner { position:sticky; top:32px; max-height:calc(100vh - 32px); overflow-y:auto; padding:3rem 25px 30px 6px; margin-left:-6px; }
#guia-sindico .guide-side-title { margin:0; font-size:.875rem; font-weight:700; line-height:1.3; color:var(--g-ink); }
#guia-sindico .guide-side ol { list-style:none; margin:1rem 0 26px; padding:0; border-top:1px solid var(--g-line); }
#guia-sindico .guide-side li { border-bottom:1px solid var(--g-line); }
#guia-sindico .guide-side ol a { display:flex; align-items:baseline; gap:10px; padding:13px 0 13px 12px; text-decoration:none; color:var(--g-muted); font-size:.8125rem; line-height:1.4; overflow-wrap:anywhere; hyphens:auto; hyphenate-limit-chars:10 4 4; }
#guia-sindico .guide-side ol a span { flex:none; overflow-wrap:normal; font-family:'Ubuntu Mono',monospace; font-size:.8125rem; color:var(--g-muted-soft); }
#guia-sindico .guide-side ol a:hover, #guia-sindico .guide-side ol a.is-active, #guia-sindico .guide-side ol a.is-active span { color:var(--g-red-text); }
#guia-sindico .guide-side ol a.is-active { font-weight:700; box-shadow:inset 3px 0 0 var(--g-red-text); }
#guia-sindico .guide-side-cta { gap:.75rem; color:var(--g-ink); font-size:.875rem; }

/* ===== Artigo e introdução =============================================== */
#guia-sindico .guide-article { container:guide-article/inline-size; min-width:0; padding-bottom:66px; }
#guia-sindico .guide-intro { padding:100px 0 105px; max-width:875px; }
#guia-sindico .guide-intro h2 { font-size:clamp(2.375rem,4.2vw,3.875rem); max-width:790px; margin-bottom:26px; }
#guia-sindico .guide-intro>p { color:var(--g-muted); font-size:1.1875rem; line-height:1.7; max-width:690px; }
#guia-sindico .guide-intro-note { margin-top:36px; display:flex; align-items:flex-start; gap:18px; max-width:750px; background:var(--g-white); border:1px solid var(--g-line); border-radius:14px; padding:24px 28px; }
#guia-sindico .guide-intro-note .icon { color:var(--g-red); width:1.625rem; height:1.625rem; }
#guia-sindico .guide-intro-note p { margin:0; color:var(--g-ink-soft); line-height:1.55; font-size:.9375rem; }

/* ===== Capítulos ========================================================= */
#guia-sindico .guide-chapter { padding:100px 0 105px; border-top:1px solid var(--g-line); scroll-margin-top:30px; }
#guia-sindico .guide-chapter-head { display:grid; grid-template-columns:3.5rem minmax(0,1fr); column-gap:1.125rem; max-width:890px; margin-bottom:44px; }
#guia-sindico .guide-chapter-head>* { grid-column:2; min-width:0; }
#guia-sindico .guide-chapter-index { grid-column:1; grid-row:1; padding-top:.35em; font-family:'Ubuntu Mono',monospace; font-size:.8125rem; line-height:1.3; letter-spacing:.06em; white-space:nowrap; color:var(--g-red-text); }
#guia-sindico .guide-chapter-head h2 { grid-row:1; margin:0 0 20px; max-width:790px; }
#guia-sindico .guide-chapter-head>p { font-size:1.125rem; line-height:1.6; color:var(--g-muted); max-width:710px; margin-bottom:0; }
#guia-sindico .guide-chapter h3 { margin:0 0 11px; }
#guia-sindico .guide-chapter p { line-height:1.65; }
#guia-sindico .guide-last-note { color:var(--g-muted); font-size:.9375rem; max-width:760px; margin:25px 0 0; }
#guia-sindico :is(.guide-prose,.guide-last-note) strong { color:var(--g-ink); }
#guia-sindico :is(.guide-source-note,.guide-legal-note,.guide-support-grid,.guide-faq,.guide-contrast) a { color:var(--g-ink); text-decoration:underline; text-decoration-color:var(--g-red); text-underline-offset:3px; }

/* 1. Da rua ao apartamento: esquema (horizontal acima de 1060px, vertical abaixo) e percurso */
#guia-sindico .guide-network { margin:0 0 25px; }
#guia-sindico .guide-network-art { background:var(--g-navy); border-radius:18px; overflow:hidden; }
#guia-sindico .guide-network-svg { width:100%; height:auto; display:block; }
#guia-sindico .guide-network-svg--tall { display:none; max-width:420px; margin:0 auto; }
#guia-sindico .guide-network figcaption { font-size:.8125rem; color:var(--g-muted-soft); margin-top:10px; }
#guia-sindico .guide-route { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:13px; padding:0; list-style:none; margin:24px 0 28px; }
#guia-sindico .guide-route li { background:var(--g-white); border:1px solid var(--g-line); border-radius:14px; padding:20px 17px; min-height:13.125rem; }
#guia-sindico .guide-route li>div { min-width:0; }
#guia-sindico .guide-route li>span { display:block; color:var(--g-red-text); font-family:'Ubuntu Mono',monospace; font-size:.8125rem; letter-spacing:.08em; margin-bottom:35px; }
#guia-sindico .guide-route h3 { font-size:1.125rem; }
#guia-sindico .guide-route p { font-size:.8125rem; color:var(--g-muted); line-height:1.55; margin:0; }
#guia-sindico .guide-feature-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:35px 0 22px; }
#guia-sindico .guide-feature-pair>div { padding:22px 25px 26px; background:var(--g-tint); border:1px solid var(--g-line); border-radius:14px; }
#guia-sindico .guide-feature-pair .icon { color:var(--g-red); width:1.625rem; height:1.625rem; margin-bottom:17px; }
#guia-sindico .guide-feature-pair p { color:var(--g-muted); margin:0; font-size:.9375rem; }

/* 2. Quem decide o quê */
#guia-sindico .guide-decision-grid, #guia-sindico .guide-support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#guia-sindico :is(.guide-decision-grid,.guide-support-grid) article { background:var(--g-white); border:1px solid var(--g-line); border-radius:18px; padding:34px; }
#guia-sindico .guide-decision-grid h3 { max-width:320px; font-size:1.6875rem; }
#guia-sindico :is(.guide-decision-grid,.guide-support-grid) p { color:var(--g-muted); margin:0; }
#guia-sindico .guide-prose { max-width:770px; margin:37px 0; color:var(--g-muted); }
#guia-sindico .guide-prose p { margin-bottom:18px; }
#guia-sindico .guide-contrast { background:var(--g-tint); border-radius:18px; padding:35px 40px; }
#guia-sindico .guide-contrast p { color:var(--g-muted); max-width:730px; margin-bottom:0; }

/* 3. Entrada da Elevar */
#guia-sindico .guide-timeline { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; list-style:none; margin:0; padding:0; border-top:1px solid var(--g-line); }
#guia-sindico .guide-timeline li { display:flex; gap:22px; border-bottom:1px solid var(--g-line); padding:29px 5px 28px 0; min-height:13.125rem; }
#guia-sindico .guide-timeline li>div { min-width:0; }
#guia-sindico .guide-timeline-num { display:grid; place-items:center; flex:none; width:2.375rem; height:2.375rem; border:1px solid var(--g-red-text); border-radius:50%; font-family:'Ubuntu Mono',monospace; font-size:.8125rem; color:var(--g-red-text); }
#guia-sindico .guide-timeline h3 { font-size:1.375rem; margin:4px 0 10px; }
#guia-sindico .guide-timeline p { font-size:.9375rem; color:var(--g-muted); margin-bottom:15px; }
#guia-sindico .guide-timeline small { display:block; font-size:.8125rem; line-height:1.4; color:var(--g-muted-soft); }
#guia-sindico .guide-inline-cta { margin-top:35px; background:var(--g-navy); border-radius:18px; padding:29px 33px; display:flex; justify-content:space-between; align-items:center; gap:24px; color:var(--g-white); }
#guia-sindico .guide-inline-cta>div { min-width:0; }
#guia-sindico .guide-inline-cta p { margin:7px 0 0; color:var(--g-on-navy); font-size:.875rem; max-width:520px; }
#guia-sindico .guide-inline-cta .text-link { flex:none; white-space:nowrap; }

/* 4. Checklist do provedor */
#guia-sindico .guide-print { display:inline-flex; align-items:center; gap:8px; min-height:2.75rem; background:transparent; border:1px solid var(--g-ink); border-radius:999px; padding:10px 18px; margin-top:24px; font:700 .8125rem Ubuntu,Arial,sans-serif; color:var(--g-ink); cursor:pointer; justify-self:start; }
#guia-sindico .guide-print .icon { width:1.0625rem; height:1.0625rem; }
#guia-sindico .guide-print:hover { background:var(--g-ink); color:var(--g-white); }
#guia-sindico .guide-checklist { padding:0; margin:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#guia-sindico .guide-checklist li { display:flex; gap:20px; background:var(--g-white); border:1px solid var(--g-line); border-radius:14px; padding:24px; min-height:11.3125rem; }
#guia-sindico .guide-checklist li>div { min-width:0; }
#guia-sindico .guide-checklist li>span { flex:none; color:var(--g-red-text); font-family:'Ubuntu Mono',monospace; font-size:.875rem; }
#guia-sindico .guide-checklist h3 { font-size:1.1875rem; margin:0 0 10px; }
#guia-sindico .guide-checklist p { font-size:.8125rem; color:var(--g-muted); margin:0; line-height:1.55; }
#guia-sindico .guide-checklist b { color:var(--g-ink); }
#guia-sindico .guide-source-note { display:flex; align-items:flex-start; gap:10px; color:var(--g-muted-soft); font-size:.875rem; margin:25px 0 0; }
#guia-sindico .guide-source-note>span { min-width:0; }
#guia-sindico .guide-source-note .icon { color:var(--g-red); }

/* 5. Infraestrutura do prédio */
#guia-sindico .guide-building-photo { margin:0 0 24px; height:270px; overflow:hidden; border-radius:18px; background:var(--g-navy); }
#guia-sindico .guide-building-photo img { width:100%; height:100%; object-fit:cover; object-position:center; }
#guia-sindico .guide-condition-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#guia-sindico .guide-condition-list article { background:var(--g-white); border:1px solid var(--g-line); border-radius:14px; padding:24px; }
#guia-sindico .guide-condition-tag { display:inline-block; font-size:.8125rem; font-weight:700; line-height:1.3; padding:5px 9px; border-radius:4px; margin-bottom:14px; }
#guia-sindico .guide-condition-tag.positive { background:var(--g-success-bg); color:var(--success); }
#guia-sindico .guide-condition-tag.attention { background:var(--g-red-bg); color:var(--g-red-text); }
#guia-sindico .guide-condition-list h3 { font-size:1.25rem; }
#guia-sindico .guide-condition-list p { color:var(--g-muted); font-size:.875rem; margin:0; }
#guia-sindico .guide-legal-note { font-size:.8125rem; color:var(--g-muted-soft); margin:27px 0 45px; max-width:75ch; }
#guia-sindico .guide-prep { display:grid; grid-template-columns:1fr 1.3fr; gap:38px; padding:42px; border-radius:18px; background:var(--g-tint); }
#guia-sindico .guide-prep h3 { font-size:1.9375rem; max-width:280px; }
#guia-sindico .guide-prep ol { list-style:none; counter-reset:prep; margin:0; padding:0; display:grid; gap:12px; }
#guia-sindico .guide-prep li { counter-increment:prep; position:relative; padding-left:33px; color:var(--g-ink-soft); font-size:.875rem; }
#guia-sindico .guide-prep li::before { content:counter(prep,decimal-leading-zero); position:absolute; top:0; left:0; color:var(--g-red-text); font-family:'Ubuntu Mono',monospace; font-size:.8125rem; }

/* 6. Depois da ativação */
#guia-sindico .guide-support-grid h3 { font-size:1.8125rem; }
#guia-sindico .guide-quality { margin:22px 0 0; background:var(--g-navy); border-radius:18px; padding:40px; display:grid; grid-template-columns:1fr 1fr; gap:30px; color:var(--g-white); }
#guia-sindico .guide-quality h3 { font-size:1.9375rem; max-width:300px; }
#guia-sindico .guide-quality p { color:var(--g-on-navy); max-width:380px; font-size:.875rem; margin:0; }
#guia-sindico .guide-quality ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; align-content:center; }
#guia-sindico .guide-quality li { display:flex; gap:8px; align-items:flex-start; font-size:.875rem; }
#guia-sindico .guide-quality .icon { color:var(--g-red); width:1.0625rem; height:1.0625rem; margin-top:2px; }

/* 7. Perguntas frequentes */
#guia-sindico .guide-faq-list { border-top:1px solid var(--g-line); }
#guia-sindico .guide-faq-list details { border-bottom:1px solid var(--g-line); }
#guia-sindico .guide-faq-list summary { display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; list-style:none; padding:23px 6px; font-size:1.1875rem; font-weight:700; line-height:1.3; }
#guia-sindico .guide-faq-list summary::-webkit-details-marker { display:none; }
#guia-sindico .guide-faq-list summary::after { content:'+'; content:'+' / ''; display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:50%; color:var(--g-red-text); font-size:1.5625rem; font-weight:300; }
#guia-sindico .guide-faq-list details[open] summary::after { content:'\2212'; content:'\2212' / ''; }
#guia-sindico .guide-faq-list details p { max-width:680px; padding:0 42px 23px 6px; color:var(--g-muted); margin:0; font-size:.9375rem; }

/* ===== Bloco final e formulário ========================================== */
#guia-sindico .guide-lead { background:var(--g-navy); color:var(--g-white); padding:110px 0 120px; }
#guia-sindico .guide-lead-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(50px,6vw,90px); align-items:start; }
#guia-sindico .guide-lead-copy { container-type:inline-size; padding-top:22px; min-width:0; }
#guia-sindico .guide-lead h2 { font-size:clamp(3.0625rem,5vw,4.625rem); letter-spacing:-.045em; max-width:570px; margin:0 0 25px; }
#guia-sindico .guide-lead-copy>p { color:var(--g-on-navy); font-size:1.125rem; line-height:1.62; max-width:510px; margin-bottom:28px; }
#guia-sindico .guide-lead-detail { margin-top:75px; border-top:1px solid var(--g-line-on-navy); padding-top:24px; display:flex; align-items:center; gap:15px; color:var(--g-on-navy); font-size:.8125rem; }
#guia-sindico .guide-lead-detail>.icon { width:1.8125rem; height:1.8125rem; color:var(--g-red); }
#guia-sindico .guide-lead-detail a { display:inline-block; padding-block:11px; margin-block:-11px; text-decoration:none; }
#guia-sindico .guide-lead-detail strong { color:var(--g-white); font-size:1.25rem; }
#guia-sindico .guide-form-shell { container-type:inline-size; min-width:0; background:var(--g-white); color:var(--g-ink); padding:38px; border-radius:18px; box-shadow:0 28px 80px rgba(0,0,0,.18); }
#guia-sindico .guide-form-heading { border-bottom:1px solid var(--g-line); margin-bottom:24px; padding-bottom:19px; }
#guia-sindico .guide-form-heading h3 { font-size:1.9375rem; margin:0 0 4px; }
#guia-sindico .guide-form-heading p { font-size:.8125rem; color:var(--g-muted-soft); margin:0; }
#guia-sindico .guide-form-shell:has(.guide-success:not([hidden])) .guide-form-heading p { display:none; }
#guia-sindico .guide-lead-form { display:grid; grid-template-columns:minmax(0,1fr); gap:17px 14px; }
@container (min-width: 31rem) {
  #guia-sindico .guide-lead-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
#guia-sindico .guide-span-2 { grid-column:1/-1; }
#guia-sindico .guide-lead-form label:not(.guide-terms) { display:flex; flex-direction:column; gap:7px; min-width:0; font-size:.8125rem; font-weight:700; color:var(--g-ink-soft); }
#guia-sindico .guide-lead-form small { font-size:.75rem; font-weight:400; color:var(--g-muted-soft); }
#guia-sindico .guide-req { color:var(--g-red-text); }
#guia-sindico .guide-lead-form :is(input:not([type=checkbox]),select,textarea) { width:100%; min-height:46px; border:1px solid var(--g-field-line); background:var(--g-white); border-radius:8px; padding:10px 12px; color:var(--g-ink); font:400 1rem Ubuntu,Arial,sans-serif; }
#guia-sindico .guide-lead-form :is(input:not([type=checkbox]),select,textarea):focus { border-color:var(--g-red-text); }
#guia-sindico .guide-lead-form textarea { resize:vertical; min-height:84px; }
#guia-sindico .guide-lead-form :is(input,textarea)::placeholder { color:var(--g-muted-soft); }
#guia-sindico .guide-honeypot { position:absolute; left:-10000px; opacity:0; pointer-events:none; }
#guia-sindico .guide-terms { display:flex; flex-wrap:wrap; align-items:flex-start; gap:6px 10px; min-height:2.75rem; font-size:.8125rem; line-height:1.5; color:var(--g-muted); margin:4px 0; }
#guia-sindico .guide-terms>span:not(.field-error) { flex:1 1 0; min-width:0; }
#guia-sindico .guide-terms input { width:20px; height:20px; margin:0; flex:none; accent-color:var(--g-red-dark); }
#guia-sindico .guide-terms a { font-weight:700; text-decoration:underline; text-decoration-color:var(--g-red); }
/* O .button do site tem padding vertical 0: aqui o texto pode quebrar em 2 linhas (celular, fonte grande). */
#guia-sindico :is(.guide-hero-actions,.guide-lead-form) .button { height:auto; padding:.75rem 1.5rem; line-height:1.25; gap:1rem; }
#guia-sindico .guide-lead-form .button { width:100%; margin-top:3px; }
#guia-sindico .guide-lead-form .button:disabled { opacity:.7; cursor:wait; transform:none; }

/* Erros por campo (marcação escrita pelo site.js): span.field-error dentro do label, ligado por aria-describedby. */
#guia-sindico .field-error { display:block; font-size:.8125rem; font-weight:400; line-height:1.4; color:var(--g-error); }
#guia-sindico .guide-terms .field-error { flex:0 0 100%; padding-left:30px; }
#guia-sindico .guide-lead-form :is(input:not([type=checkbox]),select,textarea)[aria-invalid="true"] { border:2px solid var(--g-red-text); padding:9px 11px; }
#guia-sindico .guide-terms input[aria-invalid="true"] { outline:2px solid var(--g-red-text); outline-offset:2px; }

/* Mensagem geral do envio ([data-condo-lead-feedback], estados do site.js). */
#guia-sindico .guide-form-feedback { margin:0; font-size:.8125rem; color:var(--g-muted); }
#guia-sindico .guide-form-feedback:empty { position:absolute; min-height:0; }
#guia-sindico .guide-form-feedback[data-state=error] { color:var(--g-error); }
#guia-sindico .guide-form-feedback a { font-weight:700; text-decoration:underline; text-underline-offset:2px; }
#guia-sindico .guide-success { text-align:center; padding:45px 20px; }
#guia-sindico .guide-success:focus { outline:none; }
#guia-sindico .guide-success>span { display:grid; place-items:center; width:70px; height:70px; border-radius:50%; background:var(--g-success-bg); color:var(--success); margin:0 auto 20px; }
#guia-sindico .guide-success h3 { margin-bottom:8px; }
#guia-sindico .guide-success p { color:var(--g-muted); }

/* ===== Responsivo ======================================================== */
/* Índice sticky só com altura para ele. */
@media (min-width: 901px) and (max-height: 699.98px) {
  #guia-sindico .guide-side-inner { position:static; max-height:none; overflow:visible; }
}
/* Esquema vertical até 1060px (abaixo disso, com o índice ao lado, os rótulos do horizontal ficariam com menos de 11px). */
@media (max-width: 1060px) {
  #guia-sindico .guide-network-svg--wide { display:none; }
  #guia-sindico .guide-network-svg--tall { display:block; }
  #guia-sindico .guide-network-art { max-width:420px; margin-inline:auto; }
}
@media (max-width: 1180px) {
  #guia-sindico .guide-hero-copy { padding-right:35px; }
  #guia-sindico .guide-hero h1 { font-size:clamp(3.25rem,5.3vw,4.375rem); }
  #guia-sindico .guide-article-shell { grid-template-columns:190px minmax(0,1fr); gap:45px; }
  #guia-sindico .guide-route li { min-height:11.25rem; }
}
@media (max-width: 900px) {
  html { scroll-padding-top:4.75rem; }
  #guia-sindico .guide-wrap { width:min(100% - 40px,750px); }
  #guia-sindico .guide-hero-grid { display:block; min-height:0; }
  #guia-sindico .guide-hero-copy { padding:28px 0 40px; }
  #guia-sindico .guide-breadcrumb { margin-bottom:0; }
  #guia-sindico .guide-hero-media { min-height:350px; border-radius:90px 0 0 0; }
  #guia-sindico .guide-hero-media img { object-position:center 34%; }
  #guia-sindico .guide-article-shell { display:block; }
  /* Faixa de chips fixa no topo durante a leitura; o fundo vai de ponta a ponta. */
  #guia-sindico .guide-side { position:sticky; top:0; z-index:10; margin-inline:calc(50% - 50vw); padding-inline:calc(50vw - 50%); background:var(--g-paper); border:0; border-bottom:1px solid var(--g-line); }
  #guia-sindico .guide-side-inner { position:static; max-height:none; overflow:visible; margin:0; padding:0; }
  #guia-sindico .guide-side-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  #guia-sindico .guide-side ol { display:flex; gap:10px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; border:0; margin:0 -6px; padding:8px 2.5rem 8px 6px; scroll-padding-inline:8px 2.5rem; -webkit-mask-image:linear-gradient(to right,black calc(100% - 2.5rem),transparent); mask-image:linear-gradient(to right,black calc(100% - 2.5rem),transparent); }
  #guia-sindico .guide-side ol::-webkit-scrollbar { display:none; }
  #guia-sindico .guide-side li { border:0; flex:none; }
  /* scroll-margin-top negativo: o chip já está visível na faixa; sem ele, o foco por teclado puxaria a página para cima por causa do scroll-padding-top. */
  #guia-sindico .guide-side ol a { align-items:center; min-height:2.75rem; padding:10px 16px; background:var(--g-white); border:1px solid var(--g-line); border-radius:999px; white-space:nowrap; scroll-margin-top:-4.75rem; }
  #guia-sindico .guide-side ol a.is-active { box-shadow:none; border-color:var(--g-red-text); }
  #guia-sindico .guide-side-cta { display:none; }
  #guia-sindico .guide-intro { padding:65px 0; }
  #guia-sindico .guide-chapter { padding:70px 0; scroll-margin-top:0; }
  #guia-sindico .guide-lead-grid { grid-template-columns:minmax(0,1fr); }
  #guia-sindico .guide-lead-detail { margin-top:30px; }
}
@media (max-width: 640px) {
  #guia-sindico .guide-wrap { width:calc(100% - 36px); }
  #guia-sindico .guide-hero h1 { font-size:clamp(2.9375rem,10.8vw,4.0625rem); }
  #guia-sindico .guide-hero-copy>p { font-size:1rem; }
  #guia-sindico .guide-hero-actions { gap:16px; align-items:flex-start; flex-direction:column; }
  #guia-sindico .guide-hero-meta { gap:8px 10px; }
  #guia-sindico .guide-hero-meta span+span::before { margin-right:3px; }
  #guia-sindico .guide-hero-media { min-height:270px; border-radius:65px 0 0 0; }
  #guia-sindico .guide-hero-media figcaption { left:15px; right:15px; bottom:15px; padding:15px; }
  #guia-sindico .guide-hero-media strong { font-size:.9375rem; }
  #guia-sindico :is(.guide-intro,.guide-chapter-head) h2 { font-size:clamp(1.875rem,10vw,2.4375rem); }
  #guia-sindico .guide-intro>p, #guia-sindico .guide-chapter-head>p { font-size:1rem; }
  #guia-sindico .guide-intro-note { padding:18px; }
  #guia-sindico .guide-chapter-head { display:block; }
  #guia-sindico .guide-chapter-index { display:block; padding-top:0; margin-bottom:.75rem; }
  #guia-sindico .guide-network-art { border-radius:14px; }
  #guia-sindico .guide-route li { min-height:11.5625rem; padding:17px; }
  #guia-sindico .guide-route li>span { margin-bottom:24px; }
  #guia-sindico .guide-route h3 { font-size:1rem; }
  #guia-sindico .guide-feature-pair { gap:10px; }
  #guia-sindico :is(.guide-decision-grid,.guide-support-grid) article { padding:25px; }
  #guia-sindico .guide-timeline li { min-height:0; padding:23px 0; }
  #guia-sindico .guide-checklist li { min-height:0; padding:20px; }
  #guia-sindico .guide-inline-cta { align-items:flex-start; flex-direction:column; }
  #guia-sindico .guide-building-photo { height:210px; }
  #guia-sindico .guide-prep { padding:25px; gap:15px; }
  #guia-sindico .guide-quality { padding:28px; }
  #guia-sindico .guide-faq-list summary { font-size:1rem; }
  #guia-sindico .guide-lead { padding:75px 0; }
  #guia-sindico .guide-lead h2 { font-size:clamp(2.25rem,12vw,3.0625rem); }
  #guia-sindico .guide-lead-copy>p { font-size:1rem; }
  #guia-sindico .guide-form-shell { padding:24px; }
}
@media (max-width: 400px) {
  #guia-sindico .guide-quality ul { grid-template-columns:minmax(0,1fr); }
}
/* Celular deitado: o H1 inteiro na primeira tela (depois do bloco de 640px, que também muda o H1). */
@media (max-width: 900px) and (max-height: 500px) {
  #guia-sindico .guide-hero-copy { padding-top:16px; }
  #guia-sindico .guide-breadcrumb { padding-bottom:1rem; }
  #guia-sindico .guide-hero h1 { font-size:clamp(2.25rem,7.5vw,3rem); }
}
/* Colunas pela largura do artigo em rem: a 100% dão praticamente os cortes antigos por tela
   (percurso 5/3/2/1, grades 2/1 perto de 640px); com a fonte-base maior, as colunas diminuem
   e as palavras não se partem. */
@container guide-article (width < 53rem) {
  #guia-sindico .guide-route { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container guide-article (width < 37.5rem) {
  #guia-sindico .guide-route { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #guia-sindico :is(.guide-feature-pair,.guide-decision-grid,.guide-timeline,.guide-checklist,.guide-condition-list,.guide-support-grid,.guide-quality,.guide-prep) { grid-template-columns:minmax(0,1fr); }
}
@container guide-article (width < 23rem) {
  #guia-sindico .guide-route { grid-template-columns:minmax(0,1fr); }
  #guia-sindico .guide-route li { min-height:0; }
}
/* Títulos em coluna estreita demais para a palavra (só acontece com a fonte-base aumentada): hifeniza em vez de partir. */
@container (width < 14rem) {
  #guia-sindico :is(h1,h2,h3) { hyphens:auto; hyphenate-limit-chars:9 3 3; }
}
@media (prefers-reduced-motion: reduce) {
  #guia-sindico .button:hover { transform:none; }
}

/* ===== Impressão ========================================================= */
/* Sem aviso, cabeçalho, rodapé, diálogos, navegação e chamadas; texto escuro no branco. */
@media print {
  .skip-link, .notice, .site-header, .footer, .city-dialog, .coverage-dialog { display:none !important; }
  #guia-sindico :is(.guide-hero-actions,.guide-hero-media,.guide-side,.guide-lead,.guide-print,.guide-inline-cta) { display:none !important; }
  #guia-sindico .guide-wrap { width:100%; }
  #guia-sindico :is(.guide-hero,.guide-hero *,.guide-quality,.guide-quality *) { color:#000 !important; background:#fff !important; }
  #guia-sindico .guide-quality { border:1px solid #ccc; }
  #guia-sindico .guide-hero-grid { min-height:0; display:block; }
  #guia-sindico .guide-hero-copy { padding:0 0 20px; }
  #guia-sindico .guide-hero h1 { font-size:2.25rem; }
  #guia-sindico .guide-article-shell { display:block; }
  #guia-sindico .guide-intro, #guia-sindico .guide-chapter { padding:20px 0; }
  #guia-sindico .guide-chapter { break-before:page; }
  #guia-sindico .guide-chapter h2 { font-size:1.875rem; }
  #guia-sindico .guide-network-art { background:#fff; }
  #guia-sindico .guide-checklist { grid-template-columns:1fr 1fr; }
  #guia-sindico .guide-checklist li { border:1px solid #ccc; padding:10px; min-height:0; }
  #guia-sindico .guide-checklist p { font-size:.75rem; }
  #guia-sindico :is(.guide-route li,.guide-timeline li,.guide-checklist li,.guide-decision-grid article,.guide-support-grid article,.guide-condition-list article,.guide-feature-pair>div,.guide-faq-list details,.guide-prep,.guide-quality,.guide-network) { break-inside:avoid; }
  #guia-sindico .guide-faq-list summary::after { display:none; }
  #guia-sindico :is(.guide-source-note,.guide-legal-note) a[href^="http"]::after { content:" (" attr(href) ")"; font-size:.75rem; word-break:break-all; }
  /* Botão "Imprimir checklist": só o capítulo 4. */
  .guide-print-checklist #guia-sindico :is(.guide-hero,.guide-intro,.guide-chapter:not(#checklist-provedor),.guide-chapter-index) { display:none !important; }
  .guide-print-checklist #guia-sindico #checklist-provedor { break-before:auto; padding:0; }
  .guide-print-checklist #guia-sindico .guide-chapter-head { display:block; margin-bottom:18px; }
}