.elementor-kit-15{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!-- ============================================================
     CSS GLOBAL — Método Acelera IA

     ONDE COLAR:
     Opção A) Elementor → Configurações do Site → CSS Personalizado
     Opção B) Plugin "Code Snippets" → Novo Snippet → CSS
     Opção C) Aparência → Personalizar → CSS Adicional

     Este CSS estiliza:
     1. O conteúdo dentro dos widgets HTML (cards, tabelas, steps, etc.)
     2. As Nested Tabs do Elementor para ficarem no padrão visual Acelera IA
     3. A barra de carga horária no topo
     ============================================================ -->

<style>
/* ============================================================
   ACELERA IA — CSS GLOBAL PARA RELATÓRIOS DE MENTORIA
   Versão: 2.0 (Elementor Nested Tabs)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* ===== BASE DO RELATÓRIO ===== */
.ac-wrap{font-family:'Inter',sans-serif;color:#475569;line-height:1.7;background:#f8fafc;}
.ac-section{padding:40px 20px;max-width:1100px;margin:0 auto;}
.ac-label{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;}
.ac-title{font-family:'Poppins',sans-serif;font-size:32px;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.3;}
.ac-divider{width:60px;height:3px;background:#3b82f6;border-radius:3px;margin:16px 0 20px;}
.ac-sub{color:#64748b;font-size:16px;line-height:1.7;}

/* ===== CARDS & GRID ===== */
.ac-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;box-shadow:0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);}
.ac-card h4{font-family:'Poppins',sans-serif;font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px;}
.ac-card p,.ac-card li{color:#475569;font-size:14px;line-height:1.7;}
.ac-card ul{list-style:none;padding:0;margin:8px 0 0;}
.ac-card ul li{padding:4px 0;}
.ac-card ul li::before{content:"▸ ";color:#3b82f6;}
.ac-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;}
@media(max-width:768px){.ac-grid{grid-template-columns:1fr;}}

/* ===== BADGES ===== */
.ac-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:13px;background:#eff6ff;color:#0284c7;}
.ac-status{display:inline-block;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:600;}

/* ===== WARNING BOX ===== */
.ac-warn{background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;padding:30px;margin-top:24px;}
.ac-warn h4{color:#92400e;font-family:'Poppins',sans-serif;font-size:18px;margin:0 0 12px;}

/* ===== ALERTA VERMELHO ===== */
.ac-alert-red{background:#fef2f2;border:1px solid #ef4444;border-radius:12px;padding:30px;margin-top:24px;}
.ac-alert-red h4{color:#991b1b;font-family:'Poppins',sans-serif;font-size:18px;margin:0 0 12px;}

/* ===== ROI / DESTAQUE ===== */
.ac-roi{background:#ffffff;border:2px solid #22c55e;border-radius:16px;padding:40px;display:flex;align-items:center;gap:40px;flex-wrap:wrap;margin-top:24px;box-shadow:0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);}
.ac-roi-val{font-family:'Poppins',sans-serif;font-size:48px;font-weight:700;color:#16a34a;}

/* ===== STEPS ===== */
.ac-step{display:flex;align-items:flex-start;gap:20px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);}
.ac-step-num{min-width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;color:#fff;flex-shrink:0;}
.ac-step h4{font-family:'Poppins',sans-serif;font-size:17px;font-weight:600;color:#1e293b;margin:0 0 6px;}
.ac-step p{color:#64748b;font-size:14px;line-height:1.6;margin:0;}

/* ===== TABLE ===== */
.ac-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;margin-top:24px;}
.ac-table th{background:#1e293b !important;padding:14px 18px !important;text-align:left;color:#fff !important;font-weight:600;font-size:13px;font-family:'Poppins',sans-serif;}
.ac-table td{padding:14px 18px;font-size:13px;vertical-align:top;border-bottom:1px solid #e2e8f0;}
.ac-table tr:nth-child(odd) td{background:#f8fafc;}
.ac-table tr:nth-child(even) td{background:#eef2f7;}
.ac-table td:first-child{color:#1e293b;font-weight:600;}
.ac-table td:nth-child(2){color:#3b82f6;font-weight:600;}
.ac-table td:last-child{color:#475569;}

/* ===== ENCOUNTER HEADER ===== */
.ac-enc{display:flex;align-items:center;gap:20px;background:#ffffff;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);}
.ac-enc-num{min-width:48px;height:48px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:700;font-size:22px;color:#fff;}
.ac-enc-title{font-family:'Poppins',sans-serif;font-size:22px;font-weight:600;color:#1e293b;}
.ac-enc-date{font-size:14px;color:#64748b;margin-top:4px;}

/* ===== HOMEWORK ===== */
.ac-hw{background:#f0fdf4;border:1px solid #22c55e;border-radius:12px;padding:30px;margin-top:24px;}
.ac-hw h4{color:#166534;font-family:'Poppins',sans-serif;font-size:20px;margin:0 0 16px;}
.ac-hw ol{padding-left:20px;color:#374151;font-size:15px;line-height:2.2;}

/* ===== HOURS COUNTER (topo da página) ===== */
.ac-hours-bar{max-width:1100px;margin:0 auto;padding:20px 20px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.ac-hours-total{font-family:'Poppins',sans-serif;font-size:14px;color:#64748b;}
.ac-hours-total strong{color:#f97316;font-size:18px;}
.ac-hours-pills{display:flex;gap:8px;flex-wrap:wrap;}
.ac-hours-pill{font-size:12px;padding:4px 12px;border-radius:20px;background:#f1f5f9;color:#475569;font-family:'Poppins',sans-serif;}

/* ===== TOGGLE (expandir/recolher) ===== */
.ac-toggle-btn{width:100%;text-align:left;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 24px;cursor:pointer;font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;color:#1e293b;transition:all 0.2s;}
.ac-toggle-btn:hover{border-color:#3b82f6;background:#f8fafc;}
.ac-toggle-content{display:none;margin-top:8px;}
.ac-toggle-content.active{display:block;}

/* ===== FOOTER DA ABA ===== */
.ac-footer{text-align:center;padding:30px 20px;border-top:1px solid #e2e8f0;}
.ac-footer p{font-size:13px;color:#64748b;margin:0;}

/* ============================================================
   ESTILIZAÇÃO DAS NESTED TABS DO ELEMENTOR
   Sobrescreve o visual padrão do Elementor para combinar
   com o design system Acelera IA
   ============================================================ */

/* Container das tabs */
.acelera-relatorio .e-n-tabs-heading{
  border-bottom:1px solid #e2e8f0;
  background:#ffffff;
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
  gap:0 !important;
}

/* Botão de cada tab */
.acelera-relatorio .e-n-tab-title{
  font-family:'Poppins',sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  color:#64748b !important;
  background:none !important;
  border:none !important;
  padding:16px 20px !important;
  cursor:pointer;
  position:relative;
  transition:all 0.3s;
  white-space:nowrap;
  border-bottom:3px solid transparent !important;
  margin-bottom:-1px;
}

/* Hover do botão */
.acelera-relatorio .e-n-tab-title:hover{
  color:#f97316 !important;
  background:rgba(249,115,22,0.03) !important;
}

/* Tab ativa */
.acelera-relatorio .e-n-tab-title.e-active,
.acelera-relatorio .e-n-tab-title[aria-selected="true"]{
  color:#f97316 !important;
  border-bottom-color:#f97316 !important;
  background:rgba(249,115,22,0.05) !important;
}

/* Área de conteúdo da tab */
.acelera-relatorio .e-n-tabs-content{
  background:#f8fafc;
}

/* Remove padding extra do container da tab */
.acelera-relatorio .e-n-tabs-content > .e-con{
  padding:0 !important;
}
</style>/* End custom CSS */