.elementor-553455083 .elementor-element.elementor-element-77f52c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-553455083 .elementor-element.elementor-element-09c160b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;}.elementor-553455083 .elementor-element.elementor-element-84254cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-553455083 .elementor-element.elementor-element-84254cc:not(.elementor-motion-effects-element-type-background), .elementor-553455083 .elementor-element.elementor-element-84254cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-553455083 .elementor-element.elementor-element-0704fef .jet-breadcrumbs__item > *{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-553455083 .elementor-element.elementor-element-39ad0ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-553455083 .elementor-element.elementor-element-39ad0ed:not(.elementor-motion-effects-element-type-background), .elementor-553455083 .elementor-element.elementor-element-39ad0ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-553455083 .elementor-element.elementor-element-20dc85e{--display:flex;}.elementor-553455083 .elementor-element.elementor-element-20dc85e:not(.elementor-motion-effects-element-type-background), .elementor-553455083 .elementor-element.elementor-element-20dc85e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-553455083 .elementor-element.elementor-element-c150621{padding:10px 10px 10px 10px;}.elementor-553455083 .elementor-element.elementor-element-6de74f3{--display:flex;}.elementor-553455083 .elementor-element.elementor-element-6de74f3:not(.elementor-motion-effects-element-type-background), .elementor-553455083 .elementor-element.elementor-element-6de74f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-553455083 .elementor-element.elementor-element-6f733e4{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-553455083 .elementor-element.elementor-element-6f733e4:not(.elementor-motion-effects-element-type-background), .elementor-553455083 .elementor-element.elementor-element-6f733e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-553455083 .elementor-element.elementor-element-746abbe{--display:flex;}.elementor-553455083 .elementor-element.elementor-element-39a09fb{--display:flex;}.elementor-553455083 .elementor-element.elementor-element-f63282a{--display:flex;}.elementor-553455083 .elementor-element.elementor-element-59d09d5{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:20px 20px 20px 20px;}.elementor-553455083 .elementor-element.elementor-element-f63262c{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-553455083 .elementor-element.elementor-element-f63262c:not(.elementor-motion-effects-element-type-background), .elementor-553455083 .elementor-element.elementor-element-f63262c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-553455083 .elementor-element.elementor-element-20dc85e{--width:49%;}.elementor-553455083 .elementor-element.elementor-element-6de74f3{--width:49%;}.elementor-553455083 .elementor-element.elementor-element-6f733e4{--width:100%;}.elementor-553455083 .elementor-element.elementor-element-f63262c{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for container, class: .elementor-element-6de74f3 *//* --- INÍCIO DO CSS PERSONALIZADO E-SIC --- */

/* 1. Fonte Geral e Títulos mais suaves */
#esic-form-container,
.esic-card,
.esic-consulta-container,
.esic-faq-container,
.wrap form {
    /* Usa fontes de sistema modernas e limpas */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #444; /* Texto geral cinza escuro, não preto */
}

/* Títulos H3 e H4 menores e menos agressivos */
#esic-form-container h3,
.esic-card h4,
.esic-consulta-container h3,
.esic-title {
    font-size: 1.2rem !important; /* Tamanho menor (aprox 19px) */
    font-weight: 600 !important; /* Semi-negrito */
    color: #2c3e50 !important; /* Azul marinho/cinza elegante */
    margin-bottom: 15px !important;
    border-bottom-color: #eaeaea !important; /* Linha divisória mais clara */
    padding-bottom: 8px !important;
}

/* 2. Formulário e Labels mais amigáveis */
#esic_form label,
#form-recurso label {
    font-size: 0.9rem !important; /* Labels menores (aprox 14px) */
    font-weight: 500 !important; /* Peso médio, não negrito total */
    color: #555 !important;
    margin-bottom: 5px;
    display: inline-block;
}

/* Campos de entrada (Inputs) modernos */
#esic_form input[type="text"],
#esic_form input[type="email"],
#esic_form textarea,
#esic_form select,
.esic-consulta-container input[type="text"],
#form-recurso textarea {
    font-size: 0.95rem !important;
    padding: 10px 12px !important; /* Mais espaço interno para digitar */
    border: 1px solid #ccc !important; /* Borda cinza claro */
    border-radius: 6px !important; /* Cantos arredondados suaves */
    box-shadow: none !important;
    background-color: #fff !important;
    transition: border-color 0.3s ease;
}

/* Efeito ao clicar no campo */
#esic_form input:focus,
#esic_form textarea:focus {
    border-color: #006633 !important; /* Fica verde ao digitar (opcional) */
    outline: none;
}

/* 3. Área Institucional e Contatos */
.esic-card {
    border: none !important;
    background-color: #f8f9fa !important; /* Fundo cinza muito claro */
    border-radius: 8px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Sombra muito leve */
}

.esic-icon-text,
.esic-consulta-container p,
.esic-prazo-box p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important; /* Melhor leitura */
}

.esic-icon-text strong {
    font-weight: 600 !important;
    color: #333 !important;
}

/* 4. Tabela de Prazos "Clean" */
.esic-tabela-prazos th {
    font-size: 0.9rem !important;
    background-color: #eaeaea !important; /* Cabeçalho mais claro */
    color: #333 !important;
    padding: 10px 15px !important;
    border-color: #ddd !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600 !important;
}

.esic-tabela-prazos td {
    font-size: 0.9rem !important;
    padding: 10px 15px !important;
    color: #555 !important;
    border-color: #eee !important;
}

/* 5. Botões (Sugestão: Verde da Prefeitura) */
#esic_form button[type="submit"],
.esic-consulta-container button[type="submit"][name="esic_protocolo"],
#form-recurso button[type="submit"] {
    /* Usei um verde floresta que parece combinar com o logo. Mude se quiser. */
    background-color: #006633 !important; 
    color: #fff !important;
    border-radius: 6px !important; /* Botão arredondado */
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 12px 25px !important;
    border: none !important;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Efeito hover no botão */
#esic_form button[type="submit"]:hover,
.esic-consulta-container button[type="submit"]:hover {
    background-color: #004d26 !important; /* Verde um pouco mais escuro */
}

/* Ajuste na caixa de Prazos (onde está a tabela) */
.esic-card + div[style*="background: #fdfdfd"] {
     background: #fff !important;
     border: none !important;
     border-radius: 8px !important;
     box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.esic-card + div h4 {
    border-bottom: none !important;
    margin-bottom: 10px !important;
}

/* --- FIM DO CSS PERSONALIZADO E-SIC --- *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f733e4 *//* --- INÍCIO DO CSS PERSONALIZADO E-SIC --- */

/* 1. Fonte Geral e Títulos mais suaves */
#esic-form-container,
.esic-card,
.esic-consulta-container,
.esic-faq-container,
.wrap form {
    /* Usa fontes de sistema modernas e limpas */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #444; /* Texto geral cinza escuro, não preto */
}

/* Títulos H3 e H4 menores e menos agressivos */
#esic-form-container h3,
.esic-card h4,
.esic-consulta-container h3,
.esic-title {
    font-size: 1.2rem !important; /* Tamanho menor (aprox 19px) */
    font-weight: 600 !important; /* Semi-negrito */
    color: #2c3e50 !important; /* Azul marinho/cinza elegante */
    margin-bottom: 15px !important;
    border-bottom-color: #eaeaea !important; /* Linha divisória mais clara */
    padding-bottom: 8px !important;
}

/* 2. Formulário e Labels mais amigáveis */
#esic_form label,
#form-recurso label {
    font-size: 0.9rem !important; /* Labels menores (aprox 14px) */
    font-weight: 500 !important; /* Peso médio, não negrito total */
    color: #555 !important;
    margin-bottom: 5px;
    display: inline-block;
}

/* Campos de entrada (Inputs) modernos */
#esic_form input[type="text"],
#esic_form input[type="email"],
#esic_form textarea,
#esic_form select,
.esic-consulta-container input[type="text"],
#form-recurso textarea {
    font-size: 0.95rem !important;
    padding: 10px 12px !important; /* Mais espaço interno para digitar */
    border: 1px solid #ccc !important; /* Borda cinza claro */
    border-radius: 6px !important; /* Cantos arredondados suaves */
    box-shadow: none !important;
    background-color: #fff !important;
    transition: border-color 0.3s ease;
}

/* Efeito ao clicar no campo */
#esic_form input:focus,
#esic_form textarea:focus {
    border-color: #006633 !important; /* Fica verde ao digitar (opcional) */
    outline: none;
}

/* 3. Área Institucional e Contatos */
.esic-card {
    border: none !important;
    background-color: #f8f9fa !important; /* Fundo cinza muito claro */
    border-radius: 8px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Sombra muito leve */
}

.esic-icon-text,
.esic-consulta-container p,
.esic-prazo-box p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important; /* Melhor leitura */
}

.esic-icon-text strong {
    font-weight: 600 !important;
    color: #333 !important;
}

/* 4. Tabela de Prazos "Clean" */
.esic-tabela-prazos th {
    font-size: 0.9rem !important;
    background-color: #eaeaea !important; /* Cabeçalho mais claro */
    color: #333 !important;
    padding: 10px 15px !important;
    border-color: #ddd !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600 !important;
}

.esic-tabela-prazos td {
    font-size: 0.9rem !important;
    padding: 10px 15px !important;
    color: #555 !important;
    border-color: #eee !important;
}

/* 5. Botões (Sugestão: Verde da Prefeitura) */
#esic_form button[type="submit"],
.esic-consulta-container button[type="submit"][name="esic_protocolo"],
#form-recurso button[type="submit"] {
    /* Usei um verde floresta que parece combinar com o logo. Mude se quiser. */
    background-color: #006633 !important; 
    color: #fff !important;
    border-radius: 6px !important; /* Botão arredondado */
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 12px 25px !important;
    border: none !important;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Efeito hover no botão */
#esic_form button[type="submit"]:hover,
.esic-consulta-container button[type="submit"]:hover {
    background-color: #004d26 !important; /* Verde um pouco mais escuro */
}

/* Ajuste na caixa de Prazos (onde está a tabela) */
.esic-card + div[style*="background: #fdfdfd"] {
     background: #fff !important;
     border: none !important;
     border-radius: 8px !important;
     box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.esic-card + div h4 {
    border-bottom: none !important;
    margin-bottom: 10px !important;
}

/* --- FIM DO CSS PERSONALIZADO E-SIC --- *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f63262c *//* --- INÍCIO DO CSS PERSONALIZADO E-SIC --- */

/* 1. Fonte Geral e Títulos mais suaves */
#esic-form-container,
.esic-card,
.esic-consulta-container,
.esic-faq-container,
.wrap form {
    /* Usa fontes de sistema modernas e limpas */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #444; /* Texto geral cinza escuro, não preto */
}

/* Títulos H3 e H4 menores e menos agressivos */
#esic-form-container h3,
.esic-card h4,
.esic-consulta-container h3,
.esic-title {
    font-size: 1.2rem !important; /* Tamanho menor (aprox 19px) */
    font-weight: 600 !important; /* Semi-negrito */
    color: #2c3e50 !important; /* Azul marinho/cinza elegante */
    margin-bottom: 15px !important;
    border-bottom-color: #eaeaea !important; /* Linha divisória mais clara */
    padding-bottom: 8px !important;
}

/* 2. Formulário e Labels mais amigáveis */
#esic_form label,
#form-recurso label {
    font-size: 0.9rem !important; /* Labels menores (aprox 14px) */
    font-weight: 500 !important; /* Peso médio, não negrito total */
    color: #555 !important;
    margin-bottom: 5px;
    display: inline-block;
}

/* Campos de entrada (Inputs) modernos */
#esic_form input[type="text"],
#esic_form input[type="email"],
#esic_form textarea,
#esic_form select,
.esic-consulta-container input[type="text"],
#form-recurso textarea {
    font-size: 0.95rem !important;
    padding: 10px 12px !important; /* Mais espaço interno para digitar */
    border: 1px solid #ccc !important; /* Borda cinza claro */
    border-radius: 6px !important; /* Cantos arredondados suaves */
    box-shadow: none !important;
    background-color: #fff !important;
    transition: border-color 0.3s ease;
}

/* Efeito ao clicar no campo */
#esic_form input:focus,
#esic_form textarea:focus {
    border-color: #006633 !important; /* Fica verde ao digitar (opcional) */
    outline: none;
}

/* 3. Área Institucional e Contatos */
.esic-card {
    border: none !important;
    background-color: #f8f9fa !important; /* Fundo cinza muito claro */
    border-radius: 8px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Sombra muito leve */
}

.esic-icon-text,
.esic-consulta-container p,
.esic-prazo-box p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important; /* Melhor leitura */
}

.esic-icon-text strong {
    font-weight: 600 !important;
    color: #333 !important;
}

/* 4. Tabela de Prazos "Clean" */
.esic-tabela-prazos th {
    font-size: 0.9rem !important;
    background-color: #eaeaea !important; /* Cabeçalho mais claro */
    color: #333 !important;
    padding: 10px 15px !important;
    border-color: #ddd !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600 !important;
}

.esic-tabela-prazos td {
    font-size: 0.9rem !important;
    padding: 10px 15px !important;
    color: #555 !important;
    border-color: #eee !important;
}

/* 5. Botões (Sugestão: Verde da Prefeitura) */
#esic_form button[type="submit"],
.esic-consulta-container button[type="submit"][name="esic_protocolo"],
#form-recurso button[type="submit"] {
    /* Usei um verde floresta que parece combinar com o logo. Mude se quiser. */
    background-color: #006633 !important; 
    color: #fff !important;
    border-radius: 6px !important; /* Botão arredondado */
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 12px 25px !important;
    border: none !important;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Efeito hover no botão */
#esic_form button[type="submit"]:hover,
.esic-consulta-container button[type="submit"]:hover {
    background-color: #004d26 !important; /* Verde um pouco mais escuro */
}

/* Ajuste na caixa de Prazos (onde está a tabela) */
.esic-card + div[style*="background: #fdfdfd"] {
     background: #fff !important;
     border: none !important;
     border-radius: 8px !important;
     box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.esic-card + div h4 {
    border-bottom: none !important;
    margin-bottom: 10px !important;
}

/* --- FIM DO CSS PERSONALIZADO E-SIC --- *//* End custom CSS */