/* =========================================================
   CONTROLE MANUAL DE TIPOGRAFIA (V6 - Definição + Aplicação)
   =========================================================
   
   Instruções:
   1. Altere os valores em 'rem' abaixo.
   2. Este arquivo AGORA CONTROLA TUDO.

*/

/*!
 * TABELA DE CONVERSÃO PX → REM (ARREDONDADO)
 * Base: 1rem = 16px
 * Intervalo: 9px → 83px (≈ 0.57rem → 5.19rem)
 */

 /*  9px = 0.57rem */ 
 /* 10px = 0.63rem */ 
 /* 11px = 0.69rem */ 
 /* 12px = 0.75rem */ 
 /* 13px = 0.82rem */ 
 /* 14px = 0.88rem */ 
 /* 15px = 0.94rem */ 
 /* 16px = 1.00rem */ 
 /* 17px = 1.07rem */ 
 /* 18px = 1.13rem */ 
 /* 19px = 1.19rem */ 
 /* 20px = 1.25rem */ 
 /* 21px = 1.32rem */ 
 /* 22px = 1.38rem */ 
 /* 23px = 1.44rem */ 
 /* 24px = 1.50rem */ 
 /* 25px = 1.57rem */ 
 /* 26px = 1.63rem */ 
 /* 27px = 1.69rem */ 
 /* 28px = 1.75rem */ 
 /* 29px = 1.82rem */ 
 /* 30px = 1.88rem */ 
 /* 31px = 1.94rem */ 
 /* 32px = 2.00rem */ 
 /* 33px = 2.07rem */ 
 /* 34px = 2.13rem */ 
 /* 35px = 2.19rem */ 
 /* 36px = 2.25rem */ 
 /* 37px = 2.32rem */ 
 /* 38px = 2.38rem */ 
 /* 39px = 2.44rem */ 
 /* 40px = 2.50rem */ 
 /* 41px = 2.57rem */ 
 /* 42px = 2.63rem */ 
 /* 43px = 2.69rem */ 
 /* 44px = 2.75rem */ 
 /* 45px = 2.82rem */ 
 /* 46px = 2.88rem */ 
 /* 47px = 2.94rem */ 
 /* 48px = 3.00rem */ 
 /* 49px = 3.07rem */ 
 /* 50px = 3.13rem */ 
 /* 51px = 3.19rem */ 
 /* 52px = 3.25rem */ 
 /* 53px = 3.32rem */ 
 /* 54px = 3.38rem */ 
 /* 55px = 3.44rem */ 
 /* 56px = 3.50rem */ 
 /* 57px = 3.57rem */ 
 /* 58px = 3.63rem */ 
 /* 59px = 3.69rem */ 
 /* 60px = 3.75rem */ 
 /* 61px = 3.82rem */ 
 /* 62px = 3.88rem */ 
 /* 63px = 3.94rem */ 
 /* 64px = 4.00rem */ 
 /* 65px = 4.07rem */ 
 /* 66px = 4.13rem */ 
 /* 67px = 4.19rem */ 
 /* 68px = 4.25rem */ 
 /* 69px = 4.32rem */ 
 /* 70px = 4.38rem */ 
 /* 71px = 4.44rem */ 
 /* 72px = 4.50rem */ 
 /* 73px = 4.57rem */ 
 /* 74px = 4.63rem */ 
 /* 75px = 4.69rem */ 
 /* 76px = 4.75rem */ 
 /* 77px = 4.82rem */ 
 /* 78px = 4.88rem */ 
 /* 79px = 4.94rem */ 
 /* 80px = 5.00rem */ 
 /* 81px = 5.07rem */ 
 /* 82px = 5.13rem */ 
 /* 83px = 5.19rem */ 



/* =========================================================
   1. FONTES DESKTOP (Padrão)
   ========================================================= */
:root {
  /* --- Títulos de Seção (HERO) --- */
  /* Usado em: .word (Intro), #sec-1 .cf-title, #sec-2 .ts-title */
  --f-h1: 4.00rem; /* 64x */

  /* --- Títulos de Bloco/Card --- */
  /* Usado em: 
       #sec-1 .cf-card-title, 
       #sec-2 .ts-block-title, 
       #sec-3 .cp-block-title, 
       #sec-3 .cp-block-title2
  */
  --f-h2: 1.75rem; /* 28px */

  /* --- Subtítulos --- */
  /* Usado em: 
       #sec-0 .about-scroll-content h2/h3
       #sec-1 .cf-subtitle, 
       #sec-2 .ts-subtitle, 
       #sec-3 .cp-subtitle, 
       #sec-3 .cp-subtitle2
  */
  --f-h3: 1.13rem; /* 18px */

  /* --- Texto de Introdução (Lead) --- */
  /* Usado em: 
       #about-inicio p, 
       #sec-1 .cf-lead, 
       #sec-2 .ts-lead, 
       #sec-3 .cp-lead, 
       #sec-3 .cp-lead2,
       #sec-4 .ct-sub 
  */
  --f-lead: 1.00rem; /* 16px */

  /* --- Corpo de Texto (Listas, etc) --- */
  /* Usado em: 
       .about-scroll-content, 
       #sec-1 .cf-card-body, 
       #sec-2 .ts-list, 
       #sec-3 .cp-desc, #sec-3 .cp-list,
       #sec-3 .cp-desc2, #sec-3 .cp-list2
  */
  --f-body: 0.88rem; /* 14px */

  /* --- UI: Botões --- */
  --f-btn: 0.9rem; /* 14px */
  
  /* --- UI: Menu Desktop --- */
  --f-menu: 0.8rem; /* 13px */

  /* --- UI: "SCROLL" --- */
  --f-meta: 0.75rem; /* 12px */
}

/* =========================================================
   2. APLICAÇÃO DAS FONTES (DESKTOP)
   ========================================================= */

/* SEC-0 — Sobre */
#about-inicio p { font-size: var(--f-lead); }
.about-scroll-content { font-size: var(--f-body); }
.about-scroll-content h2,
.about-scroll-content h3 { font-size: var(--f-h3); }
.about-scroll-content p,
.about-scroll-content li { font-size: var(--f-body); }

/* SEC-1 — Consultoria */
#sec-1 .cf-title { font-size: var(--f-h1); }
#sec-1 .cf-card-title { font-size: var(--f-h2); }
#sec-1 .cf-subtitle { font-size: var(--f-h3); }
#sec-1 .cf-lead { font-size: var(--f-lead); }
#sec-1 .cf-card-body, 
#sec-1 .cf-card-body li { font-size: var(--f-body); }

/* SEC-2 — Terceiro Setor */
#sec-2 .ts-title { font-size: var(--f-h1); }
#sec-2 .ts-block-title { font-size: var(--f-h2); }
#sec-2 .ts-subtitle { font-size: var(--f-h3); }
#sec-2 .ts-lead { font-size: var(--f-lead); }
#sec-2 .ts-list, 
#sec-2 .ts-list li { font-size: var(--f-body); }

/* SEC-3 — Cursos & Palestras (Card 1 e Card 2) */
#sec-3 .cp-block-title, 
#sec-3 .cp-block-title2 { font-size: var(--f-h2); }
#sec-3 .cp-lead, 
#sec-3 .cp-lead2 { font-size: var(--f-lead); }
#sec-3 .cp-desc, 
#sec-3 .cp-desc2 { font-size: var(--f-body); }
#sec-3 .cp-subtitle, 
#sec-3 .cp-subtitle2 { font-size: var(--f-h3); }
#sec-3 .cp-list, #sec-3 .cp-list2, 
#sec-3 .cp-list li, #sec-3 .cp-list2 li { font-size: var(--f-body); }

/* SEC-4 — Contato */
#sec-4 .ct-sub { font-size: var(--f-lead); }

/* Botões Globais */
#sec-1 .btn, #sec-2 .btn, 
#sec-3 .cp-btn, #sec-3 .cp-btn2, 
#sec-4 .ct-btn { font-size: var(--f-btn); }


/* =========================================================
   3. FONTES SMARTPHONE (Sobrescrita)
   ========================================================= */
@media (max-width: 768px) {
  :root {
    /* --- Títulos de Seção (HERO) --- */
    --f-h1: 3.2rem; /* 51px */

    /* --- Títulos de Bloco/Card --- */
    /* Usado em: 
         #sec-1 .cf-title, #sec-2 .ts-title, 
         #sec-1 .cf-card-title, #sec-2 .ts-block-title, 
         #sec-3 .cp-block-title, #sec-3 .cp-block-title2
    */
    --f-h2: 1.50rem; /* 24px */

    /* --- Subtítulos --- */
    /* Usado em: 
         #sec-1 .cf-subtitle, #sec-2 .ts-subtitle, 
         #sec-3 .cp-lead, #sec-3 .cp-subtitle,  <-- AQUI A MUDANÇA
         #sec-3 .cp-lead2, #sec-3 .cp-subtitle2
    */
    --f-h3: 1.1rem; /* 18px */

    /* --- Texto de Introdução (Lead) --- */
    /* Usado em: 
         #about-inicio p, 
         #sec-1 .cf-lead, #sec-2 .ts-lead, 
         #sec-4 .ct-sub 
    */
    --f-lead: 1.15rem; /* 18px */

    /* --- Corpo de Texto (Listas, etc) --- */
    --f-body: 1.0rem; /* 16px */
    
    /* --- UI: Menu Mobile --- */
    --f-menu: 1.0rem; /* 16px */
    
    /* (Botões e Meta não mudam) */
  }

  /* =========================================================
     4. APLICAÇÃO DAS FONTES (SMARTPHONE)
     ========================================================= */
  
  /* SEC-0 — Sobre */
  #about-inicio p { font-size: var(--f-lead); }
  .about-scroll-content { font-size: var(--f-body); }
  .about-scroll-content h2,
  .about-scroll-content h3 { font-size: var(--f-h3); }
  .about-scroll-content p,
  .about-scroll-content li { font-size: var(--f-body); }

  /* SEC-1 — Consultoria */
  #sec-1 .cf-title { font-size: var(--f-h2); } /* Título do banner vira H2 */
  #sec-1 .cf-card-title { font-size: var(--f-h2); }
  #sec-1 .cf-subtitle { font-size: var(--f-h3); }
  #sec-1 .cf-lead { font-size: var(--f-lead); }
  #sec-1 .cf-card-body, 
  #sec-1 .cf-card-body li { font-size: var(--f-body); }

  /* SEC-2 — Terceiro Setor */
  #sec-2 .ts-title { font-size: var(--f-h2); } /* Título do banner vira H2 */
  #sec-2 .ts-block-title { font-size: var(--f-h2); }
  #sec-2 .ts-subtitle { font-size: var(--f-h3); }
  #sec-2 .ts-lead { font-size: var(--f-lead); }
  #sec-2 .ts-list, 
  #sec-2 .ts-list li { font-size: var(--f-body); }

  /* SEC-3 — Cursos & Palestras (Ajuste Padrão) */
  /* Títulos */
  #sec-3 .cp-block-title, 
  #sec-3 .cp-block-title2 { font-size: var(--f-h2); }
  
  /* Corpo e Listas */
  #sec-3 .cp-desc, 
  #sec-3 .cp-desc2 { font-size: var(--f-body); }
  #sec-3 .cp-list, #sec-3 .cp-list2, 
  #sec-3 .cp-list li, #sec-3 .cp-list2 li { font-size: var(--f-body); }
  
  /* AQUI ESTÁ O PADRÃO QUE VOCÊ GOSTOU: */
  /* Lead e Subtítulo usam a MESMA variável no mobile */
  #sec-3 .cp-lead, #sec-3 .cp-lead2,
  #sec-3 .cp-subtitle, #sec-3 .cp-subtitle2 {
    font-size: var(--f-h3);
  }
  
  /* SEC-4 — Contato */
  #sec-4 .ct-sub { font-size: var(--f-lead); }
}