.elementor-2793 .elementor-element.elementor-element-8977ba6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 6px;--row-gap:0px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.6em;--padding-bottom:0.6em;--padding-left:1em;--padding-right:1em;}.elementor-2793 .elementor-element.elementor-element-8977ba6.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-2793 .elementor-element.elementor-element-70f8c70 .elementor-icon-wrapper{text-align:center;}.elementor-2793 .elementor-element.elementor-element-70f8c70.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-2793 .elementor-element.elementor-element-70f8c70.elementor-view-framed .elementor-icon, .elementor-2793 .elementor-element.elementor-element-70f8c70.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2793 .elementor-element.elementor-element-70f8c70.elementor-view-framed .elementor-icon, .elementor-2793 .elementor-element.elementor-element-70f8c70.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2793 .elementor-element.elementor-element-70f8c70 .elementor-icon{font-size:0.85em;}.elementor-2793 .elementor-element.elementor-element-70f8c70 .elementor-icon svg{height:0.85em;}.elementor-2793 .elementor-element.elementor-element-70f8c70 .elementor-icon-wrapper svg{width:auto;}.elementor-2793 .elementor-element.elementor-element-70f8c70{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:auto;max-width:auto;}.elementor-2793 .elementor-element.elementor-element-70f8c70.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2793 .elementor-element.elementor-element-42d099d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:700;line-height:1.2em;color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-2793 .elementor-element.elementor-element-8977ba6{--content-width:fit-content;}}@media(max-width:1366px){.elementor-2793 .elementor-element.elementor-element-8977ba6{--padding-top:0.5em;--padding-bottom:0.5em;--padding-left:0.8em;--padding-right:0.8em;}.elementor-2793 .elementor-element.elementor-element-42d099d .elementor-heading-title{font-size:0.95em;}}@media(max-width:1200px){.elementor-2793 .elementor-element.elementor-element-8977ba6{--padding-top:0.4em;--padding-bottom:0.4em;--padding-left:0.5em;--padding-right:0.5em;}.elementor-2793 .elementor-element.elementor-element-70f8c70 .elementor-icon{font-size:0.75em;}.elementor-2793 .elementor-element.elementor-element-70f8c70 .elementor-icon svg{height:0.75em;}.elementor-2793 .elementor-element.elementor-element-70f8c70{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2793 .elementor-element.elementor-element-42d099d .elementor-heading-title{font-size:0.85em;}}/* Start custom CSS for container, class: .elementor-element-8977ba6 */.elementor-2793 .elementor-element.elementor-element-8977ba6 {
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.elementor-2793 .elementor-element.elementor-element-8977ba6:hover {
    background-color: #C9DBE9 !important; /* Azul claro */
}

/* Escurece o texto e o ícone no Hover */
.elementor-2793 .elementor-element.elementor-element-8977ba6:hover .elementor-heading-title,
.elementor-2793 .elementor-element.elementor-element-8977ba6:hover .elementor-icon i,
.elementor-2793 .elementor-element.elementor-element-8977ba6:hover .elementor-icon svg {
    color: #102D99 !important; /* Azul escuro */
    fill: #102D99 !important;
}

/* 3. Efeito ATIVO (Acende quando é a página atual) */
.elementor-2793 .elementor-element.elementor-element-8977ba6.pilula-ativa {
    background-color: #C9DBE9 !important; /* Azul claro */
}

/* Escurece e dá um leve negrito no texto/ícone da pílula ativa */
.elementor-2793 .elementor-element.elementor-element-8977ba6.pilula-ativa .elementor-heading-title,
.elementor-2793 .elementor-element.elementor-element-8977ba6.pilula-ativa .elementor-icon i,
.elementor-2793 .elementor-element.elementor-element-8977ba6.pilula-ativa .elementor-icon svg {
    color: #102D99 !important; /* Azul escuro */
    fill: #102D99 !important;
    font-weight: 700 !important;
}


/* Transforma a grade em um Scroll Horizontal Suave apenas no celular */
@media (max-width: 767px) {
    .elementor-2793 .elementor-element.elementor-element-8977ba6 .jet-listing-grid__items {
        flex-wrap: nowrap !important; /* Impede de quebrar a linha */
        overflow-x: auto !important; /* Ativa a rolagem lateral */
        -webkit-overflow-scrolling: touch !important; /* Deixa o deslize suave no iPhone */
        padding-bottom: 5px !important; /* Espaço pra não cortar a sombra, se tiver */
        scrollbar-width: none; /* Esconde a barra feia no Firefox */
    }
    
    /* Esconde a barra de rolagem no Chrome/Safari (deixa só a função de arrastar) */
    .elementor-2793 .elementor-element.elementor-element-8977ba6 .jet-listing-grid__items::-webkit-scrollbar {
        display: none !important; 
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://bestoffershops.com/wp-content/uploads/2026/01/Montserrat-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://bestoffershops.com/wp-content/uploads/2026/01/Montserrat-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://bestoffershops.com/wp-content/uploads/2026/01/Montserrat-SemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */