.elementor-23424 .elementor-element.elementor-element-79a4dd5d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-23424 .elementor-element.elementor-element-79a4dd5d:not(.elementor-motion-effects-element-type-background), .elementor-23424 .elementor-element.elementor-element-79a4dd5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202040;}.elementor-23424 .elementor-element.elementor-element-79a4dd5d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-23424 .elementor-element.elementor-element-79a4dd5d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23424 .elementor-element.elementor-element-998d02e > .elementor-element-populated{padding:0% 10% 0% 0%;}.elementor-23424 .elementor-element.elementor-element-a68e79f{width:var( --container-widget-width, 118.908% );max-width:118.908%;--container-widget-width:118.908%;--container-widget-flex-grow:0;}.elementor-23424 .elementor-element.elementor-element-a68e79f > .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(207.39999999999998, 207.39999999999998, 207.39999999999998, 0.5);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23424 .elementor-element.elementor-element-b37afd3 img{width:75%;}.elementor-23424 .elementor-element.elementor-element-b296187 img{width:75%;}.elementor-23424 .elementor-element.elementor-element-2b4889c1 img{width:38%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23424 .elementor-element.elementor-element-5fe1435 .elementor-button{background-color:#082135;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:17px 17px 17px 17px;}.elementor-23424 .elementor-element.elementor-element-5fe1435 .elementor-button:hover, .elementor-23424 .elementor-element.elementor-element-5fe1435 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-23424 .elementor-element.elementor-element-5fe1435 .elementor-button-content-wrapper{flex-direction:row;}.elementor-23424 .elementor-element.elementor-element-5fe1435 .elementor-button:hover svg, .elementor-23424 .elementor-element.elementor-element-5fe1435 .elementor-button:focus svg{fill:#000000;}.elementor-23424 .elementor-element.elementor-element-1ddfd9d:not(.elementor-motion-effects-element-type-background), .elementor-23424 .elementor-element.elementor-element-1ddfd9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-23424 .elementor-element.elementor-element-1ddfd9d > .elementor-container{max-width:1580px;}.elementor-23424 .elementor-element.elementor-element-1ddfd9d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-23424 .elementor-element.elementor-element-1ddfd9d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23424 .elementor-element.elementor-element-061b877 .elementor-button{background-color:#082135;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:17px 17px 17px 17px;}.elementor-23424 .elementor-element.elementor-element-061b877 .elementor-button:hover, .elementor-23424 .elementor-element.elementor-element-061b877 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-23424 .elementor-element.elementor-element-061b877 .elementor-button-content-wrapper{flex-direction:row;}.elementor-23424 .elementor-element.elementor-element-061b877 .elementor-button:hover svg, .elementor-23424 .elementor-element.elementor-element-061b877 .elementor-button:focus svg{fill:#000000;}.elementor-23424 .elementor-element.elementor-element-041c2cf:not(.elementor-motion-effects-element-type-background), .elementor-23424 .elementor-element.elementor-element-041c2cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202040;}.elementor-23424 .elementor-element.elementor-element-041c2cf > .elementor-container{max-width:1380px;}.elementor-23424 .elementor-element.elementor-element-041c2cf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-23424 .elementor-element.elementor-element-041c2cf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23424 .elementor-element.elementor-element-d0957f3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-23424 .elementor-element.elementor-element-d0957f3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005886B5;background-image:url("https://hjmonitoramento.com.br/wp-content/uploads/2025/07/bg-pb-sistema-alarme.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-23424 .elementor-element.elementor-element-d0957f3 > .elementor-element-populated >  .elementor-background-overlay{background-color:#045C8B;opacity:0.77;}.elementor-23424 .elementor-element.elementor-element-d0957f3 > .elementor-element-populated, .elementor-23424 .elementor-element.elementor-element-d0957f3 > .elementor-element-populated > .elementor-background-overlay, .elementor-23424 .elementor-element.elementor-element-d0957f3 > .elementor-background-slideshow{border-radius:10px 0px 0px 10px;}.elementor-23424 .elementor-element.elementor-element-d0957f3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-23424 .elementor-element.elementor-element-d0957f3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23424 .elementor-element.elementor-element-c209eb5{width:100%;max-width:100%;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#FFFFFF;--e-form-steps-indicator-inactive-secondary-color:#000000;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-23424 .elementor-element.elementor-element-c209eb5 > .elementor-widget-container{padding:50px 0px 50px 0px;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-group{padding-right:calc( 14px/2 );padding-left:calc( 14px/2 );margin-bottom:34px;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-form-fields-wrapper{margin-left:calc( -14px/2 );margin-right:calc( -14px/2 );margin-bottom:-34px;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-labels-inline .elementor-field-group > label{padding-left:14px;}body:not(.rtl) .elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-labels-inline .elementor-field-group > label{padding-right:14px;}body .elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-labels-above .elementor-field-group > label{padding-bottom:14px;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-group > label, .elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-type-html{padding-bottom:0px;color:#FFFFFF;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-group .elementor-field{color:#000000;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#000000;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#000000;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-field-group .elementor-select-wrapper::before{color:#000000;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-radius:3px 3px 3px 3px;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .e-form__buttons__wrapper__button-next{background-color:#074A6B;color:#ffffff;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-button[type="submit"]{background-color:#074A6B;color:#ffffff;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .e-form__buttons__wrapper__button-next:hover{background-color:#08A5B9;color:#ffffff;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-button[type="submit"]:hover{background-color:#08A5B9;color:#ffffff;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-23424 .elementor-element.elementor-element-c209eb5 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-23424 .elementor-element.elementor-element-ea73172:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-23424 .elementor-element.elementor-element-ea73172 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23424 .elementor-element.elementor-element-ea73172 > .elementor-element-populated, .elementor-23424 .elementor-element.elementor-element-ea73172 > .elementor-element-populated > .elementor-background-overlay, .elementor-23424 .elementor-element.elementor-element-ea73172 > .elementor-background-slideshow{border-radius:0px 20px 20px 0px;}.elementor-23424 .elementor-element.elementor-element-ea73172 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-23424 .elementor-element.elementor-element-ea73172 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-23424 .elementor-element.elementor-element-7d42104 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-23424 .elementor-element.elementor-element-7d42104{text-align:center;}.elementor-23424 .elementor-element.elementor-element-7d42104 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-size:34px;font-weight:500;color:#535353;}.elementor-23424 .elementor-element.elementor-element-5eda1d1 .elementor-button{background-color:#082135;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:17px 17px 17px 17px;}.elementor-23424 .elementor-element.elementor-element-5eda1d1 .elementor-button:hover, .elementor-23424 .elementor-element.elementor-element-5eda1d1 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-23424 .elementor-element.elementor-element-5eda1d1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-23424 .elementor-element.elementor-element-5eda1d1 .elementor-button:hover svg, .elementor-23424 .elementor-element.elementor-element-5eda1d1 .elementor-button:focus svg{fill:#000000;}@media(min-width:768px){.elementor-23424 .elementor-element.elementor-element-d0957f3{width:45.504%;}.elementor-23424 .elementor-element.elementor-element-ea73172{width:54.455%;}}@media(max-width:1024px){.elementor-23424 .elementor-element.elementor-element-79a4dd5d{padding:100px 25px 100px 25px;}.elementor-23424 .elementor-element.elementor-element-46fefd6 > .elementor-element-populated{padding:25px 0px 0px 0px;}.elementor-23424 .elementor-element.elementor-element-2b4889c1{text-align:left;}.elementor-23424 .elementor-element.elementor-element-2b4889c1 img{max-width:100%;}}@media(max-width:767px){.elementor-23424 .elementor-element.elementor-element-79a4dd5d{padding:50px 20px 50px 20px;}.elementor-23424 .elementor-element.elementor-element-998d02e > .elementor-element-populated{padding:25px 0px 0px 0px;}.elementor-23424 .elementor-element.elementor-element-46fefd6 > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-23424 .elementor-element.elementor-element-998d02e{width:100%;}.elementor-23424 .elementor-element.elementor-element-46fefd6{width:100%;}}/* Start custom CSS for html, class: .elementor-element-d651647 *//* ======================================================= */
/* --- ESTILOS PARA A SEÇÃO DE TECNOLOGIAS INTEGRADAS --- */
/* ======================================================= */

/* --- Container Geral da Seção --- */
.tech-section-container {
    background-color: #f4f6f9; /* Fundo cinza bem claro */
    padding: 80px 25px;
    font-family: 'Poppins', sans-serif;
}

/* Título Principal */
.tech-main-title {
    color: #1a2e23; /* Verde escuro/preto */
    font-size: 2.8em;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 60px;
}

/* --- Grid Principal (Imagem + Cards) --- */
.tech-main-grid {
    display: flex;
    gap: 30px; /* Espaço entre a imagem e os cards */
    max-width: 1300px;
    margin: 0 auto;
}

/* Coluna da Imagem */
.tech-image-column {
    flex-basis: 40%;
}
.tech-image-column img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que a imagem preencha o espaço sem distorcer */
    border-radius: 20px;
}

/* Coluna dos Cards */
.tech-cards-grid {
    flex-basis: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2x2 grid */
    gap: 30px;
}

/* --- Estilo de cada Card --- */
.tech-card {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 35px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.07);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efeito Hover (elevar) */
.tech-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.tech-card h3 {
    color: #1a2e23;
    font-size: 1.4em;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
}

.tech-card p {
    color: #6c757d; /* Cinza para descrição */
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1; /* Empurra o link "Saiba mais" para baixo */
}

.tech-card-link {
    color: #6aab74; /* Verde do link */
    font-weight: 700;
}

/* Card de Destaque (Verde) */
.tech-card.card-highlight {
    background-color: #e6f4e8;
}
.tech-card.card-highlight h3,
.tech-card.card-highlight .tech-card-link {
    color: #1a2e23;
}
.tech-card.card-highlight p {
    color: #3e5243;
}


/* --- Botão de Orçamento --- */
.tech-cta-wrapper {
    text-align: center;
    margin-top: 60px;
}
.tech-cta-button {
    background-color: #8cc63f; /* Verde do botão */
    color: #1a2e23;
    font-size: 1.1em;
    font-weight: 700;
    padding: 16px 45px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.2s ease, background-color 0.2s ease;
}
.tech-cta-button:hover {
    transform: scale(1.05);
    background-color: #7cb538;
}


/* ======================================= */
/* --- AJUSTES RESPONSIVOS --- */
/* ======================================= */
@media (max-width: 1024px) {
    .tech-main-grid {
        flex-direction: column; /* Empilha a imagem e os cards */
    }
}
@media (max-width: 768px) {
    .tech-cards-grid {
        grid-template-columns: 1fr; /* Cards em coluna única */
    }
    .tech-main-title {
        font-size: 2.2em;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca59404 *//* ================================================= */
/* --- ESTILOS PARA A SEÇÃO DE SEGMENTOS --- */
/* ================================================= */

/* --- Container e Grade --- */
.segments-container {
    padding: 40px 20px;
    font-family: 'Poppins', sans-serif; /* Use uma fonte moderna */
    max-width: 1200px;
    margin: 0 auto;
}

.segments-grid {
    display: grid;
    /* 3 colunas em telas grandes */
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px; /* Espaçamento entre os itens */
}

/* --- Estilo de cada Item --- */
.segment-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* --- O Hexágono que envolve o Ícone --- */
.segment-icon-wrapper {
    width: 120px;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    /* A mágica do formato de hexágono */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    /* [NOVO] Adiciona a transição suave para a animação */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* --- O Ícone dentro do Hexágono --- */
.segment-icon-wrapper img {
    width: 60px; /* Tamanho do ícone */
    height: auto;
}

/* --- Título abaixo do Ícone --- */
.segment-title {
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    /* [NOVO] Adiciona transição suave para o título também */
    transition: transform 0.3s ease-in-out;
}

/* --- Modificadores de Cores --- */
/* Cores de Fundo para os Hexágonos */
.bg-blue   { background-color: #1e40af; }
.bg-red    { background-color: #dc2626; }
.bg-gray   { background-color: #6b7280; }
.bg-orange { background-color: #f97316; }
.bg-teal   { background-color: #0d9488; }
.bg-green  { background-color: #16a34a; }

/* Cores para os Títulos */
.color-blue   { color: #1e40af; }
.color-red    { color: #dc2626; }
.color-gray   { color: #6b7280; }
.color-orange { color: #f97316; }
.color-teal   { color: #0d9488; }
.color-green  { color: #16a34a; }


/* ================================================= */
/* --- [NOVO] EFEITOS DE HOVER INTERATIVOS --- */
/* ================================================= */

/* Efeito no Hexágono quando o mouse passa sobre o item */
.segment-item:hover .segment-icon-wrapper {
    transform: scale(1.1) translateY(-10px); /* Aumenta e levanta o ícone */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); /* Adiciona sombra para efeito de profundidade */
}

/* Efeito no Título quando o mouse passa sobre o item */
.segment-item:hover .segment-title {
    transform: scale(1.05); /* Aumenta ligeiramente o título */
}


/* ================================================= */
/* --- AJUSTES RESPONSIVOS --- */
/* ================================================= */

/* Para Tablets */
@media (max-width: 768px) {
    .segments-grid {
        /* 2 colunas em tablets */
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

/* Para Celulares */
@media (max-width: 480px) {
    .segments-grid {
        /* 1 coluna em celulares para melhor leitura */
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .segment-icon-wrapper {
        width: 100px;
        height: 115px;
    }

    .segment-icon-wrapper img {
        width: 50px;
    }
}/* End custom CSS */