.elementor-26 .elementor-element.elementor-element-86b05af{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-4542252{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-698c569{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-42db283{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-a235f59{text-align:center;}.elementor-26 .elementor-element.elementor-element-a235f59 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-weight:500;}.elementor-26 .elementor-element.elementor-element-eedbd0d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-b62de4e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-8296d5d{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-4542252{--width:100%;}.elementor-26 .elementor-element.elementor-element-698c569{--width:100%;}.elementor-26 .elementor-element.elementor-element-42db283{--width:63%;}.elementor-26 .elementor-element.elementor-element-eedbd0d{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-8296d5d *//* =========================================
   ESTILO ESPECÍFICO: ACOMPANHAMENTO / CONSULTA
   Shortcode: [cet_acompanhamento]
   ========================================= */

/* --- 1. Inputs de Busca (CPF e Protocolo) --- */
/* Usamos seletores de atributo para ser bem específico e vencer o estilo inline do PHP */
input[name="q_cpf"], 
input[name="q_proto"] {
    background-color: #fdfdfd !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 12px 15px !important; /* Mais espaço interno */
    font-family: var(--e-global-typography-text-font-family, sans-serif) !important;
    color: var(--e-global-color-text, #333) !important;
    height: auto !important; /* Remove altura fixa se houver */
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* Foco nos inputs de busca */
input[name="q_cpf"]:focus, 
input[name="q_proto"]:focus {
    border-color: var(--e-global-color-primary, #0073aa) !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.05) !important;
}

/* --- 2. Botão de Buscar --- */
/* Seleciona o botão que está logo após o campo de protocolo */
form input[name="q_proto"] + button {
    background-color: var(--e-global-color-primary, #0073aa) !important;
    color: #fff !important;
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 25px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
}

form input[name="q_proto"] + button:hover {
    background-color: var(--e-global-color-accent, #005177) !important;
    transform: translateY(-2px);
}

/* --- 3. Título da Área de Consulta --- */
h3 {
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
    color: var(--e-global-color-primary, #333) !important;
    border-bottom: 2px solid var(--e-global-color-accent, #0073aa) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

/* --- 4. CARTÃO DE RESULTADO (A Mágica Visual) --- */
/* Container onde aparece o resultado */
div[style*="background:#f9f9f9"] {
    background-color: #ffffff !important;
    border: 1px solid var(--e-global-color-secondary, #ddd) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
    padding: 30px !important;
    margin-top: 30px !important;
    text-align: left;
}

/* Status: PENDENTE */
span[style*="background:orange"] {
    background-color: #f39c12 !important; /* Laranja Elementor ou Padrão */
    padding: 6px 12px !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 0.9em;
}

/* Status: APROVADO */
span[style*="background:green"] {
    background-color: #27ae60 !important; /* Verde Sucesso */
    padding: 6px 12px !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 0.9em;
}

/* Status: RECUSADO */
span[style*="background:red"] {
    background-color: #e74c3c !important; /* Vermelho Erro */
    padding: 6px 12px !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 0.9em;
}

/* Caixa de Sucesso (Borda tracejada verde) */
div[style*="border:2px dashed"] {
    border: 2px dashed #27ae60 !important;
    background-color: #f0fff4 !important; /* Fundo verde bem claro */
    border-radius: 8px !important;
    padding: 25px !important;
}

/* Título de Sucesso */
h4[style*="color:#28a745"] {
    color: #27ae60 !important;
    font-size: 20px !important;
    margin-bottom: 15px !important;
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
}

/* --- 5. Botão de IMPRIMIR --- */
a[href*="action=cet_print_credential"] {
    background-color: #27ae60 !important;
    color: #fff !important;
    padding: 15px 30px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    display: inline-block !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    text-decoration: none !important;
    transition: transform 0.2s;
}

a[href*="action=cet_print_credential"]:hover {
    background-color: #219150 !important;
    transform: scale(1.02);
}

/* --- 6. Mensagens de Erro (Não encontrado / Recusado) --- */
div[style*="background:#f8d7da"], 
div[style*="background:#fff3cd"] {
    border-radius: 6px !important;
    padding: 20px !important;
    font-weight: 500 !important;
    border-left: 5px solid rgba(0,0,0,0.1) !important;
}/* End custom CSS */