.elementor-1874 .elementor-element.elementor-element-039272c{--display:flex;--margin-top:250px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-1874 .elementor-element.elementor-element-aa6cdda{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1874 .elementor-element.elementor-element-0e1e5f5{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1874 .elementor-element.elementor-element-9fd5d46{--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;}.elementor-1874 .elementor-element.elementor-element-9fd5d46 > .elementor-shape-bottom .elementor-shape-fill, .elementor-1874 .elementor-element.elementor-element-9fd5d46 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-039272c */body {
        font-family: sans-serif;
        margin: 0;
        padding: 0;
        background: url('/storage/2025/03/Jaconsseg-Back.png') no-repeat center center fixed; 
        background-size: cover; 
    }
    
    .container {
        max-width: 960px; 
        margin: 30px auto; 
        padding: 30px;
        background-color: #fff; 
        border-radius: 8px; 
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
    }
    
    .container h1 {
        color: #148C44; 
        font-size: 2.5em;
        text-align: center;
        margin-bottom: 35px;
        text-transform: uppercase;
    }
        
.secao-sobre-nos, .nossa-historia, .nossa-equipe, .mapa-3d, .container-suporte, .contato {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eee; 
scroll-margin-top: 200px;
}
    .secao-sobre-nos:last-child {
        border-bottom: none; 
        margin-bottom: 0; 
        padding-bottom: 0; 
    
    }
    
    .container h2{
        color: #148C44; 
        font-size: 1.8em;
        margin-bottom: 15px;
    }
    
    .secao-sobre-nos p, .nossa-historia p, .mapa-3d p {
        color: #555; 
        line-height: 1.6; 
        margin-bottom: 15px;
    }
    
    .lista-valores, .lista-servicos {
        list-style: none; 
        padding-left: 20px; 
    }
    
    .lista-valores li, .lista-servicos li {
        margin-bottom: 10px; 
        line-height: 1.5;
        position: relative; 
        padding-left: 20px; 
    }
    
    .lista-valores li::before, .lista-servicos li::before {
        content: "•"; 
        position: absolute;
        left: 0;
        color: #148C44; 
    }
    
    .lista-valores li strong, .lista-servicos li strong {
        font-weight: bold; 
        color: #333; 
    }

    .nossa-equipe {
        margin-bottom: 30px;
    }

    .equipe-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }


    .equipe-card {
        background-color: #f7f0f0;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        border-radius: 8px;
        overflow: hidden;
        width: 250px;
        transition: all 0.3s ease;
        position: relative; 
    }

    .equipe-card:hover {
        transform: scale(1.05);
    }

    .card-imagem {
        width: 100%;
        height: 50px !important;
        object-fit: cover;
        transition: all 0.3s ease;
    }

    .equipe-card:hover .card-imagem {
        height: 200px !important;
        width: 100%;
        
    }

    .card-conteudo {
        padding: 15px ;
        text-align: center;
    }

    .card-conteudo h3 {
        margin-top: 0;
        color: #c4aa5b;
    }

    .card-conteudo p {
        margin: 5px 0;
        font-size: 0.9em;
    }

    .hover-info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        color: #60A96C;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center ;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        border-radius: 8px;
        padding: 20px;
        box-sizing: border-box; 
    }

    .equipe-card:hover .hover-info {
        opacity: 1;
    }

    .hover-info p {
        margin: 10px 0;
        font-size: 1em;
        text-align: center;
    }
    
    .container-contato {
        margin-top: 50px
    }
    
    .contato  {
    display: grid;  
    justify-content: center;
    align-items: center;  
    text-align: center;
    
}   

.contato a {
    margin-bottom: 10px;
    text-decoration: none;
    color: #c4aa5b;
    cursor: pointer;
}

.contato a:hover {
color: #D8BE63;
}


    /* --- Seção Mapa 3D --- */
    .mapa-3d {
        margin-bottom: 30px;
    }

    .mapa-3d iframe {
        width: 100%;
        height: 400px;
        border: none;
        border-radius: 8px;
    }


        .container-suporte form {
            display: grid;
            grid-template-columns: 1fr; 
            gap: 15px; 
        }
        .container-suporte label {
            font-weight: bold;
        }

        .container-suporte input[type="text"],
        .container-suporte input[type="email"],
        .container-suporte input[type="tel"],
        .container-suporte textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box; /* Importante para o padding */
            font-size: 16px;
        }

        .container-suporte textarea {
            resize: vertical; /* Permite redimensionar verticalmente */
            min-height: 100px;
        }

        
        #mensagem-status {
            margin-top: 20px;
            padding: 15px;
            border-radius: 4px;
            display: none; 
        }

        #mensagem-status.sucesso {
            background-color: #d4edda;
            border-color: #c3e6cb;
            color: #155724;
            display: block; 
        }

        #mensagem-status.erro {
            background-color: #f8d7da;
            border-color: #f5c6cb;
            color: #721c24;
            display: block; 
        }
        
        .container-suporte .button {
  background-color:  #60a96c;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.3s ease;
  margin-top: 25px;
  margin-bottom: 10px;
  margin-left: 400px;

}

.container-suporte .button:hover {
  background-color: #148C44;
  transform: scale(1.1);
}
        

.captcha-image label>input:checked+svg, .captcha-image label>input:focus+svg {
    border: 2px solid #D8BE63;
}

.captcha-image {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.captcha-image label>input+svg {
  color: #148C44
}

/* Estilização do Popup */
.wpcf7-response-output {
    background-color: white;
    font-weight:  bold;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Sans-Serif;
    position: fixed;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 15px 30px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 80%;
    text-align: center;
}

.wpcf7-mail-sent-ok {
    background: #4CAF50 !important;
    color: white !important;
}

.wpcf7-mail-sent-ng {
    background: #f44336 !important;
    color: white !important;
}

.wpcf7-response-output.active {
    opacity: 1;
    visibility: visible;
    top: 30px;
}

.wpcf7-response-output::after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.wpcf7-not-valid-tip {
    margin-left: 290px;
    margin-top: 10px;
}/* End custom CSS */