.elementor-26 .elementor-element.elementor-element-0639036:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-0639036 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;background-image:url("https://arfrioclimatizacao.net/wp-content/uploads/2025/07/bg-home.jpg.webp");background-position:center center;background-size:cover;}.elementor-26 .elementor-element.elementor-element-0639036 > .elementor-background-overlay{background-color:#000000;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-0639036 > .elementor-container{max-width:1326px;min-height:585px;}.elementor-26 .elementor-element.elementor-element-0639036{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-26 .elementor-element.elementor-element-91a42d3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-7c616be{width:var( --container-widget-width, 104.522% );max-width:104.522%;--container-widget-width:104.522%;--container-widget-flex-grow:0;}.elementor-26 .elementor-element.elementor-element-7c616be > .elementor-widget-container{margin:-0px -0px -0px -0px;padding:-0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-4ae31d7 > .elementor-element-populated{padding:0px 0px 0px 0px;}.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-26 .elementor-element.elementor-element-f1a5fbf:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-f1a5fbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-f1a5fbf > .elementor-container{max-width:693px;min-height:102px;}.elementor-26 .elementor-element.elementor-element-f1a5fbf{border-style:none;box-shadow:0px 0px 10px 0px rgba(201.11361083984374, 198.04711574213195, 198.04711574213195, 0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f1a5fbf > .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-26 .elementor-element.elementor-element-af2eed5{text-align:center;}.elementor-26 .elementor-element.elementor-element-af2eed5 .elementor-heading-title{font-family:"Akshar", Sans-serif;font-size:38px;font-weight:600;color:#073457;}.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-9f95702{text-align:center;}.elementor-26 .elementor-element.elementor-element-93b58da:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-93b58da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-93b58da{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 30px 0px;}.elementor-26 .elementor-element.elementor-element-93b58da > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-65235ed:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-65235ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-65235ed{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-98px;margin-bottom:0px;padding:0px 0px 30px 0px;}.elementor-26 .elementor-element.elementor-element-65235ed > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-bc541d1:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-bc541d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-bc541d1 > .elementor-container{max-width:1600px;}.elementor-26 .elementor-element.elementor-element-bc541d1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-26 .elementor-element.elementor-element-bc541d1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-271c67c:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-271c67c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#04518C;}.elementor-26 .elementor-element.elementor-element-271c67c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-26 .elementor-element.elementor-element-271c67c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-395b446{text-align:center;}.elementor-26 .elementor-element.elementor-element-395b446 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-f6bc6dd:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-f6bc6dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-f6bc6dd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-26 .elementor-element.elementor-element-f6bc6dd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-eda8b68{--e-image-carousel-slides-to-show:5;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-91a42d3{width:50%;}.elementor-26 .elementor-element.elementor-element-4ae31d7{width:50%;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-0639036 > .elementor-container{max-width:1600px;min-height:411px;}}/* Start custom CSS for html, class: .elementor-element-cbca376 *//* ======================================================= */
/* --- ESTILOS PARA A SEÇÃO DE SERVIÇOS DE CLIMATIZAÇÃO --- */
/* ======================================================= */

/* --- Container Principal --- */
.ac-services-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px; /* Espaço entre as colunas */
    padding: 80px 25px;
    max-width: 1600px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}

/* --- Colunas de Serviços (Esquerda e Direita) --- */
.ac-services-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 50px; /* Espaço entre os serviços */
}

/* --- Cada Bloco de Serviço --- */
.ac-service-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ac-service-text {
    flex: 1;
}

/* Coloca o ícone na direita na coluna da esquerda */
.ac-services-column:first-child .ac-service-item {
    text-align: right;
}

/* Coloca o ícone na esquerda na coluna da direita */
.ac-services-column:last-child .ac-service-item {
    flex-direction: row-reverse;
    text-align: left;
}

/* Estilos da Tipografia do Serviço */
.ac-service-item h3 {
    color: #343a40;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.ac-service-item p {
    color: #6c757d;
    font-size: 0.95em;
    line-height: 1.6;
    margin: 0 0 20px 0;
}

/* Ícones Circulares */
.ac-service-icon {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e9f1f5; /* Fundo padrão azul claro */
    border: 3px solid #005a9e; /* Borda azul padrão */
}
.ac-service-icon.icon-yellow {
    background-color: #fff9e6;
    border-color: #ffc107;
}
.ac-service-icon img {
    height: 40px;
}

/* Botão "Conheça +" */
.ac-service-button {
    display: inline-block;
    color: #005a9e;
    font-size: 0.9em;
    font-weight: 700;
    text-decoration: none;
    padding: 8px 15px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}
.ac-service-button:hover {
    background-color: #005a9e;
    color: white;
}

/* --- Coluna Central (Imagem) --- */
.ac-center-image-column {
    flex-basis: 40%; /* Largura da coluna central */
    max-width: 500px;
}
.ac-center-image-column img {
    max-width: 100%;
    height: auto;
}


/* ======================================================= */
/* --- AJUSTES RESPONSIVOS --- */
/* ======================================================= */
@media (max-width: 1200px) {
    .ac-center-image-column {
        display: none; /* Esconde a imagem central em telas menores */
    }
    .ac-services-container {
        gap: 80px; /* Aumenta o espaço entre as colunas de texto */
    }
}

@media (max-width: 768px) {
    .ac-services-container {
        flex-direction: column; /* Empilha as colunas */
        gap: 50px;
    }
    /* Alinha todos os textos à esquerda em telas pequenas */
    .ac-services-column:first-child .ac-service-item,
    .ac-services-column:last-child .ac-service-item {
        flex-direction: row;
        text-align: left;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef9686a *//* ======================================================= */
/* --- ESTILOS PARA A SEÇÃO DE ESPECIALISTAS --- */
/* ======================================================= */

/* --- Container Geral --- */
.specialist-section-container {
    display: flex;
    gap: 40px; /* Espaço entre as colunas */
    padding: 80px 25px;
    max-width: 1400px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}

/* --- Coluna da Esquerda (Texto Principal) --- */
.specialist-text-column {
    flex-basis: 45%;
}
.company-tag {
    color: #495057;
    font-size: 0.9em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding-left: 50px; /* Espaço para a linha */
}
.company-tag::before {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background-color: #ffc107; /* Amarelo */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.specialist-text-column h2 {
    color: #212529;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.3;
    margin: 15px 0 30px 0;
}
.specialist-text-column h2 .highlight {
    background-color: #ffc107;
    color: white;
    padding: 0 8px;
}
.intro-paragraph {
    font-size: 1.5em;
    color: #495057;
    line-height: 1.5;
    margin-bottom: 30px;
}
.specialist-text-column p:not(.intro-paragraph) {
    color: #6c757d;
    font-size: 1.1em;
    line-height: 1.7;
}


/* --- Coluna da Direita (Grid de Cards) --- */
.specialist-cards-column {
    flex-basis: 55%;
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 colunas */
    gap: 30px;
}

/* Estilo Geral dos Cards de CTA */
.cta-card {
    padding: 30px;
    border-radius: 8px;
    background-size: 100px; /* Tamanho do ícone de fundo */
    background-repeat: no-repeat;
    background-position: right 20px bottom 20px;
    display: flex;
    flex-direction: column;
}
.cta-card h3 {
    font-size: 1.25em;
    font-weight: 700;
    position: relative;
    margin: 0 0 15px 0;
    padding-right: 50px;
}
/* Linha ao lado do título do card */
.cta-card h3::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background-color: #ffc107; /* Amarelo */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.cta-card p {
    font-size: 1em;
    line-height: 1.6;
    margin: 0 0 25px 0;
    flex-grow: 1; /* Empurra o botão para baixo */
}
.cta-card strong { font-weight: 700; }

/* Ícones de Fundo (via background-image) */
.card-icon-1 { background-image: url('https://arfrioclimatizacao.net/wp-content/uploads/2025/07/10995198.png'); }
.card-icon-2 { background-image: url('https://arfrioclimatizacao.net/wp-content/uploads/2025/07/3723978.png'); }
.card-icon-3 { background-image: url('https://arfrioclimatizacao.net/wp-content/uploads/2025/07/10995198.png'); }
.card-icon-4 { background-image: url('https://arfrioclimatizacao.net/wp-content/uploads/2025/07/10995198.png'); }

/* Cores dos Cards */
.card-gray { background-color: #f1f3f5; color: #495057; }
.card-gray h3 { color: #212529; }
.card-blue { background-color: #004a7f; color: white; }
.card-blue h3, .card-blue h3::after { color: white; background-color: white; }

/* Estilos dos Botões */
.cta-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 0.9em;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ced4da;
    border-radius: 5px;
    align-self: flex-start; /* Alinha o botão à esquerda */
    transition: background-color 0.3s, color 0.3s;
}
.card-gray .cta-button { color: #495057; }
.card-gray .cta-button:hover { background-color: #e9ecef; }
.card-blue .btn-outline { border-color: white; color: white; }
.card-blue .btn-outline:hover { background-color: white; color: #004a7f; }

/* ======================================================= */
/* --- AJUSTES RESPONSIVOS --- */
/* ======================================================= */
@media (max-width: 1024px) {
    .specialist-section-container {
        flex-direction: column; /* Empilha as colunas */
    }
}
@media (max-width: 600px) {
    .specialist-cards-column {
        grid-template-columns: 1fr; /* 1 coluna */
    }
    .specialist-text-column h2 { font-size: 2em; }
    .intro-paragraph { font-size: 1.2em; }
}```

Com estes dois códigos, você terá o layout exatamente como na imagem de referência, com um design profissional, moderno e totalmente adaptado para qualquer dispositivo./* End custom CSS */