.elementor-6006 .elementor-element.elementor-element-95c0409{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6006 .elementor-element.elementor-element-95c0409:not(.elementor-motion-effects-element-type-background), .elementor-6006 .elementor-element.elementor-element-95c0409 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://maxdiesel.group/wp-content/uploads/2020/06/bg2-home3.jpg");}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6006 .elementor-element.elementor-element-9734450{--iteration-count:infinite;--animation-duration:1200ms;}.elementor-6006 .elementor-element.elementor-element-9734450 .elementor-headline{text-align:center;}.elementor-6006 .elementor-element.elementor-element-9734450 > .elementor-widget-container{padding:16px 0px 0px 0px;}.elementor-6006 .elementor-element.elementor-element-cf971ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6006 .elementor-element.elementor-element-cf971ca:not(.elementor-motion-effects-element-type-background), .elementor-6006 .elementor-element.elementor-element-cf971ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-6006 .elementor-element.elementor-element-80485a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6006 .elementor-element.elementor-element-80485a2.e-con{--flex-grow:0;--flex-shrink:0;}.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-6006 .elementor-element.elementor-element-1c08bfe .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-6006 .elementor-element.elementor-element-1c08bfe > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6006 .elementor-element.elementor-element-1c08bfe{width:100%;max-width:100%;}.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-6006 .elementor-element.elementor-element-1bdd22a{color:var( --e-global-color-primary );}.elementor-6006 .elementor-element.elementor-element-4bc45ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-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-6006 .elementor-element.elementor-element-9673dc1 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-6006 .elementor-element.elementor-element-ef1f336{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6006 .elementor-element.elementor-element-ef1f336:not(.elementor-motion-effects-element-type-background), .elementor-6006 .elementor-element.elementor-element-ef1f336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-blockquote .elementor-blockquote__content{color:var( --e-global-color-text );}.elementor-widget-blockquote .elementor-blockquote__author{color:var( --e-global-color-secondary );}.elementor-6006 .elementor-element.elementor-element-64790f3 .elementor-blockquote__content{color:var( --e-global-color-text );font-size:38px;}.elementor-6006 .elementor-element.elementor-element-64790f3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6006 .elementor-element.elementor-element-64790f3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6006 .elementor-element.elementor-element-64790f3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6006 .elementor-element.elementor-element-a677e25{text-align:center;font-size:19px;font-weight:300;color:#343434;}.elementor-6006 .elementor-element.elementor-element-a677e25 p{margin-block-end:0px;}.elementor-6006 .elementor-element.elementor-element-a677e25 > .elementor-widget-container{margin:-16px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6006 .elementor-element.elementor-element-a677e25.elementor-element{--align-self:center;}.elementor-6006 .elementor-element.elementor-element-3e33a99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.17;}.elementor-6006 .elementor-element.elementor-element-3e33a99::before, .elementor-6006 .elementor-element.elementor-element-3e33a99 > .elementor-background-video-container::before, .elementor-6006 .elementor-element.elementor-element-3e33a99 > .e-con-inner > .elementor-background-video-container::before, .elementor-6006 .elementor-element.elementor-element-3e33a99 > .elementor-background-slideshow::before, .elementor-6006 .elementor-element.elementor-element-3e33a99 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6006 .elementor-element.elementor-element-3e33a99 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6006 .elementor-element.elementor-element-03711b4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6006 .elementor-element.elementor-element-03711b4{width:100%;max-width:100%;}.elementor-6006 .elementor-element.elementor-element-03711b4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-6006 .elementor-element.elementor-element-95c0409{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6006 .elementor-element.elementor-element-9734450 > .elementor-widget-container{margin:54px 0px 0px 0px;padding:0px 0px 25px 0px;}.elementor-6006 .elementor-element.elementor-element-cf971ca{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6006 .elementor-element.elementor-element-03711b4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6006 .elementor-element.elementor-element-03711b4.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-6006 .elementor-element.elementor-element-95c0409{--content-width:100%;}.elementor-6006 .elementor-element.elementor-element-80485a2{--width:70%;}.elementor-6006 .elementor-element.elementor-element-4bc45ea{--width:30%;}.elementor-6006 .elementor-element.elementor-element-3e33a99{--content-width:1250px;}}/* Start custom CSS for shortcode, class: .elementor-element-03711b4 *//**
 * CSS: MAXDIESEL CLASSIFICADOS
 * Version: 1.0
 * Author: Deiviti C. Silva [DEX] & Leonardo Silva [Léo]
 * Author URI: http://dextech.group
 */
 
 #navigation {
    margin-bottom: 20px; /* Espaçamento abaixo da navegação */
}
 
/***************/
/* Visual MENUS*/
/***************/
.max-classified-menu {
    text-align: center;
    margin: 20px 0;
    background-color: #f0f0f0; /* Cor clara do contêiner dos menus */
    position: relative;
    z-index: 2; /* Define z-index maior para o contêiner dos menus */
    border-radius: 8px; /* Adicionando bordas arredondadas */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para o contêiner */
}

.max-classified-menu-item {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    position: relative;
    padding: 12px;
    text-align: center;
    flex: 1; /* Permite que os itens do menu cresçam igualmente */
    transition: all 0.3s ease;
    letter-spacing: 3px;
}

/* Adicionando a estrutura de lista */
.max-classified-menu {
    list-style-type: none; /* Remove marcadores da lista */
    padding: 0; /* Remove preenchimento padrão */
    display: flex; /* Exibe os itens em linha */
    justify-content: center; /* Centraliza os itens */
}

/* Estilo para links dentro dos itens do menu */
.max-classified-menu-item a {
    text-decoration: none; /* Remove sublinhado */
    color: inherit; /* Herda a cor do item do menu */
    display: block; /* Faz o link ocupar todo o espaço do item */
    padding: 12px; /* Adiciona preenchimento ao link */
}

/* Efeito de hover para os itens do menu */
.max-classified-menu-item:hover {
    color: #FF6220; /* Cor ao passar o mouse */
    transform: scale(1.05); /* Efeito de aumento ao passar o mouse */
}

/* Efeito de hover para os links */
.max-classified-menu-item a:hover {
    color: #FF6220; /* Cor ao passar o mouse no link */
}

/* Estilos para o primeiro e último item do menu */
.max-classified-menu-item:first-child {
    border-top-left-radius: 8px; /* Bordas arredondadas no primeiro item */
    border-bottom-left-radius: 8px;
}

.max-classified-menu-item:last-child {
    border-top-right-radius: 8px; /* Bordas arredondadas no último item */
    border-bottom-right-radius: 8px;
}

/* Estilo para item selecionado */
.max-classified-menu-item.selected {
    color: #FF6220; /* Cor para o item selecionado */
}

/***************************/
/* Visual PRODUTOS listados*/
/***************************/
.vehicle-classifieds-wrapper {
    position: relative;
}

.vehicle-classifieds {
    min-height: 600px; /* Defina a altura mínima desejada */
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Espaçamento entre os itens */
    justify-content: center; /* Alinhar itens à esquerda */
}

.vehicle-item {
    max-width: 300px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    background-color: #F5F2F0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
}

.vehicle-item:hover {
  background-color: #F0EDE4; /* Cor de fundo ao passar o mouse */
  color: black; /* Muda a cor do texto */
  transform: scale(1.02); /* Aumenta ligeiramente o tamanho do item */
  transition: all 0.3s ease-in-out; /* Animação suave */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra suave */    
}

.vehicle-item .image-container {
    width: 263px;
    height: 171px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.vehicle-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garantir que a imagem seja cortada para caber nas dimensões */
}

.vehicle-item .watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://maxdiesel.group/wp-content/uploads/max-images/maxdiesel-group-0000.png') no-repeat center center;
    background-size: contain;
    pointer-events: none; /* Garantir que a marca d'água não interfira na interação do usuário */
}

.vehicle-item .status-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fundo semi-transparente */
    color: white;
    font-size: 2em;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none; /* Garantir que a sobreposição não interfira na interação do usuário */
}

.vehicle-item .vehicle-value {
    font-size: 1.85em; /* Aumenta o tamanho da fonte para destacar o valor */
    font-weight: bold; /* Deixa o valor em negrito */
    color: #d9534f; /* Você pode ajustar a cor conforme necessário */
}

.vehicle-item .vehicle-description {
    height: 140px; /* Define uma altura fixa para a descrição */
    overflow: auto; /* Adiciona uma barra de rolagem se o conteúdo exceder a altura */
    padding: 8px; /* Adiciona um pouco de padding ao redor da descrição */
}

.vehicle-item .make-proposal {
    display: inline-block;
    margin-top: 8px;
    padding: 8px 16px;
    border: none;
    background-color: #0073aa;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.vehicle-item .make-proposal:hover {
    background-color: #005a87;
}

.vehicle-item p {
    margin: 8px 0;
}

/* Box make-proposal */
#proposal-form-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 9999;
}

#proposal-form {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    max-width: 400px;
    width: 100%;
}

#proposal-form h2 {
    margin-top: 0;
}

#proposal-form label {
    display: block;
    margin-top: 10px;
}

#proposal-form input,
#proposal-form textarea {
    width: 100%;
    padding: 8px;
    margin-top: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#proposal-form button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    border: none;
    background-color: #0073aa;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

#proposal-form button:hover {
    background-color: #005a87;
}

.close-modal {
    color: #aaa; /* Cor do texto */
    float: right; /* Alinha à direita */
    font-size: 28px; /* Tamanho da fonte */
    font-weight: bold; /* Negrito */
}

.close-modal:hover,
.close-modal:focus {
    color: black; /* Cor ao passar o mouse */
    text-decoration: none; /* Remove sublinhado */
    cursor: pointer; /* Muda o cursor para pointer */
}

/* Estilizar as imagens do lightbox */
.lightbox img {
    max-width: 895px;
    max-height: 572px;
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
}

.lightbox .watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://maxdiesel.group/wp-content/uploads/max-images/maxdiesel-group-0000.png') no-repeat center center;
    background-size: contain;
    pointer-events: none; /* Garantir que a marca d'água não interfira na interação do usuário */
}

/* Estilos para a caixa de diálogo personalizada */
.custom-alert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.custom-alert.hidden {
    display: none;
}

.custom-alert-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.custom-alert-close {
    margin-top: 10px;
    margin-left: 20px;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.custom-alert-close:hover {
    background-color: #005f8d;
}

/* Estilo imagem do initial-message */
.initial-message {
    width: 100%;
    height: 700px;
    /* Adicionando a imagem de fundo */
    background-image: url('https://maxdiesel.group/wp-content/uploads/max-images/maxdiesel-group-0003.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;

    /* Transição suave para desaparecer */
    transition: opacity 0.3s ease-out;

    /* Opacidade da imagem de fundo */
    opacity: 0.5; /* Ajuste a opacidade conforme necessário (0.0 a 1.0) */
}

/* Classe para ocultar o elemento antes de remover */
.initial-message.hidden {
    opacity: 0;
    pointer-events: none;
}

/* Loading mais produtos - animação */
.loading-message {
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    animation: fadeInOut 2s ease-in-out infinite;
}

.initial-loading-message {
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    animation: fadeInOut 2s ease-in-out infinite;
    z-index: 9999;
}

.initial-loading-message::after {
    content: '.';
    display: inline-block;
    animation: loadingDots 1.5s infinite steps(1, end);
}

@keyframes loadingDots {
    10% {
        content: '10% .';
    }
    20% {
        content: '20% ..';
    }
    30% {
        content: '30% ...';
    }
    40% {
        content: '40% ....';
    }
    50% {
        content: '50% .....';
    }
    60% {
        content: '60% ......';
    } 
    70% {
        content: '70% .......';
    }
    80% {
        content: '80% ........';
    }
    90% {
        content: '90% .........';
    } 
    100% {
        content: '100% ..........';
    } 
}

/* Responsividade do modal */
@media (max-width: 1024px) {
    #proposal-form {
        max-width: 80vw !important; /* Reduz um pouco mais para caber em tablets */
        width: 80vw !important;
        padding: 16px !important; /* Ajusta padding para telas menores */
        background-color: #f0f0f0;
    }

    #proposal-form-modal {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

@media (max-width: 768px) {
    #proposal-form {
        max-width: 90vw !important; /* Quase a largura total para celulares */
        width: 90vw !important;
        padding: 12px !important; /* Um padding mais compacto */
        
    }

    #proposal-form-modal {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    .close-modal {
        font-size: 24px !important; /* Reduz um pouco o X de fechar */
        margin-top: -10px !important; /* Ajuste opcional se o X estiver fora */
    }
}/* End custom CSS */