/* StoneTAG — Tema responsivo, carregado por tema_arapoca.php no fim do <head>.
     DESKTOP (≥ 768 px)  = Id Visual Terlos: paleta oficial (verde #323F31, laranja #E57400, bege #E4E4DA...) + fonte Brockmann.
     CELULAR (< 768 px)  = Arapoca: creme, verde-floresta, terracota; Fraunces + Inter (o mesmo visual do app StoneTAG Terlos).
   As telas usam var(--tm-*) no lugar das cores fixas (trocadas pelo PHP); aqui se define o valor de cada uma. Só tema claro. */

/* ── fontes locais (funcionam offline) ── */
@font-face{font-family:'Brockmann';font-weight:400;font-display:swap;src:url(fonts/Brockmann-Regular.otf) format('opentype')}
@font-face{font-family:'Brockmann';font-weight:500;font-display:swap;src:url(fonts/Brockmann-Medium.otf) format('opentype')}
@font-face{font-family:'Brockmann';font-weight:600;font-display:swap;src:url(fonts/Brockmann-SemiBold.otf) format('opentype')}
@font-face{font-family:'Brockmann';font-weight:700;font-display:swap;src:url(fonts/Brockmann-Bold.otf) format('opentype')}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-weight:600;font-display:swap;src:url(fonts/fraunces-latin-600-normal.woff2) format('woff2')}

/* ── DESKTOP: Id Visual Terlos (valores originais das telas) ── */
:root{
  color-scheme:light;
  --tm-verde:#323f31;--tm-verde2:#475a45;--tm-verde3:#2a3629;
  --tm-bege:#e4e4da;--tm-bege2:#f0f0ea;--tm-bege3:#f5f5f0;--tm-bege4:#fafaf7;--tm-bege5:#f8f9fa;
  --tm-borda:#ced1b8;--tm-cinza:#76766d;
  --tm-laranja:#e57400;--tm-laranja2:#cc6700;--tm-laranja3:#e65100;--tm-dourado:#988442;
  --tm-fonte:'Brockmann';
  --bs-body-font-family:'Brockmann','Segoe UI',system-ui,sans-serif;
}
body{font-family:'Brockmann','Segoe UI',system-ui,-apple-system,sans-serif!important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Brockmann','Segoe UI',system-ui,sans-serif}
button,input,select,textarea{font-family:inherit}

/* ── CELULAR: Arapoca ── */
@media (max-width:767.98px){
  :root{
    --tm-verde:#2f5d3a;--tm-verde2:#3d7347;--tm-verde3:#244a2e;
    --tm-bege:#f6f3ec;--tm-bege2:#efe9da;--tm-bege3:#f6f3ec;--tm-bege4:#fbf9f4;--tm-bege5:#fbf9f4;
    --tm-borda:#e8e2d3;--tm-cinza:#7b8274;
    --tm-laranja:#c8643b;--tm-laranja2:#a8522f;--tm-laranja3:#b5532a;--tm-dourado:#a35f00;
    --tm-fonte:'Inter';
    --g:#2f5d3a;--g2:#244a2e;--leaf:#7a9a5b;--terra:#c8643b;
    --bg:#f6f3ec;--card:#fff;--tx:#1f2a1c;--mut:#7b8274;--bd:#e8e2d3;--soft:#efe9da;
    --red:#b3261e;--redbg:#fbe4e1;--amb:#a35f00;--ambbg:#fdecc8;--blue:#1d5b8f;--bluebg:#dfecf7;--okbg:#e3eed9;
    --sh:0 1px 2px rgba(40,50,30,.06),0 6px 18px rgba(40,50,30,.07);--r:16px;
    --serif:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    /* Bootstrap 5.3 */
    --bs-primary:#2f5d3a;--bs-primary-rgb:47,93,58;--bs-success:#2f5d3a;--bs-success-rgb:47,93,58;--bs-warning:#c8643b;--bs-warning-rgb:200,100,59;
    --bs-body-bg:#f6f3ec;--bs-body-color:#1f2a1c;--bs-border-color:#e8e2d3;--bs-link-color:#2f5d3a;--bs-link-hover-color:#244a2e;
    --bs-body-font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--bs-border-radius:12px;--bs-border-radius-lg:16px;
  }
  body{background:var(--bg)!important;color:var(--tx);font-family:var(--sans)!important;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:-.01em}
  a{color:var(--g)}

  /* barra de navegação (tera_navbar.php): clara, como o topo do Arapoca */
  .tera-navbar{background:rgba(246,243,236,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bd)!important;color:var(--tx)!important;box-shadow:0 1px 0 rgba(40,50,30,.03)!important}
  .tera-navbar .nb-logo{color:var(--g)!important;font-family:var(--serif);font-weight:600;font-size:15px;letter-spacing:-.01em}
  .tera-navbar .nb-stonetag span:nth-child(1){color:var(--terra)!important}
  .tera-navbar .nb-stonetag span:nth-child(2){color:var(--g)!important;font-weight:600!important}
  .tera-navbar .nb-empresa{color:var(--mut)!important;font-family:var(--sans);font-weight:500;font-size:12px}
  .tera-navbar .nb-tela{color:var(--tx)!important;font-weight:600;font-size:12px;letter-spacing:.04em}
  .tera-navbar .nb-sub{color:var(--mut)!important}
  .tera-navbar .nb-hamburger{background:var(--card)!important;color:var(--g)!important;border:1.5px solid var(--bd)!important;border-radius:10px!important}
  .tera-offcanvas{background:var(--g2)!important}

  /* componentes Bootstrap */
  .btn{border-radius:12px;font-weight:600;transition:.15s}
  .btn-primary,.btn-success{--bs-btn-bg:#2f5d3a;--bs-btn-border-color:#2f5d3a;--bs-btn-hover-bg:#244a2e;--bs-btn-hover-border-color:#244a2e;--bs-btn-active-bg:#244a2e;--bs-btn-active-border-color:#244a2e}
  .btn-warning{--bs-btn-bg:#c8643b;--bs-btn-border-color:#c8643b;--bs-btn-color:#fff;--bs-btn-hover-bg:#a8522f;--bs-btn-hover-border-color:#a8522f;--bs-btn-hover-color:#fff}
  .btn-outline-primary,.btn-outline-success{--bs-btn-color:#2f5d3a;--bs-btn-border-color:#2f5d3a;--bs-btn-hover-bg:#2f5d3a;--bs-btn-hover-border-color:#2f5d3a}
  .form-control,.form-select,.input-group-text{border-radius:12px;border:1.5px solid var(--bd);background-color:var(--card);color:var(--tx)}
  .input-group>.form-control,.input-group>.form-select{border-radius:12px}
  .input-group>.form-control:not(:last-child),.input-group>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
  .input-group>.form-control:not(:first-child),.input-group>.input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
  .form-control:focus,.form-select:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(47,93,58,.18)}
  .form-check-input:checked{background-color:var(--g);border-color:var(--g)}
  .card,.modal-content,.dropdown-menu,.offcanvas{border-radius:var(--r)}
  .card{border-color:var(--bd);box-shadow:var(--sh)}
  .modal-content{border:0!important;box-shadow:0 24px 60px rgba(30,40,25,.28)}
  .modal-header{border-bottom:1px solid var(--bd);border-radius:var(--r) var(--r) 0 0}
  .modal-header.text-white,.modal-header[style*="background"]{background:var(--g2)!important}
  .dropdown-menu{border:1px solid var(--bd);box-shadow:var(--sh)}
  .badge{border-radius:999px;font-weight:600}
  .alert{border-radius:12px;border-width:1px}
  .table{--bs-table-border-color:var(--bd)}
  .table thead th,.table>thead>tr>th{font-weight:600}
  .progress{border-radius:999px;background:var(--soft)}
  .progress-bar{background-color:var(--g)}
  .nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:var(--g);border-color:var(--g);color:#fff}
  .page-link{color:var(--g);border-color:var(--bd)}.page-item.active .page-link{background:var(--g);border-color:var(--g)}
  .text-primary{color:var(--g)!important}.bg-primary{background-color:var(--g)!important}
  .border-primary{border-color:var(--g)!important}
  hr{border-color:var(--bd);opacity:1}
  ::selection{background:rgba(47,93,58,.22)}
}


/* ── marca "StoneTAG" sempre junta ── */
.nb-stonetag{display:inline-flex;gap:0!important;white-space:nowrap}
.nb-stonetag>span{margin:0!important;padding:0!important}

/* ── barra padrão colada no topo (as telas antigas tinham 40px de respiro acima do título) ── */
body:has(.tera-navbar){padding-top:0!important;margin-top:0!important}
.tera-navbar ~ .container:first-of-type,.tera-navbar ~ .container-fluid:first-of-type{margin-top:22px}

/* ── rodapé único em todas as telas: StoneTAG © ano | versão | TERLOS STONES · MÓDULO ── */
.tm-footer{display:block!important;position:static!important;width:auto!important;box-shadow:none!important;background:transparent!important;
  text-align:center!important;font-size:11px!important;font-weight:700!important;letter-spacing:.2px!important;line-height:1.4!important;
  color:var(--tm-cinza)!important;border:0!important;border-top:1px solid var(--tm-borda)!important;padding:16px 12px!important}

/* impressão (fichas A4, PDF): sem o tema de tela */
@media print{body{background:#fff!important}}