/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Onest:wght@400;600;700&display=swap');
/*#EF781B*/
:root {
  --laranja: #EF781B;
}
*{box-sizing: border-box; }



.hm-larg-max{
    max-width: 1240px;
    margin: auto;
}

/* Container da Seção Hero */
.page-id-38 .clix-hero-section {
    padding: 40px 20px;
    max-width: 650px;
}

/* Tag "Plataforma de Monitoramento" */
.page-id-38 .clix-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #000000;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #fff;
}

.page-id-38 .clix-hero-tag-circle {
    width: 15px;
    height: 15px;
    background-color: #EF781B;
    border-radius: 50%;
}

/* Título Principal */
.page-id-38 .clix-hero-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 58px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.03em;
    margin: 0 0 20px 0;
    /* Cor do texto ajustada para branco para ser visível no fundo escuro */
    color: #000000; 
}

.page-id-38 .clix-hero-title-highlight {
    position: relative;
    display: inline-block;
}

/* Destaque laranja sob o texto */
.page-id-38 .clix-hero-title-highlight::after {
    content: '';
    position: absolute;
    bottom: 8px; 
    left: 0;
    right: 0;
    height: 17px;
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    border-radius: 5px;
    z-index: -1;
}

/* Subtítulo */
.page-id-38 .clix-hero-subtitle {
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.02em;
    margin: 0 0 40px 0;
    max-width: 520px;
    color: #000000; /* Cor mais suave que o branco puro */
}

/* Container dos botões */
.page-id-38 .clix-hero-actions {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap; /* Permite que os botões quebrem a linha em telas menores */
}

/* Botão Primário */
.page-id-38 .clix-hero-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: linear-gradient(96.38deg, #000000 1.06%, #333134 100%);
    border: 2px solid #333; /* Borda sutil para dar acabamento */
    border-radius: 10px;
    box-shadow: 0 0 0 5px rgba(239, 120, 27, 0.2); /* Efeito de brilho */
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page-id-38 .clix-hero-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 0 6px rgba(239, 120, 27, 0.3);
}

.page-id-38 .clix-hero-btn-primary svg {
    width: 24px;
    height: 24px;
    transition: transform 0.2s ease;
}

.page-id-38 .clix-hero-btn-primary:hover svg {
    transform: translateX(3px);
}

/* Link Secundário */
.page-id-38 .clix-hero-link-secondary {
    font-size: 18px;
    font-weight: 500;
    color: #333134;
    text-decoration: underline;
    transition: color 0.2s;
}

.page-id-38 .clix-hero-link-secondary:hover {
    color: #EF781B;
}

/* Responsividade */
@media (max-width: 768px) {
    .page-id-38 .clix-hero-title {
        font-size: 40px;
    }
    .page-id-38 .clix-hero-subtitle {
        font-size: 18px;
    }
    .page-id-38 .clix-hero-actions {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .page-id-38 .clix-hero-btn-primary {
        font-size: 17px;
    }
}


/*RODAPE*/
/* Estrutura Principal do Rodapé */
.clix-footer-wrapper {
    background-color: #F1F1F1;
    color: #000000;
    position: relative;
    overflow: hidden; /* Garante que o logo de fundo não vaze */
}

.clix-footer-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 70px 40px 40px;
    position: relative;
    z-index: 2;
}

/* Logo de Fundo Gigante */
.clix-footer-bg-logo {
    position: absolute;
    bottom: 12%;
    right: 1%;
    width: 65%;
    max-width: 850px;
    z-index: 1;
    opacity: 1;
}

/* Grid Layout */
.clix-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
}

/* Coluna de Informações (Esquerda) */
.clix-footer-col-info .clix-footer-main-logo {
    width: 100px;
    margin-bottom: 20px;
}

.clix-footer-col-info p {
	font-family: 'Onest', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 24px 0;
    max-width: 320px;
}

.clix-footer-section-title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 15px;
}

.clix-footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.clix-footer-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.clix-footer-contact-item img {
    width: 18px;
    height: 18px;
}

.clix-footer-contact-item a {
    color: #000000;
    text-decoration: none;
}

.clix-footer-social-list {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.clix-footer-social-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background-color: #EF781B;
    border-radius: 50%;
}

.clix-footer-social-item img {
    width: 44px;
    height: 44px;
}

/* Colunas de Navegação */
.clix-footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clix-footer-nav-item {
    margin-bottom: 16px;
}

.clix-footer-nav-item a {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
    transition: color 0.2s;
}

.clix-footer-nav-item a:hover {
    color: #EF781B;
}

/* Barra de Copyright Inferior */
.clix-footer-copyright-bar {
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    padding: 22px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    position: relative;
    z-index: 2;
}

.clix-footer-copyright-bar p {
    margin: 0;
}

/* Responsividade */
@media (max-width: 992px) {
    .clix-footer-grid {
        grid-template-columns: 1fr 1fr;
    }
    .clix-footer-col-info {
        grid-column: 1 / -1;
    }
}
@media (max-width: 768px) {
    .clix-footer-grid {
        grid-template-columns: 1fr;
    }
    .clix-footer-bg-logo {
        right: -25%;
        width: 100%;
    }
}

#ast-scroll-top {
	background-color: #000000;
	color: #ef781b;
	border-radius: 10px;
}
.clix-footer-wrapper * {
  font-family: 'Onest', sans-serif;
}



/* Container da Seção */
.page-id-202 .clix-aboutus-section ,
.page-id-38 .clix-aboutus-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 40px;
    min-height: 80vh;
}

.page-id-202 .clix-aboutus-container ,
.page-id-38 .clix-aboutus-container {
    display: flex;
    align-items: center;
    gap: 100px;
    max-width: 1200px;
    width: 100%;
}

/* Coluna da Imagem (Esquerda) */
.page-id-202 .clix-aboutus-image-col ,
.page-id-38 .clix-aboutus-image-col {
    flex: 1;
    max-width: 516px;
}

.page-id-202 .clix-aboutus-image-wrapper ,
.page-id-38 .clix-aboutus-image-wrapper {
    width: 100%;
    height: 556px;
    background-image: url('./imgs/quem-somos-home.png'); /* IMAGEM - SUBSTITUA AQUI */
    background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* A forma personalizada com a "aba" é criada com clip-path */
    /*clip-path: path('M40 0 H450 C458.284 0 465 6.71573 465 15 V15 H496 C507.046 15 516 23.9543 516 35 V516 C516 538.091 498.091 556 476 556 H40 C17.9086 556 0 538.091 0 516 V40 C0 17.9086 17.9086 0 40 0 Z');*/
}
.page-id-202 .clix-aboutus-image-wrapper {
    background-image: url('./imgs/imagem_sobre.png'); /* IMAGEM - SUBSTITUA AQUI */    
}

/* Coluna de Conteúdo (Direita) */
.page-id-202 .clix-aboutus-content-col ,
.page-id-38 .clix-aboutus-content-col {
    flex: 1.2;
    color: #FFFFFF;
    max-width: 620px;
}

.page-id-202 .clix-aboutus-tag ,
.page-id-38 .clix-aboutus-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #000000;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 30px;
}

/* Círculo vazado */
.page-id-202 .clix-aboutus-tag-ring ,
.page-id-38 .clix-aboutus-tag-ring {
    width: 12px;
    height: 12px;
    border: 2.5px solid #EF781B;
    border-radius: 50%;
}

.page-id-202 .clix-aboutus-tag-text ,
.page-id-38 .clix-aboutus-tag-text {
    font-size: 16px;
    font-weight: 600;
}

.page-id-202 .clix-aboutus-title ,
.page-id-38 .clix-aboutus-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 25px 0;
    color: #000000; /* Cor ajustada para fundo escuro */
}

.page-id-202 .clix-aboutus-description ,
.page-id-38 .clix-aboutus-description {
    font-size: 18px;
    line-height: 1.6;
    color: #000000; /* Cor ajustada para fundo escuro */
    margin: 0;
}

/* Responsividade */
@media (max-width: 1024px) {
    .page-id-202 .clix-aboutus-container ,
    .page-id-38 .clix-aboutus-container {
        flex-direction: column;
        gap: 50px;
        text-align: center;
    }
    .page-id-202 .clix-aboutus-content-col ,
    .page-id-38 .clix-aboutus-content-col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .page-id-202 .clix-aboutus-image-wrapper ,
    .page-id-38 .clix-aboutus-image-wrapper {
        height: 450px;
    }
    .page-id-202 .clix-aboutus-title ,
    .page-id-38 .clix-aboutus-title {
        font-size: 36px;
    }
    .page-id-202 .clix-aboutus-description ,
    .page-id-38 .clix-aboutus-description {
        font-size: 16px;
    }
}
.page-id-202 .clix-aboutus-image-col::before ,
.page-id-38 .clix-aboutus-image-col::before {
  /*content: "";
  width: 332px;
  height: 332px;
  background-color: #EF781B;
  filter: blur(101.05px);
  position: absolute;
  left: -4px;
  /*! top: -100px; */
  transform: translateY(-55px);*/
}



/* Container da Seção */
.page-id-38 .clix-numbers-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 20px;
}

/* O container que terá a forma personalizada */
.page-id-38 .clix-numbers-container {
    position: relative;
    width: 100%;
    max-width: 1275px;
    background: linear-gradient(96.38deg, #1A1A1A 1.06%, #2C2A2D 100%);
    padding: 50px 60px;
    box-sizing: border-box;
    /* A forma personalizada é criada com clip-path */
    clip-path: polygon(3% 0, 38% 0, 42% 8%, 58% 8%, 62% 0, 97% 0, 100% 6%, 100% 94%, 97% 100%, 3% 100%, 0 94%, 0 6%);
}

/* A borda laranja é criada com um pseudo-elemento ::before */
.page-id-38 .clix-numbers-container::before {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    background: #EF781B;
    z-index: -1;
    clip-path: inherit; /* Herda a mesma forma do container */
}

.page-id-38 .clix-numbers-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.page-id-38 .clix-numbers-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #EF781B;
    margin: 0;
    text-align: center;
}

.page-id-38 .clix-numbers-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}

.page-id-38 .clix-numbers-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 20px;
    position: relative;
}

/* Divisor vertical entre os itens */
.page-id-38 .clix-numbers-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -15px; /* Metade do gap */
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 45px;
    background-color: rgba(241, 241, 241, 0.5);
}

.page-id-38 .clix-numbers-value {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.02em;
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.page-id-38 .clix-numbers-description {
    font-size: 16px;
    line-height: 1.3;
    color: #FFFFFF;
    max-width: 140px;
}

/* Responsividade */
@media (max-width: 1200px) {
    .page-id-38 .clix-numbers-grid {
        justify-content: space-around;
        row-gap: 40px;
    }
    .page-id-38 .clix-numbers-item {
        flex-basis: 40%; /* Dois itens por linha */
        justify-content: center;
    }
     .page-id-38 .clix-numbers-item:nth-child(2)::after {
        display: none; /* Esconde o divisor do segundo item */
     }
}

@media (max-width: 768px) {
    .page-id-38 .clix-numbers-container {
         padding: 40px 20px;
    }
    .page-id-38 .clix-numbers-title {
        font-size: 32px;
    }
    .page-id-38 .clix-numbers-item {
        flex-basis: 100%; /* Um item por linha */
        justify-content: center;
    }
    .page-id-38 .clix-numbers-item::after {
        display: none; /* Esconde todos os divisores */
    }
    .page-id-38 .clix-numbers-value {
        font-size: 36px;
    }
    .page-id-38 .clix-numbers-description {
        font-size: 14px;
    }
}

.page-id-38 .nossos-numeros-container {
  max-width: 1120px;
  margin: auto;
  padding: 50px 0;
}
.page-id-38 .nossos-numeros-container img {
	max-width: 100%;
}

body,
body.page-id-38 {
	background-image: url('./imgs/fundo-home.jpg') !important;
	background-color: #f1f1f1 !important;
	background-repeat: repeat-x;
	background-size: 47px;
}
body.page-id-38 {
    background-image: url('./imgs/Ellipse5.svg'), url('./imgs/Ellipse5.svg'), url('./imgs/Ellipse5.svg'), url('./imgs/Ellipse5.svg'), url('./imgs/fundo-home.jpg') !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x;
    background-size: 450px, 450px, 450px, 450px, 47px;
    background-position: -500px 0;
    /* A propriedade background-position será definida pelo JavaScript */
}
body.page.page-id-97{
    background-image: url('./imgs/Ellipse5.svg'),url('./imgs/fundo-home.jpg') !important;
    background-repeat: no-repeat ,repeat-x;
    background-size: 450px,47px;
    background-position: calc(50% + 600px) -220px, 0 0;
}



body .ast-primary-header-bar,
body.page-id-38 .ast-primary-header-bar {
	background-color: #FFF0;
	background-image: none;
}

/* Container Principal da Seção */
.page-id-202 .clix-solutions-section ,
.page-id-38 .clix-solutions-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 90px 20px;
    gap: 50px;
}

/* Cabeçalho com Título e Subtítulo */
.page-id-202 .clix-solutions-header ,
.page-id-38 .clix-solutions-header {
    text-align: center;
    max-width: 970px;
}

.page-id-202 .clix-solutions-title ,
.page-id-38 .clix-solutions-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 20px 0;
    position: relative;
}

.page-id-202 .clix-solutions-highlight ,
.page-id-38 .clix-solutions-highlight {
    position: relative;
    display: inline-block;
}

/* Destaque laranja sob o texto */
.page-id-202 .clix-solutions-highlight::after ,
.page-id-38 .clix-solutions-highlight::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 15px;
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    z-index: -1;
    border-radius: 4px;
}

.page-id-202 .clix-solutions-subtitle ,
.page-id-38 .clix-solutions-subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #000000;
    margin: 0;
}

/* Grid dos Cards */
.page-id-202 .clix-solutions-grid ,
.page-id-38 .clix-solutions-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1320px;
}

.page-id-202 .clix-solutions-card ,
.page-id-38 .clix-solutions-card {
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 15px;
    padding: 40px 30px;
    flex: 1 1 350px; /* Base flexível para responsividade */
    max-width: 412px;
    box-sizing: border-box;
    /*box-shadow: 0 0 0 6px rgba(40, 40, 40, 0.4), 0px 12px 16px -4px rgba(0, 0, 0, 0.1);*/
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0px 4px 6px -2px #00000008, 0px 12px 16px -4px #00000014;
}

.page-id-202 .clix-solutions-icon-wrapper 
.page-id-38 .clix-solutions-icon-wrapper {
    width: 120px;
    height: 120px;
    background: linear-gradient(96.38deg, #000000 1.06%, #333134 100%);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 12px 25px rgba(180, 180, 180, 0.15);
}

.page-id-202 .clix-solutions-icon-wrapper img ,
.page-id-38 .clix-solutions-icon-wrapper img {
    width: 120px;
    height: 120px;
}

.page-id-202 .clix-solutions-card-title ,
.page-id-38 .clix-solutions-card-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.page-id-202 .clix-solutions-card-text ,
.page-id-38 .clix-solutions-card-text {
    font-size: 18px;
    line-height: 1.5;
    color: #333134;
    margin: 0;
}

/* Botão CTA */
.page-id-202 .clix-solutions-button ,
.page-id-38 .clix-solutions-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: linear-gradient(96.38deg, #000000 1.06%, #333134 100%);
    border-radius: 10px;
    box-shadow: 0 0 0 5px rgba(239, 120, 27, 0.2);
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page-id-202 .clix-solutions-button:hover ,
.page-id-38 .clix-solutions-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 0 6px rgba(239, 120, 27, 0.3);
}

.page-id-202 .clix-solutions-button svg ,
.page-id-38 .clix-solutions-button svg {
    width: 24px;
    height: 24px;
}

/* Responsividade */
@media (max-width: 1280px) {
    .page-id-202 .clix-solutions-grid ,
    .page-id-38 .clix-solutions-grid {
        max-width: 850px; /* Força 2 colunas */
    }
}

@media (max-width: 768px) {
    .page-id-202 .clix-solutions-section ,
    .page-id-38 .clix-solutions-section {
        padding: 60px 20px;
    }
    .page-id-202 .clix-solutions-title ,
    .page-id-38 .clix-solutions-title {
        font-size: 36px;
    }
    .page-id-202 .clix-solutions-subtitle ,
    .page-id-38 .clix-solutions-subtitle {
        font-size: 14px;
    }
    .page-id-202 .clix-solutions-card ,
    .page-id-38 .clix-solutions-card {
        flex-basis: 100%;
        max-width: 100%;
    }
}

.page-id-202 .clix-solutions-section::before,
.page-id-38 .clix-solutions-section::before{
/*  content: "";
  width: 332px;
  height: 332px;
  background-color: #EF781B;
  filter: blur(202.1px);
  position: absolute;
  right: -50px;
  /*! top: -100px; */
  transform: translateY(-55px);
  overflow: hidden;
  z-index: -1;*/
}


/* Container Principal da Seção */
.page-id-38 .clix-monitor-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 40px;
    gap: 60px;
    position: relative;
}

/* Conteúdo Superior (Texto e Imagem) */
.page-id-38 .clix-monitor-main-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    max-width: 1280px;
    width: 100%;
}

/* Coluna de Texto */
.page-id-38 .clix-monitor-text-col {
    flex: 1;
    max-width: 620px;
}

.page-id-38 .clix-monitor-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #000000;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.page-id-38 .clix-monitor-tag-ring {
    width: 12px;
    height: 12px;
    border: 2.5px solid #EF781B;
    border-radius: 50%;
}

.page-id-38 .clix-monitor-tag-text {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
}

.page-id-38 .clix-monitor-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    color: #000000;
    margin: 0 0 25px 0;
}

.page-id-38 .clix-monitor-description {
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}

/* Coluna da Imagem */
.page-id-38 .clix-monitor-image-col {
    flex: 1;
    max-width: 516px;
}

.page-id-38 .clix-monitor-image-wrapper {
    width: 100%;
    padding-top: 107.75%; /* Proporção da imagem (556/516) */
    background-image: url('./imgs/monitore-canais.png'); /* IMAGEM - SUBSTITUA AQUI */
    background-size: cover;
    background-position: center;
    /* A forma personalizada com a "aba" é criada com clip-path */
    /*clip-path: path('M40,0 L130,0 C145,0 155,10 155,25 L155,50 L476,50 C498.091,50 516,67.9086 516,90 L516,516 C516,538.091 498.091,556 476,556 L40,556 C17.9086,556 0,538.091 0,516 L0,40 C0,17.9086 17.9086,0 40,0 Z');*/
}

/* Barra de CTA Inferior */
.page-id-38 .clix-monitor-cta-bar {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    max-width: 700px;
}

.page-id-38 .clix-monitor-cta-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    color: #000000;
    margin: 0;
}

.page-id-38 .clix-monitor-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: linear-gradient(96.38deg, #000000 1.06%, #333134 100%);
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page-id-38 .clix-monitor-button:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.page-id-38 .clix-monitor-button svg {
    width: 24px;
    height: 24px;
}

.page-id-38 .clix-monitor-section::before {
    content: "";
    background-color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100vw; /* Estende para a esquerda da viewport */
    right: -100vw; /* Estende para a direita da viewport */
    z-index: -1;
}


/* Responsividade */
@media (max-width: 1024px) {
    .page-id-38 .clix-monitor-main-content {
        flex-direction: column-reverse; /* Imagem vai para cima no mobile */
        gap: 50px;
        text-align: center;
    }
    .page-id-38 .clix-monitor-text-col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 768px) {
    .page-id-38 .clix-monitor-section {
        padding: 60px 20px;
    }
    .page-id-38 .clix-monitor-title {
        font-size: 36px;
    }
    .page-id-38 .clix-monitor-description {
        font-size: 16px;
    }
    .page-id-38 .clix-monitor-cta-title {
        font-size: 28px;
    }
}


/* Container Principal da Seção */
.page-id-38 .clix-custom-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 90px 20px;
    gap: 40px;
    overflow-x: hidden;
}

/* Cabeçalho */
.page-id-38 .clix-custom-header {
    text-align: center;
    max-width: 840px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.page-id-38 .clix-custom-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #000;
    padding: 10px 15px;
    border-radius: 10px;
}

.page-id-38 .clix-custom-tag-ring {
    width: 12px;
    height: 12px;
    border: 2.5px solid #EF781B;
    border-radius: 50%;
}

.page-id-38 .clix-custom-tag-text {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
}

.page-id-38 .clix-custom-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
}

.page-id-38 .clix-custom-highlight {
    position: relative;
    display: inline-block;
}

.page-id-38 .clix-custom-highlight::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 15px;
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    z-index: -1;
    border-radius: 4px;
}

.page-id-38 .clix-custom-description {
    font-size: 20px;
    line-height: 1.5;
    color: #000000;
    margin: 0;
}

/* Vitrine de Imagens */
.page-id-38 .clix-custom-showcase {
    position: relative;
    width: 100%;
    max-width: 1100px;
    height: 500px; /* Altura fixa para controlar o posicionamento absoluto */
    margin-top: 30px;
}

.page-id-38 .clix-custom-image {
    position: absolute;
    border-radius: 15px;
    box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.4);
    background-size: cover;
    background-position: center top; /* Foca no topo do dashboard */
    transition: transform 0.3s ease;
}

.page-id-38 .clix-custom-image:hover {
    transform: translateY(-10px) scale(1.02);
    z-index: 3;
}
.page-id-38 .clix-custom-image-center:hover {
	transform: translate(-50%, -10px);
}
.page-id-38 .clix-custom-image-center {
    /* IMAGEM CENTRAL - SUBSTITUA */
    background-image: url('./imgs/tela-centro.jpg');
    width: 75%;
    max-width: 816px;
    height: 458px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background-size: contain;
}

.page-id-38 .clix-custom-image-left {
    /* IMAGEM ESQUERDA - SUBSTITUA */
    background-image: url('./imgs/tela-esq.jpg');
    width: 45%;
    max-width: 501px;
    height: 348px;
    top: 50px;
    left: 0;
    z-index: 1;
    background-size: contain;
}

.page-id-38 .clix-custom-image-right {
     /* IMAGEM DIREITA - SUBSTITUA */
    background-image: url('./imgs/tela-dir.jpg');
    width: 45%;
    max-width: 501px;
    height: 348px;
    top: 50px;
    right: 0;
    z-index: 1;
    background-size: contain;
}

/* CTA Inferior */
.page-id-38 .clix-custom-cta {
    margin-top: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.page-id-38 .clix-custom-cta-text {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    max-width: 550px;
    margin: 0;
}

.page-id-38 .clix-custom-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.page-id-38         .clix-custom-button:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 15px rgba(239, 120, 27, 0.2);
}
.page-id-38 .clix-custom-button svg {
    width: 24px;
    height: 24px;
}

/* Responsividade */
@media (max-width: 992px) {
    .page-id-38 .clix-custom-showcase {
        height: 400px;
    }
    .page-id-38 .clix-custom-image-center { height: 380px; }
    .page-id-38 .clix-custom-image-left, .clix-custom-image-right { height: 280px; top: 40px; }
    .page-id-38 .clix-custom-title { font-size: 38px; }
    .page-id-38 .clix-custom-description { font-size: 18px; }
}

@media (max-width: 768px) {
    .page-id-38 .clix-custom-section { padding: 60px 20px; }
    .page-id-38 .clix-custom-showcase {
        height: auto; /* Altura automática para empilhar */
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .page-id-38 .clix-custom-image {
        position: static; /* Remove posicionamento absoluto */
        transform: none !important; /* Remove transformações */
        width: 100%;
        height: 250px;
    }
    .page-id-38 .clix-custom-image-center { order: 1; }
    .page-id-38 .clix-custom-image-left { order: 2; }
    .page-id-38 .clix-custom-image-right { order: 3; }
    .page-id-38 .clix-custom-cta { margin-top: 0; }
}



/* Container Principal da Seção */
.page-id-38 .clix-modular-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
}

.page-id-38 .clix-modular-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
    width: 100%;
    max-width: 1240px;
    background: linear-gradient(96.38deg, #000000 1.06%, #333134 100%);
    border-radius: 15px;
    padding: 60px 80px;
    box-sizing: border-box;
    z-index: -2;
}
.page-id-38 .clix-modular-container .clix-custom-highlight::after {
    background: #ffffff;
}

/* Coluna de Texto (Esquerda) */
.page-id-38 .clix-modular-text-col {
    flex: 1;
    max-width: 520px;
}

.page-id-38 .clix-modular-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #FFFFFF;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.page-id-38 .clix-modular-tag-ring {
    width: 12px;
    height: 12px;
    border: 2.5px solid #EF781B;
    border-radius: 50%;
}

.page-id-38 .clix-modular-tag-text {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.page-id-38 .clix-modular-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    color: #EF781B;
    margin: 0 0 25px 0;
}

.page-id-38 .clix-modular-description {
    font-size: 20px;
    line-height: 1.5;
    color: #FFFFFF;
    font-weight: 700;
    margin: 0;
}

/* Coluna da Lista (Direita) */
.page-id-38 .clix-modular-list-col {
    flex: 1.2;
    max-width: 630px;
}

.page-id-38 .clix-modular-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.page-id-38 .clix-modular-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1.5px solid rgba(220, 228, 240, 0.3);
}

.page-id-38 .clix-modular-item:last-child {
    border-bottom: none;
}

.page-id-38 .clix-modular-item-content {
    display: flex;
    align-items: center;
    gap: 22px;
}

.page-id-38 .clix-modular-icon-wrapper {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.page-id-38 .clix-modular-icon-wrapper img {
    width: 81px;
    height: 81px;
}

.page-id-38 .clix-modular-item-title {
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF;
}

.page-id-38 .clix-modular-arrow-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border: 1.5px solid #FFFFFF;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    flex-shrink: 0;
    transition: background-color 0.2s ease;
}

.page-id-38 .clix-modular-arrow-btn:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.page-id-38 .clix-modular-arrow-btn svg {
    width: 24px;
    height: 24px;
}

/* Responsividade */
@media (max-width: 1200px) {
    .page-id-38 .clix-modular-container {
        flex-direction: column;
        gap: 50px;
        padding: 40px;
    }
}

@media (max-width: 768px) {
    .page-id-38 .clix-modular-container {
        padding: 30px 20px;
    }
    .page-id-38 .clix-modular-title {
        font-size: 36px;
    }
    .page-id-38 .clix-modular-description {
        font-size: 18px;
    }
    .page-id-38 .clix-modular-item-title {
        font-size: 18px;
    }
     .page-id-38 .clix-modular-icon-wrapper {
        width: 65px;
        height: 65px;
    }
    .page-id-38 .clix-modular-icon-wrapper img {
        width: 40px;
        height: 40px;
    }
}



@media (max-width: 768px) {
	footer.clix-footer-wrapper,
	section.clix-modular-section,
	section.clix-custom-section,
	section.clix-hero-section,
	section.clix-aboutus-section,
	section.clix-numbers-section,
	section.clix.nossos-numeros,
	section.clix-solutions-section,
	section.clix-monitor-section {
		overflow-x: hidden;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
	.page-id-38 .clix-aboutus-image-col::before,
	.page-id-38 .clix-solutions-section::before
	{display: none;}
}


/* Container principal da seção 404 */
.clix-feedback-error-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
    /*background-image: url(./imgs/404.jpg);*/
    padding-top: 120px;
}
body.error404 div#primary {
    background-image: url(./imgs/404.jpg);
    padding-top: 150px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 500px;
    margin-top: 0;
    background-color: #ffffff;
}

/* Container da imagem e do texto 404 para sobreposição */
.clix-feedback-error-graphic {
    position: relative;
    margin-bottom: 30px;
}

.clix-feedback-error-ufo {
    width: 100%;
    max-width: 350px;
    position: relative;
    z-index: 2;
    margin-bottom: -15%; /* Sobrepõe a imagem ao texto */
}

.clix-feedback-error-text {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: 700;
    font-size: clamp(150px, 25vw, 300px); /* Fonte responsiva */
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 10px 20px rgba(0,0,0,0.05);
    position: relative;
    z-index: 1;
}

.clix-feedback-error-text .clix-error-digit-black {
    color: #000000;
}

.clix-feedback-error-text .clix-error-digit-orange {
    color: #EF781B;
}

/* Conteúdo de texto abaixo do 404 */
.clix-feedback-error-content {
    max-width: 550px;
}

.clix-feedback-error-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 10px 0;
}

.clix-feedback-error-subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #333134;
    margin: 0 0 30px 0;
}

/* Botão */
.clix-feedback-error-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: linear-gradient(96.38deg, #000000 1.06%, #333134 100%);
    border: 2px solid transparent;
    border-radius: 10px;
    box-shadow: 0 0 0 5px rgba(239, 120, 27, 0.2);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.clix-feedback-error-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 0 6px rgba(239, 120, 27, 0.3);
}

.clix-feedback-error-button svg {
    width: 24px;
    height: 24px;
    transition: transform 0.2s ease;
}

.clix-feedback-error-button:hover svg {
    transform: translateX(3px);
}



/*
 * CSS para estilizar os botões de filtro do blog
 * Baseado no layout e estrutura HTML fornecidos.
 */

/* 1. Estiliza o contêiner principal dos botões (a lista <ul>) */
.wpc-filters-ul-list {
    display: flex; /* Organiza os botões em linha */
    flex-wrap: wrap; /* Permite que os botões quebrem para a linha de baixo em telas menores */
    gap: 20px; /* Espaçamento entre os botões, como no seu design */
    list-style-type: none; /* Remove os marcadores de lista (bolinhas) */
    padding: 0; /* Remove o preenchimento padrão da lista */
    margin: 0; /* Remove a margem padrão da lista */
    justify-content: center;
}

/* 2. Esconde elementos desnecessários do plugin de filtro */
.wpc-filters-ul-list li input[type="radio"],
.wpc-filters-ul-list li .wpc-term-count {
    display: none !important; /* Esconde o botão de rádio original e a contagem de posts */
}

/* 3. Estilo padrão para todos os botões (estado inativo) */
.wpc-filters-ul-list li a {
    /* Aparência */
    background: #FFFFFF; /* Fundo branco */
    color: #000000; /* Texto preto */
    border-radius: 10px; /* Bordas arredondadas */
    border: 1px solid #EAEAEA; /* Adiciona uma borda sutil para melhor visualização */

    /* Fonte */
    font-family: 'Onest', sans-serif; /* Fonte do seu design (use um fallback) */
    font-weight: 400; /* Peso da fonte normal */
    font-size: 16px; /* Tamanho da fonte */
    
    /* Layout e espaçamento */
    display: flex; /* Permite centralizar o texto verticalmente */
    align-items: center;
    justify-content: center;
    padding: 8px 20px; /* Espaçamento interno */
    height: 40px; /* Altura fixa do botão */
    box-sizing: border-box; /* Garante que o padding não altere a altura total */
    text-decoration: none; /* Remove o sublinhado do link */
    transition: all 0.3s ease; /* Adiciona uma transição suave para o hover */
}

/* 4. Estilo para o botão ATIVO/SELECIONADO */
.wpc-filters-ul-list li.wpc-term-item-selected a {
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%); /* Fundo com gradiente laranja */
    color: #FFFFFF; /* Texto branco */
    font-weight: 700; /* Texto em negrito */
    border: none; /* Remove a borda no estado ativo */
}

/* 5. (Opcional) Efeito visual ao passar o mouse sobre os botões inativos */
.wpc-filters-ul-list li:not(.wpc-term-item-selected) a:hover {
    background-color: #f5f5f5; /* Um cinza bem claro para o fundo */
    color: #000000; /* Mantém o texto preto */
}



.wpc-filters-main-wrap li.wpc-term-item a {
    cursor: pointer !important;
}
/*
 * Estilo para o botão "Todos os artigos" que foi modificado via JS
 */
.wpc-filters-ul-list li a.botao-todos-artigos-destaque {
    background: #ef781b !important; /* Fundo laranja sólido */
    color: #FFFFFF !important;      /* Texto branco */
    font-weight: 700 !important;    /* Texto em negrito para destaque */
    border: none !important;        /* Remove qualquer borda */
}





/* 1. Remove estilos padrão do tema e configura o card principal */
body.category .ast-article-post {
    background-color: #ffffff !important;
    border-radius: 15px !important;
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06) !important;
    position: relative;
    overflow: hidden;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Garante que o conteúdo interno não tenha preenchimento extra */
body.category .ast-article-post .ast-post-format- {
    padding: 0;
}

/* 3. Estiliza o contêiner de conteúdo principal (texto) */
body.category .ast-article-post .post-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 4. Faz a imagem ocupar o topo do card, "quebrando" o padding do pai */
body.category .ast-article-post .ast-blog-featured-section {
    margin: -24px -24px 24px -24px;
    background-color: #f0f0f0; /* Cor de fundo para imagens ausentes */
}

body.category .ast-article-post .ast-blog-featured-section img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

/* 5. Posiciona a tag de categoria sobre a imagem */
body.category .ast-article-post .ast-taxonomy-container {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
}

body.category .ast-article-post .ast-taxonomy-container a {
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    border-radius: 10px;
    color: #ffffff;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 4px 12px;
    text-decoration: none;
    line-height: 1.5;
}

/* 6. Estiliza o Título do post */
body.category .ast-article-post .entry-title,
body.category .ast-article-post .entry-title a {
    color: #000000;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 8px;
    text-decoration: none;
}

/* 7. Estiliza o resumo (excerpt) */
body.category .ast-article-post .ast-excerpt-container {
    margin-bottom: 16px;
    flex-grow: 1; /* Empurra o "Leia mais" para baixo */
}

body.category .ast-article-post .ast-excerpt-container p {
    color: #000000;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

/* 8. Estiliza o link "Leia mais" para corresponder à imagem */
body.category .ast-article-post .read-more a {
    color: #EF781B;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* 9. Adiciona a seta usando um pseudo-elemento */
body.category .ast-article-post .read-more a::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: #EF781B;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

/* 10. Esconde o texto original do link (se necessário) */
body.category .ast-article-post .read-more .screen-reader-text,
body.category .ast-article-post .read-more .ast-button-text {
    display: none;
}

body.category .post-content > .read-more {
    margin-top: 0px;
}
body.category .ast-row {
    gap: 25px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

body.category #content {
    background-color: transparent;
}
body.category .ast-blog-layout-4-grid .ast-article-post {
    width: 31.9%;
}


/* Container principal da seção */
.clix-blog-header-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px;
    padding: 40px 20px;
}

/* Estilos da tag "Blog 2clix" */
.clix-blog-header-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #1C1C1C;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #333;
}

.clix-blog-header-tag-ring {
    width: 12px;
    height: 12px;
    border: 2.5px solid #EF781B;
    border-radius: 50%;
    box-sizing: border-box;
}

.clix-blog-header-tag-text {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
}

/* Título Principal */
.clix-blog-header-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: clamp(36px, 5vw, 56px); /* Fonte responsiva */
    font-weight: 700;
    line-height: 1.15;
    color: #000000;
    max-width: 850px;
    margin: 0;
}

/* Subtítulo / Descrição */
.clix-blog-header-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    max-width: 750px;
    margin: 0;
}

body.category #primary {
    margin-top: 0 !important;
}


/* Responsividade para telas menores */
@media (max-width: 768px) {
    .clix-blog-header-subtitle {
        font-size: 18px;
    }
    body.category .ast-blog-layout-4-grid .ast-article-post {
        width: 100%;
    }
}





/* --- Estilos do Menu de Navegação (Desktop) --- */
@media (min-width: 769px) {

    /* 1. Centraliza o menu na barra de navegação */
    /* Este seletor pode precisar de ajuste dependendo do seu tema, mas geralmente funciona */
    .main-header-bar-navigation {
        flex: 1;
        justify-content: center;
    }

    /* 2. Estilo base para os links do menu principal */
    .main-header-menu > .menu-item > .menu-link {
        font-family: 'Onest', sans-serif;
        font-weight: 500;
        color: #000000 !important;
        transition: opacity 0.2s ease-in-out;
    }

    /* 3. Efeito de hover e estado ativo (página atual) */
    /* Aplica uma leve transparência para indicar a seleção, como na imagem */
    .main-header-menu > .menu-item:hover > .menu-link,
    .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
    .main-header-menu > .menu-item.current-menu-item > .menu-link {
        opacity: 0.5;
        background-color: transparent !important; /* Garante que não haja fundo colorido */
    }

    /* 4. Esconde a seta padrão do tema */
    .main-header-menu .ast-header-navigation-arrow {
        display: none !important;
    }

    /* 5. Posicionamento do container do submenu (o painel branco) */
    .main-header-menu .menu-item-has-children {
        position: relative;
    }

    .main-header-menu .sub-menu {
        display: block; /* Mantém o elemento no DOM para animação */
        position: absolute;
        top: calc(100% + 20px); /* Distância abaixo do menu principal */
        left: 0;
        width: 280px; /* Largura do painel */
        background-color: #FFFFFF;
        border-radius: 16px;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
        padding: 16px;
        border: none !important;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    }

    /* 6. Exibe o submenu ao passar o mouse */
    .main-header-menu .menu-item-has-children:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    /* 7. Estilo do item dentro do submenu ("Notícias") */
    .main-header-menu .sub-menu .menu-item {
        padding: 0 !important;
        margin: 0 !important;
    }

    .main-header-menu .sub-menu .menu-link {
        display: flex;
        align-items: center;
        gap: 12px; /* Espaço entre o ícone e o texto */
        padding: 8px;
        font-family: 'Onest', sans-serif;
        font-weight: 500;
        color: #000000 !important;
        border-radius: 8px;
        transition: background-color 0.2s ease;
    }
    
    .main-header-menu .sub-menu .menu-link:hover {
        background-color: #f5f5f5; /* Fundo suave ao passar o mouse */
    }

    /* 8. Ícone do item do submenu (Círculo laranja com centro preto) */
    .main-header-menu .sub-menu .menu-link::before {
        content: '';
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        /* Cria o ponto preto central usando um gradiente radial */
        background: radial-gradient(circle at center, #000000 30%, #EF781B 31%);
    }
    /*.current-menu-item{color: #000 !important;}*/

}




/* Container principal para o formulário */
.ph-newsletter-wrapper {
    font-family: 'Onest', sans-serif;
    padding: 20px 0; /* Espaçamento para visualização */
}

.ph-newsletter-form-container {
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    border-radius: 24px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 373px;
    margin: 0 auto; /* Centraliza o formulário na página */
}

/* Título do formulário */
.ph-newsletter-form-container h3 {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: 700;
    font-size: 23px;
    line-height: 1.4;
    color: #FFFFFF;
    margin: 0 0 8px 0;
}

/* Estilo do campo de e-mail */
.ph-newsletter-form-container input[type="email"] {
    width: 100%;
    background: transparent;
    border: 1.5px solid #FFFFFF;
    border-radius: 8px;
    padding: 12px 16px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Onest', sans-serif;
    box-sizing: border-box;
    margin-bottom: 10px;
}

/* Estilo do placeholder */
.ph-newsletter-form-container input[type="email"]::placeholder {
    color: #FFFFFF;
    opacity: 0.9;
}

/* Botão de envio */
.ph-newsletter-form-container button {
    width: 100%;
    background-color: #FFFFFF;
    border: none;
    border-radius: 10px;
    padding: 12px 24px;
    color: #000000;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 700; /* Texto em negrito */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    transition: transform 0.2s ease;
}

.ph-newsletter-form-container button:hover {
    transform: scale(1.02); /* Efeito de zoom sutil */
}

/* Texto de privacidade */
.ph-privacy-text {
    font-size: 12px;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 8px 0 0 0;
}

/* Links no texto de privacidade */
.ph-privacy-text a {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: 700;
}
.ast-separate-container.ast-two-container #secondary .widget {
    background-color: transparent !important;
    padding: 0 !important;
}





/* 1. Estiliza o título do widget que estava oculto */
.widget_categories .widget-title {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    color: #000000;
    margin-bottom: 24px; /* Espaçamento abaixo do título */
}

/* 2. Remove estilos padrão da lista e adiciona espaçamento */
.widget_categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Espaço entre os itens */
}

.widget_categories li.cat-item {
    margin: 0;
    padding: 0;
}

/* 3. Estilo base para todos os links de categoria */
.widget_categories li.cat-item a {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    border-radius: 10px;
    transition: background-color 0.2s ease-in-out;
}

/* 4. Estilo para itens INATIVOS (com a barra lateral) */
.widget_categories li.cat-item:not(.current-cat) a {
    gap: 24px; /* Espaço para a barra aparecer */
}

.widget_categories li.cat-item:not(.current-cat) a::before {
    content: '';
    display: block;
    width: 6px;
    height: 21px;
    background-color: #FFDFCA; /* Cor da barra para item inativo */
    border-radius: 3px;
}

/* 5. Estilo para o item ATIVO (fundo sólido, sem barra) */
/* Este estilo se aplica à categoria que o usuário está visualizando */
.widget_categories li.cat-item.current-cat a {
    background-color: #FFDFCA;
    font-weight: 700;
}

/* 6. Adiciona um efeito de hover para itens inativos */
.widget_categories li.cat-item:not(.current-cat) a:hover {
    background-color: #f9f9f9;
}


aside.widget.widget_media_image img {
    border-radius: 30px !important;
}



/* --- CSS para Newsletter com Fundo SVG --- */

/* 1. O container principal que ancora tudo */
.ph-newsletter-svg-background {
    position: relative; /* Essencial para o posicionamento dos filhos */
    width: 100%;
    max-width: 374px; /* Largura máxima do seu design */
    margin: 0 auto;
}

/* 2. O container do SVG que preenche o fundo */
.ph-newsletter-svg-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Camada de baixo */
}

/* Garante que o SVG se estique para preencher o container */
.ph-newsletter-svg-shape svg {
    width: 100%;
    height: 100%;
}

/* 3. O container do formulário que fica por cima */
.ph-newsletter-form-container {
    position: relative; /* Necessário para o z-index funcionar */
    z-index: 2; /* Camada de cima */
    padding: 32px; /* Espaçamento interno para o conteúdo */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* --- (O resto do seu CSS para fontes, botões, etc., continua igual) --- */
.ph-newsletter-form-container h3 {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: 700;
    font-size: 23px;
    color: #FFFFFF;
    margin: 0 0 8px 0;
}
.ph-newsletter-form-container input[type="email"] {
    width: 100%;
    background: transparent;
    border: 1.5px solid #FFFFFF;
    border-radius: 8px;
    padding: 12px 16px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Onest', sans-serif;
    box-sizing: border-box;
}
.ph-newsletter-form-container input[type="email"]::placeholder {
    color: #FFFFFF;
    opacity: 0.9;
}
.ph-newsletter-form-container button {
    width: 100%;
    background-color: #FFFFFF;
    border: none;
    border-radius: 10px;
    padding: 12px 24px;
    color: #000000;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.ph-privacy-text {
    font-size: 12px;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 8px 0 0 0;
}
.ph-privacy-text a {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: 700;
}


body.single-post.single .ast-single-entry-banner[data-post-type="post"] *,
body.single-post.single .ast-single-entry-banner[data-post-type="post"] {
    padding: 0;
}

body.single-post.single main#main article {
    background-color: transparent;
    padding: 0;
}



/* Container do botão */
.blogg-btn-back {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 8px; /* Espaço entre o ícone e o texto */

  width: 132px;
  height: 24px;
  text-decoration: none; /* Remove o sublinhado do link */
  color: #000000; /* Define a cor do texto para preto */
}

/* Estilização do ícone */
.blogg-btn-icon {
  width: 24px;
  height: 24px;
  display: flex; /* Garante que o SVG seja alinhado */
  align-items: center;
  justify-content: center;
}

/* Estilização do texto */
.blogg-btn-text {
  /* Propriedades da fonte */
  font-family: 'Onest', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%; /* 21px */

  /* Para garantir que o texto não se quebre */
  white-space: nowrap;
}


.clix-modular-tag-ring {
    width: 12px;
    height: 12px;
    border: 2.5px solid #EF781B;
    border-radius: 50%;
}





.ph-page-container {
            padding: 60px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .ph-page-grid {
            display: grid;
            grid-template-columns: 1fr 1.2fr; /* Coluna esquerda menor que a direita */
            gap: 80px;
            align-items: flex-start;
        }

        /* Coluna Esquerda: Textos */
        .ph-left-column {
            padding-top: 20px;
        }

        .ph-contact-tag {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 16px;
            font-weight: 600;
            color: #EF781B;
            background-color: #FFFFFF;
            border-radius: 10px;
            padding: 10px 15px;
            border: 1px solid #eee;
        }

        .ph-contact-tag-icon {
            width: 12px; height: 12px;
            background-color: #EF781B;
            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        }

        .ph-page-title {
            font-family: 'Chakra Petch', sans-serif;
            font-size: 56px;
            font-weight: 700;
            color: #000000;
            margin: 24px 0;
        }

        /* Coluna Direita: Formulário */
        .ph-contact-form-container {
            background: #FFFFFF;
            border-radius: 15px;
            padding: 0px;
            box-shadow: 0px 12px 24px -4px rgba(0, 0, 0, 0.08), 0px 4px 8px -2px rgba(0, 0, 0, 0.03);
            width: 100%;
            box-sizing: border-box;
        }
        
        /* Resto do CSS do formulário (sem alterações significativas) */
        .ph-contact-form-container form { display: flex; flex-direction: column; gap: 0px; }
        .ph-form-group { display: flex; flex-direction: column; gap: 8px; }
        .ph-form-group label { font-size: 18px; font-weight: 700; color: #000000; }
        .ph-form-group .ph-required { color: #EF781B; margin-left: 2px; }
        .ph-form-group input[type="text"], .ph-form-group input[type="email"], .ph-form-group input[type="tel"], .ph-form-group select, .ph-form-group textarea { width: 100%; padding: 12px; border: 1.5px solid #000000; border-radius: 5px; font-family: 'Chakra Petch', sans-serif; font-size: 16px; box-sizing: border-box; }
        .ph-form-group textarea { min-height: 150px; resize: vertical; }
        .ph-form-group ::placeholder { color: #ccc; }
        .ph-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
        .ph-phone-input-wrapper { display: flex; border: 1.5px solid #000000; border-radius: 5px; }
        .ph-phone-input-wrapper select { border: none; border-right: 1.5px solid #000000; border-radius: 5px 0 0 5px; background-color: #f9f9f9; width: auto; flex-shrink: 0; }
        .ph-phone-input-wrapper input[type="tel"] { border: none; width: 100%; }
        .ph-form-group-checkbox { flex-direction: row; align-items: center; gap: 12px; }
        .ph-form-group-checkbox span { font-size: 12px; color: #000000; }
        .ph-form-group-checkbox a { color: #000000; font-weight: 700; }
        .ph-form-submit-area { margin-top: 10px; }
        .ph-form-submit-area input[type="submit"] { background-color: #000000; color: #FFFFFF; border: 1px solid #000000; border-radius: 10px; padding: 12px 24px; font-size: 16px; font-weight: 700; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; }
        .ph-form-submit-area input[type="submit"]:hover { background-color: #333; }

        /* Responsividade */
        @media (max-width: 992px) {
            .ph-page-grid {
                grid-template-columns: 1fr; /* Colunas empilhadas em telas menores */
            }
        }
        @media (max-width: 768px) {
            .ph-page-container { padding: 40px 15px; }
            .ph-page-title { font-size: 40px; }
            .ph-form-row { grid-template-columns: 1fr; }
        }


/* --- Início do CSS da Seção de Contato --- */

.ph-contact-intro-section {
    /*background-color: #000000;*/
    padding: 0;
    display: flex;
    justify-content: center;
}

.ph-contact-intro-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Alinha à esquerda por padrão */
    gap: 32px;
    width: 100%;
    max-width: 566px; /* Largura máxima do conteúdo de texto */
}

/* Tag "Fale conosco" */
.ph-contact-intro-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 15px;
    background-color: #1a1a1a; /* Fundo um pouco mais claro */
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
}

.ph-contact-intro-tag-icon {
    width: 12px; height: 12px;
    background-color: #EF781B;
    border-radius: 50%;
}

/* Títulos e Textos */
.ph-contact-intro-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    color: #000000;
    margin: 0;
}

.ph-contact-intro-text {
    font-size: 16px;
    line-height: 1.5;
    color: #000000; /* Cor do texto secundário */
    margin: 0;
}

/* Lista de Contatos */
.ph-contact-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ph-contact-info-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ph-contact-info-item a {
    font-size: 16px;
    color: #000000;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.ph-contact-info-item a:hover {
    color: #EF781B;
}

.ph-contact-info-icon img {
    width: 16px;
    height: 20px;
}

.ph-contact-form-container .wpcf7 form>div, 
.ph-contact-form-container .wpcf7 form>p {
    margin-bottom: 0;
}


/* Responsividade */
@media (max-width: 768px) {
    .ph-contact-intro-section {
        padding: 40px 20px;
    }
    .ph-contact-intro-title {
        font-size: 36px;
    }
}        



/* Estilos do botão de login */
.ast-builder-html-element .clix-header-login-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 11px 10px;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1.5px solid #000000;
    border-radius: 10px;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.ast-builder-html-element .clix-header-login-button:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
}

.ast-builder-html-element .clix-header-login-button svg {
    width: 20px;
    height: 20px;
}


@media (max-width: 768px) {
.sociais-blog {
    padding: 0 20px;
}}



.clix-blog-header-tag.tag-versao-branca {
    background-color: #ffffff;
}
.clix-blog-header-tag.tag-versao-branca .clix-blog-header-tag-text {
    color: #000000;
}
.clix-blog-header-tag.tag-versao-branca .clix-blog-header-tag-ring {
    background: #000;
}




/* Section Wrapper */
.sn-stats-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 20px;
}

/* Main container with custom shape */
.sn-stats-container {
    width: 100%;
    max-width: 1274px; /* Largura máxima do desktop */
    background: linear-gradient(96.38deg, #000000 1.06%, #333134 100%);
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    /* Recriando a forma customizada com cantos cortados */
    clip-path: polygon(
        0% 20%, /* Ponto superior esquerdo, canto cortado */
        2% 0%,  /* Canto superior esquerdo */
        98% 0%, /* Canto superior direito */
        100% 20%, /* Ponto superior direito, canto cortado */
        100% 80%, /* Ponto inferior direito, canto cortado */
        98% 100%, /* Canto inferior direito */
        2% 100%, /* Canto inferior esquerdo */
        0% 80% /* Ponto inferior esquerdo, canto cortado */
    );
    clip-path: unset;
    background-image: url(./imgs/frame44.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sn-stats-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: clamp(32px, 4vw, 40px);
    font-weight: 700;
    text-align: center;
    color: #EF781B;
    margin: 0;
}

.sn-stats-grid {
    display: flex;
    flex-wrap: wrap; /* Permite que os itens quebrem em telas menores */
    justify-content: space-around;
    align-items: start;
    gap: 3px;
    width: 100%;
}

.sn-stat-item {
    display: flex;
    align-items: start;
    gap: 15px;
    flex-grow: 1; /* Permite que os itens cresçam para preencher o espaço */
    justify-content: center;
}

.sn-stat-value {
    font-size: clamp(36px, 5vw, 40px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.02em;
    white-space: nowrap; /* Evita que o número quebre */
    /* Efeito de texto em degradê */
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.sn-stat-value span { /* Estilo para o '+' */
    color: #EF781B;
    -webkit-text-fill-color: #EF781B; /* Garante a cor no Safari */
}

.sn-stat-label {
    font-size: 16px;
    line-height: 1.3;
    color: #FFFFFF;
}

.sn-stat-divider {
    width: 1.5px;
    height: 47px;
    background-color: rgba(241, 241, 241, 0.5); /* Branco com transparência */
}

/* Esconder divisores em telas menores */
@media (max-width: 992px) {
    .sn-stat-divider {
        display: none;
    }
    .sn-stats-grid {
        flex-direction: row;
        gap: 40px;
    }
     .sn-stats-container {
        padding: 40px 20px;
     }
     /*section.sn-stats-section * {outline: 1px dashed red; }*/
     .sn-stats-grid p {margin-bottom: 0; }
    .sn-stat-item {align-items: center; }
    .sn-stats-container {background-size: cover; background-position: center; }
}

@media (max-width: 480px) {
    .sn-stat-item {
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }
    .sn-stats-grid {
        gap: 5px;
    }
}

@media (max-width: 750px) {
    .sn-stats-container {background-size: cover; background-position: center; }
}

@media (min-width: 1200px) {
    .mac-cta-container {min-height: 340px; }
    .mac-cta-section {padding: 80px 0px; }
}


.top-com-video {
    display: flex;
    flex-direction: row;
}




/*popup formulario hubspot Canal do titular*/
/* Estilos para o Botão que abre o Modal */
.p2c-modal-trigger-button {
    background: #EF781B;
    color: #FFFFFF;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.p2c-modal-trigger-button:hover {
    background-color: #d86a10;
}

/* --- ESTILOS CORRIGIDOS PARA O MODAL --- */

/* Estilos para o Overlay do Modal (fundo escurecido) */
.p2c-modal-overlay {
    position: fixed; /* Mantém o overlay fixo na tela */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: flex; /* Usamos flex para centralizar o conteúdo */
    align-items: center; /* Alinha verticalmente no centro */
    justify-content: center; /* Alinha horizontalmente no centro */
    
    /* A MÁGICA ACONTECE AQUI: */
    overflow-y: auto; /* Permite a rolagem vertical APENAS se o conteúdo for maior que a tela */
    padding: 20px 0; /* Adiciona um respiro em cima e embaixo para não colar nas bordas */
}

/* Estilos para o Conteúdo do Modal */
.p2c-modal-content {
    background-color: #FFFFFF;
    padding: 5px;
    border-radius: 10px;
    width: 90vw;
    max-width: 1200px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    
    /* Garante que o conteúdo não seja "empurrado" para fora do centro pelo padding do overlay */
    margin: auto; 
}

/* Estilos para o Botão de Fechar */
.p2c-modal-close-button {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 28px;
    line-height: 1;
    color: #888;
    cursor: pointer;
}

/* Estilos para o Loader dentro do Modal */
.p2c-hubspot-form-container {
    text-align: center;
    min-height: 100px;
}
.p2c-modal-loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #EF781B;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: p2c-spin 1s linear infinite;
    margin: 20px auto;
}
@keyframes p2c-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Ajuste fino para telas muito pequenas */
@media (max-width: 480px) {
    .p2c-modal-content {
        padding: 30px 20px; /* Reduz o padding interno em telas pequenas */
    }
}
/*popup formulario hubspot Canal do titular*/


.hsfc-Step__Content {
    padding: 0 !important;
}


section.mac-cta-section a.mac-cta-button {
  /*pointer-events: auto !important;*/
  /*cursor: pointer !important;*/
  /*z-index: 9999999999999;*/
}




/*menu mobile*/
@media (max-width: 750px) {
    #ast-mobile-header .ast-custom-button-link{
        text-align: center;
    }
ul#ast-hf-mobile-menu {background-color: #000; }
ul#ast-hf-mobile-menu a{
    color: #fff; 
    border-color: #000;
    line-height: 1.6;
    padding: 10px 20px;
}

/* Container principal */
.clix-mobile-menu-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px 20px;
    width: 100vw;
    max-width: 100%; /* Largura do design mobile */
    box-sizing: border-box;
    background-color: #000;
}

/* Container dos botões */
.clix-mobile-menu-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.clix-mobile-menu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 15px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
}

.clix-btn-login {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1.5px solid #FFFFFF;
    color: #FFFFFF;
}

.clix-btn-login svg {
    width: 20px;
    height: 20px;
    fill: #FFFFFF;
}

.clix-btn-cta {
    background: linear-gradient(95.89deg, #EF781B 2.89%, #FF6600 100.54%);
    color: #FFFFFF;
    border: none;
    padding: 8px 15px;
}

/* Container das redes sociais */
.clix-mobile-menu-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.clix-social-title {
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0;
}

.clix-social-icons {
    display: flex;
    gap: 8px;
}

.clix-social-icon-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background-color: #EF781B;
    border-radius: 50%;
}

.clix-social-icon-link img {
    width: 44px;
    height: 44px;
}

}


*{/*outline: 1px dashed red;*/}


@media (max-width: 750px) {
    .page-id-202 .clix-aboutus-image-wrapper {width: 90vw; }
    .page-id-38 .clix-aboutus-image-wrapper {width: 90vw; }
    .top-com-video {flex-direction: column; background-position: bottom right !important;}
    .page-id-38 .clix-solutions-button {font-size: 17px; }
    .hpc-hero-wrapper {width: 89vw; padding: 30px 0; margin: auto; }
    .scf-features-section {width: 89vw; padding: 30px 0; }
    .sif-integrations-section {padding: 30px 0; width: 90vw; margin: auto; }
    .mac-cta-section {padding: 30px 0; max-width: 89vw; }
    .iaf-section-wrapper {padding: 40px 0; }
    .sp2c-container {max-width: 90vw; }
    .clix-footer-container {padding: 40px 0px 40px; max-width: 90vw; }
    .clix-blog-header-section {padding: 30px 0; max-width: 89vw; margin: auto; }
    .hero-dest-wrapper {max-width: 89vw !important; }
    body.category .hero-dest-title {font-size: 30px; }
    .widget.widget_wpc_filters_widget {max-width: 89vw; margin: auto; }
    .wpc-filters-main-wrap ul.wpc-filters-ul-list {padding: 0px 0 0 !important; gap: 5px; }
    main#main.site-main {max-width: 89vw; margin: auto;}
    .blg-cta-section {padding: 40px 5.5vw !important; }
    body.single .ph-hero-title {font-size: 30px; }
    body.single .sociais-blog {padding: 0; max-width: 89vw; margin: auto; }
    body.single #primary {max-width: 89vw; margin: auto !important; }
    body.single #primary .entry-content :where(h1) {font-size: 30px; }
    body.single #primary .entry-content :where(h2) {font-size: 28px; }
    body.single #primary .entry-content :where(h3) {font-size: 26px; }
    body.single #secondary {max-width: 89vw; margin: auto; }
    .blg-text-content {max-width: 89vw; }
    .blg-carousel-container {padding: 0 !important; max-width: 89vw; }
    body.single .ph-author-box-container {margin-bottom: 0; }
    body.single .ph-author-box-divider {margin-top: 0; transform: translateY(20px);}
    .single .post-navigation .nav-links {padding: 0; }
    .clix-footer-bg-logo {right: 05vw; width: 80vw; /*filter: contrast(50%);*/ }
    .ph-contact-intro-section {padding: 0; }
    .ph-page-container {padding: 30px 0; }
    body.page .hsfc-Form .hsfc-Step .hsfc-Step__Content {padding: 20px !important; }
    .p2c-content-title {font-size: 36px; }
    .sn-stats-container {padding-top: 65px; }
    .sn-stats-section {padding: 30px 0px; }
    .page-id-38 .clix-modular-section {padding: 30px 0px; }
    .page-id-38 .clix-modular-container {padding: 30px 5.5vw; border-radius: inherit; }
    .blg-post-card {width: calc(100vw - 11vw) !important; }
    .top-com-video {background-image: url() !important;}
    .page-id-202 .clix-aboutus-section{padding: 30px 0px; }
}



.clix-modular-section .clix-modular-item a {
  visibility: hidden;
  pointer-events: none;
}
.drc-final-card-header span {
  visibility: hidden;
  opacity: 0;
}
.drc-final-carousel-card {
    cursor: auto !important;
}


.ph-newsletter-form-container .hs-form-html p {
    display: none !important;
}
.hs-form-html label span {
    color: #fff !important;
}
.hs-form-html input{
    border-radius: 5px !important;
    border: 1.5px solid #fff !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #FFF !important;
}
.hs-form-html button{
    background-color: #000 !important;
}
.ph-newsletter-form-container h3 {
    margin: 0 0 0px 0;
}
.ph-newsletter-form-container {
    padding: 12px 32px; /* Espaçamento interno para o conteúdo */
    gap: 0px;
}


/* Container da seção */
.clix-about-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 40px; /* Espaçamento vertical e horizontal */
}

.clix-about-container {
    display: flex;
    align-items: flex-start; /* Alinha os itens no topo */
    gap: 60px; /* Espaço entre as colunas */
    max-width: 1280px;
    width: 100%;
}

/* Coluna do Título (Esquerda) */
.clix-about-title-col {
    flex: 1; /* Permite que a coluna cresça */
    min-width: 300px;
}

.clix-about-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: clamp(36px, 5vw, 46px); /* Fonte responsiva */
    font-weight: 700;
    line-height: 1.15;
    color: #000000;
    margin: 0;
}

/* Coluna da Descrição (Direita) */
.clix-about-description-col {
    flex: 1.2; /* Dá um pouco mais de espaço para esta coluna */
}

.clix-about-description p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    margin: 0;
}

.clix-about-description p:not(:last-child) {
    margin-bottom: 24px; /* Espaço entre os parágrafos */
}

/* Responsividade */
@media (max-width: 992px) {
    .clix-about-container {
        flex-direction: column; /* Empilha as colunas */
        gap: 30px;
    }
    .clix-about-description p {
        font-size: 18px;
    }
}


/*form#hsForm_74f7902b-a2f3-4434-b6c4-5f4766c57169 {
    padding: 30px !important;
    max-width: 1130px !important;
    margin: auto !important;
}*/

#p2cOuvidoriaModal .p2c-hubspot-form-container {
    text-align: center;
    min-height: 100px;
    padding: 40px;
}

@media (min-width: 1800px) {
    .blg-carousel-container {
        justify-content: center;
        display: flex;
    }
}


.wpc-term-item-content-wrapper input[type="radio"]:checked + label a {
    background-color: #ef781b !important;
    color: #FFF !important;
}