.elementor-445 .elementor-element.elementor-element-b7cace9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-445 .elementor-element.elementor-element-72f7d6f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-445 .elementor-element.elementor-element-3aa5850{--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-445 .elementor-element.elementor-element-bf31e81{--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-445 .elementor-element.elementor-element-279fb1b{text-align:center;}.elementor-445 .elementor-element.elementor-element-279fb1b .elementor-heading-title{font-family:"Barlow", Sans-serif;font-weight:500;}.elementor-445 .elementor-element.elementor-element-820b022{--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-445 .elementor-element.elementor-element-518faa0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-445 .elementor-element.elementor-element-a43a7cb{--display:flex;}@media(min-width:768px){.elementor-445 .elementor-element.elementor-element-72f7d6f{--width:100%;}.elementor-445 .elementor-element.elementor-element-3aa5850{--width:100%;}.elementor-445 .elementor-element.elementor-element-bf31e81{--width:62%;}.elementor-445 .elementor-element.elementor-element-820b022{--width:100%;}.elementor-445 .elementor-element.elementor-element-a43a7cb{--width:72%;}}/* Start custom CSS for shortcode, class: .elementor-element-cd54770 *//* --- Container Principal do Formulário --- */
.cmt-container {
    /* Garante fundo branco e padding, caso o fundo da seção seja colorido */
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 30px !important; /* Força o padding do bootstrap */
    
    /* Puxa a fonte padrão de texto do site */
    font-family: var(--e-global-typography-text-font-family, sans-serif);
    
    /* Sombra suave para destacar o formulário */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* --- Títulos (H3 Principal e H5 das Seções) --- */
.cmt-container h3, 
.cmt-container h5.text-primary {
    /* Puxa a fonte de TÍTULOS (Primary) do site */
    font-family: var(--e-global-typography-primary-font-family, inherit);
    
    /* Puxa a cor PRIMÁRIA do Elementor (substituindo o azul padrão do Bootstrap) */
    color: var(--e-global-color-primary) !important;
    
    font-weight: 700;
}

.cmt-container h5 {
    margin-top: 25px;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

/* --- Labels (Rótulos dos campos) --- */
.cmt-container label.form-label {
    /* Puxa a cor de TEXTO do site */
    color: var(--e-global-color-text);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
}

/* Texto pequeno (hints) */
.cmt-container label small.text-muted {
    color: var(--e-global-color-secondary) !important;
    font-style: italic;
}

/* --- Inputs, Selects e Textareas --- */
.cmt-container .form-control,
.cmt-container .form-select {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: var(--e-global-color-text);
    padding: 10px 12px;
    font-size: 15px;
    transition: all 0.3s ease;
}

/* Efeito ao clicar no campo (Foco) */
.cmt-container .form-control:focus,
.cmt-container .form-select:focus {
    background-color: #fff;
    /* A borda fica com a cor de ACENTO (Destaque) do site */
    border-color: var(--e-global-color-accent);
    box-shadow: none; /* Remove a sombra azul padrão do Bootstrap */
    outline: none;
}

/* --- Botão de Enviar (Principal) --- */
.cmt-container button[name="cmt_interdicao_submit"] {
    /* Fundo com a cor PRIMÁRIA */
    background-color: var(--e-global-color-primary);
    border: none;
    color: #fff;
    
    /* Tipografia de Título para o botão */
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    
    padding: 12px 30px;
    border-radius: 5px;
    width: 100%; /* Botão largura total em mobile */
    transition: all 0.3s;
}

/* Hover do Botão de Enviar */
.cmt-container button[name="cmt_interdicao_submit"]:hover {
    /* Muda para a cor SECUNDÁRIA ao passar o mouse */
    background-color: var(--e-global-color-secondary);
    transform: translateY(-2px); /* Leve efeito de subida */
}

/* --- Botão de Adicionar Morador (+) --- */
.cmt-container .btn-success {
    /* Usa a cor de ACENTO para ações positivas */
    background-color: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
    color: #fff;
}

.cmt-container .btn-success:hover {
    filter: brightness(0.9);
}

/* --- Botão de Remover Morador (X) --- */
.cmt-container .btn-danger {
    background-color: #e74c3c; /* Vermelho padrão (segurança) */
    border: none;
}

/* --- Caixa de Sucesso (Protocolo) --- */
.cmt-container .alert-success {
    background-color: #f0fcf4;
    /* Borda lateral grossa com a cor PRIMÁRIA */
    border-left: 5px solid var(--e-global-color-primary);
    color: var(--e-global-color-text);
    border-radius: 4px;
}

.cmt-container .alert-success h4 {
    color: var(--e-global-color-primary);
}

/* --- Tabela de Moradores --- */
.cmt-container #tabelaMoradores thead th {
    background-color: #f1f1f1;
    color: var(--e-global-color-text);
    font-weight: 700;
    border-bottom: 2px solid #ddd;
}

/* --- Responsividade para Mobile --- */
@media (max-width: 768px) {
    .cmt-container {
        padding: 15px !important;
    }
    .cmt-container button[name="cmt_interdicao_submit"] {
        font-size: 14px;
    }
}/* End custom CSS */