/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Unica+One&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Lato&family=Unica+One&display=swap');
@import url('portal');
@tailwind base;
@tailwind components;
@tailwind utilities;

* {
    @apply font-Lato;
}
.bg-dark {
    @apply dark:bg-[#1F1F1F];
}
.footer {
    @apply w-full flex flex-col;
}
.footer a{
    @apply hover:underline;
}
.footer .footer-logo{
    @apply w-full flex justify-center items-center;
}
.footer img{
    @apply w-[50%] max-h-24 tablet:max-h-32;
}
.footer .footer-marcas-mais-buscadas{
    @apply w-full flex flex-col flex-nowrap;
}
.footer .footer-principais-links{
    @apply w-full flex flex-col flex-nowrap;
}
.footer.no-marcas .footer-principais-links {
    @apply desktop:pl-60 ultrawide:pl-80;
}
.footer, .footer svg{
    @apply bg-transparent text-[--secundary_color] fill-[--secundary_color];
}
.content_menu {
  @apply px-6 pt-4 pb-2 tablet:pt-2 desktop:py-2 bg-dark left-0 right-0 z-[98] tablet:px-8 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.1)] bg-[--background_color] relative z-[3];
  transform: translateY(0rem);
  @media (prefers-reduced-motion: no-preference) {
    transition-property: transform;
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.content_menu-container{
    @apply  flex items-center justify-between desktop:justify-evenly;
}
.logo_header {
    @apply w-1/2 desktop:w-1/5;
}
.box_menu {
    @apply w-1/2 desktop:w-full;
}
.medias_header {
    @apply w-auto;
}
.logo_header {
    @apply flex flex-row justify-between items-center;
}
.logo_header #logo_cabecalho{
    @apply max-h-12 tablet:max-h-20 desktop:max-w-60 ultrawide:max-w-80 tablet:p-2;
}
.medias_header {
    @apply hidden desktop:flex desktop:justify-end;
}
.content_infos{
    @apply p-2 border-solid border-[#e2e2e2] border-b-[0.2px] px-6 bg-[--rodape_color] relative z-[99];
}
.content_infos-container{
    @apply flex gap-2 tablet:gap-8 justify-between;
}
.content_acessibilidade {
    @apply gap-2 tablet:gap-4 flex;
}
.menu_acessibilidade {
    @apply absolute mt-40 bg-white rounded-lg shadow-lg z-[105];
}
.content_acessibilidade .dropdownMenu_acessibilidade {
    @apply absolute mt-40 bg-white rounded-lg shadow-lg z-[105];
}
.content_acessibilidade .dropdownMenu_acessibilidade .size_text {
    @apply cursor-pointer px-4 py-2 hover:bg-gray-200;
}
.content_acessibilidade .dropdownMenu_acessibilidade .high_contrast {
    @apply flex flex-nowrap gap-2 items-center cursor-pointer px-4 py-2 hover:bg-gray-200;
}
.dropdownMenu_acessibilidade ul li span{
    @apply text-[#1E1B1D];
}
.content_acessibilidade #dropdownToggle svg{
    @apply fill-[--secundary_color];
}
.menu_acessibilidade {
    @apply absolute mt-40 bg-white rounded-lg shadow-lg z-[105];
}
.content_acessibilidade .dropdownMenu_acessibilidade {
    @apply absolute mt-40 bg-white rounded-lg shadow-lg z-[105];
}
.content_acessibilidade .dropdownMenu_acessibilidade .size_text {
    @apply cursor-pointer px-4 py-2 hover:bg-gray-200;
}
.content_acessibilidade .dropdownMenu_acessibilidade .high_contrast {
    @apply flex flex-nowrap gap-2 items-center cursor-pointer px-4 py-2 hover:bg-gray-200;
}
.content_horario_atendimento {
    @apply w-full justify-end flex gap-4 tablet:gap-2 items-center;
}
.content_horario_atendimento p{
    @apply text-[2.5vmin] tablet:text-base text-[--secundary_color] ;
}
.acesso-admin img{
    @apply opacity-50;
}
.btn_toggle_menu {
    @apply cursor-pointer flex justify-end desktop:hidden text-[--secundary_color];
}
.btn_toggle_menu svg{
    @apply fill-[--secundary_color] dark:fill-white;
}
.menu-principal-container ul#menu-principal li {
    @apply ultrawide:px-4 flex flex-row justify-center text-nowrap dark:text-black dark:desktop:text-white;
}

.menu_header .menu-horizontal {
    @apply flex flex-row justify-center space-x-4;
}
.menu_header .menu-item.current-menu-item {
    @apply text-[--secundary_color] tablet:text-[--primary_color] border-b-2 border-[--primary_color] dark:border-black tablet:dark:border-white font-bold text-lg hover:text-[--primary_color] dark:hover:text-black tablet:dark:text-white dark:hover:font-bold;
}

.menu_header .menu-item {
    @apply text-[--secundary_color] tablet:text-[--secundary_color] hover:text-[--primary_color] hover:border-b-2 hover:border-[--primary_color] dark:hover:border-white text-lg duration-300 dark:hover:text-black;
}

.menu_header.abs {
    @apply p-4 bg-[--background_color] rounded shadow-md z-50 mr-4 mt-4 right-0 absolute;
}

.menu_header.abs ul#menu-principal {
    @apply flex flex-col justify-center items-center gap-4 w-[150px] h-[100%];
}

.menu_header.abs ul#menu-principal li {
    @apply text-center px-4 mx-0;
}

.btn-whatsapp-float a {
    @apply text-white;
}

.btn-whatsapp-float {
    @apply hidden tablet:flex fixed items-center justify-center w-14 h-14 right-5 bottom-24 tablet:right-3 bg-[#25d366] text-white rounded-full text-center text-4xl z-50 shadow-[0_0px_10px_0px_rgba(0,0,0,0.3)];
}

.btn-whatsapp-float svg {
    @apply fill-white w-9 h-9;
}

.modal_whatsapp_veiculo i {
    @apply mt-3;
}

.title {
    @apply text-[--secundary_color] dark:text-white font-['Lato-Bold',_sans-serif] text-[28px] tablet:text-3xl font-bold;
}
/* .title {
    @apply pt-5 pb-5 flex justify-center;
} */

.title-fale-conosco {
    @apply text-[--secundary_color] text-center font-['Lato-Bold',_sans-serif] text-[4vmin] tablet:text-3xl  font-semibold;
}
.form_filter label{
    @apply block mb-2 text-sm font-medium text-gray-900 dark:text-white;
}
.form_filter #labels-range-input {
    @apply w-full h-2 accent-[--primary_color] stroke-cyan-500 dark:accent-white rounded-lg  cursor-pointer;
}
.form_filter .label-amount-price {
    @apply text-base font-semibold dark:text-white text-[--secundary_color];
}
.form_filter .btn-salve {
    @apply bg-[--primary_color] dark:bg-white w-full m-2 hover:opacity-90 text-white dark:text-black font-bold py-2 px-4 rounded shadow-slate-300  shadow-lg;
}
.group-filter-max .box-price {
    @apply w-full flex justify-center tablet:w-3/4 relative pb-6 tablet:pl-2 tablet:p-0 tablet:px-2;
}
.box-price label{
    @apply text-[--secundary_color];
}
.group-filter-max .box-btn {
    @apply flex justify-center tablet:p-2;
}
.group-filter-max .box-btn button{
    @apply btn btn-color-filter w-full;
}
.home #filter_form form div.w-full.grid >div{
    @apply px-6 tablet:px-0 text-2xl tablet:text-3xl;
}

.home-group-btn {
    @apply w-full flex justify-center items-center py-14 shadow-md shadow-slate-200;
}
.home-group-btn .home-group-content {
    @apply w-full px-6 tablet:px-0 tablet:w-1/2 flex flex-col tablet:flex-row justify-center items-center gap-4;
}
.home-group-btn #btn-estoque a{
    @apply text-[5vmin] tablet:text-[4vmin] p-4;
}

.home-group-btn #btn-venda a{
    @apply text-[5vmin] tablet:text-[4vmin];
}

.social_medias {
    @apply w-[100%] dark:text-white py-10 px-6 tablet:py-16 tablet:pb-28;
}

.social_medias .title{
    @apply text-[--secundary_color] ;
}

.social_medias .box-list{
    @apply flex justify-center flex-wrap gap-4 p-0 tablet:p-0;
}

.social_medias .box-list .content-tiktok .svg-dark,
.social_medias .box-list .content-twitter .svg-dark,
.social_medias .box-list .content-linkedin .svg-dark {
    @apply p-2;
}

/* .social_medias .box-list .content-facebook svg {
    @apply w-11 h-11 tablet:w-12 tablet:h-12;
}
.social_medias .box-list .content-instagram svg{
    @apply w-11 h-11 tablet:w-16 tablet:h-16;
}
.social_medias .box-list .content-youtube svg {
    @apply w-11 h-11 tablet:w-12 tablet:h-12;
} */

.title h2 {
    @apply text-[4vmin] font-bold;
}
p:has(> input.wpcf7-submit) {
    @apply w-full flex justify-center;
}

.btn {
    @apply h-[42px] w-[100%] py-5 px-4 flex justify-center items-center gap-2 border text-[18px] rounded-md;
}

.btn-color {
    @apply alt-shadow-border bg-[--primary_color] border-[--secundary_color] bg-dark dark:border-black dark:hover:bg-white dark:hover:border-black dark:hover:text-black hover:opacity-90 text-white font-semibold shadow-slate-300  duration-200 hover:bg-[white] hover:text-[--primary_color]
}

form .btn.btn-color {
    @apply py-[0.4rem] cursor-pointer;
}

.btn-color-filter {
    @apply alt-shadow-border bg-[--primary_color] border-[--primary_color] dark:bg-white dark:border-black dark:hover:bg-white dark:text-black  dark:hover:border-black dark:hover:text-black hover:opacity-90 text-white font-semibold shadow-slate-300  duration-200 hover:bg-[white] hover:text-[--primary_color]
}

.btn-border {
    @apply alt-shadow-border bg-white border-[--primary_color] dark:border-black dark:hover:border-black dark:hover:bg-black dark:hover:text-white hover:opacity-90 text-[--primary_color] dark:text-black font-semibold shadow-slate-300  duration-200 hover:bg-[--primary_color] hover:text-[white];
}

.box-icon-socials {
    @apply w-16 h-16 flex items-center justify-center rounded-md shadow-[0_0px_10px_0px_rgba(0,0,0,0.3)] p-2 bg-white ;
}
/* .box-icon-socials svg {
    @apply w-[100%];
} */
.box-icon-socials .svg-color {
    @apply dark:hidden;
}
.box-icon-socials .svg-dark {
    @apply hidden dark:block bg-white dark:border-white  w-14 h-14 rounded-lg;
}

.content-maps iframe {
    @apply w-[100%] h-[550px];
}

.maps-contact.accordion-box {
    @apply p-0;
}

.accordion-content.height-acc {
    height: 905px !important;
}

@media (min-width: 768px) {
    .accordion-content.height-acc {
        height: 575px !important;
    }
}

.content-contacts {
    @apply block pb-4;
}
.content-contacts.abs,
.single.abs {
    @apply relative tablet:absolute tablet:mt-8 tablet:ml-8 p-4 tablet:shadow-[0_0px_10px_0px_rgba(0,0,0,0.3)] tablet:rounded-lg tablet:bg-[--background_color] tablet:max-w-[335px];
}
.content-contacts.abs span{
    @apply text-[--secundary_color];
}
.content-contacts .single {
    @apply flex justify-center mb-4 tablet:mb-0;
}
.single section {
    @apply bg-[--background_color] w-full tablet:w-96 p-4 tablet:absolute tablet:top-2 tablet:left-4 bg-dark dark:text-white rounded-lg tablet:shadow-[0_0px_10px_0px_rgba(0,0,0,0.3)];
}
.single section svg {
    @apply dark:fill-white;
}
.content-contacts .content-maps {
    @apply w-full;
}
.content-contacts_header {
    @apply flex justify-center items-center border-[0.1px] border-[#ebebeb] bg-white p-3 rounded-lg shadow-[0_4px_8px_0px_rgba(0,0,0,0.2)] w-[50px];
}

.content-contacts_header.tooltip {
    @apply hover:shadow-lg hover:shadow-gray-900/20 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none;
}

.content-contacts_header .content-tooltip svg {
    @apply fill-gray-300;
}

.content-contacts_header svg path {
    @apply dark:fill-black;
}

.contact-single {
    @apply p-4 rounded-[10px] shadow-[0_0_5px_#00000070] max-w-[335px];
}

.dropdown {
    @apply relative inline-block;
}

.dropdown-content {
    @apply hidden absolute bg-white min-w-44 shadow-[0_4px_8px_0px_rgba(0,0,0,0.2)] z-10 rounded-lg;
}

.dropdown-content.drop-whats {
    @apply right-0;
}

.dropdown-content a {
    @apply text-black py-3 px-4 flex gap-2 no-underline;
}

.dropdown-content a:hover {
    @apply bg-[#f1f1f1];
}

.dropdown:hover .dropdown-content {
    @apply block;
}

.contact-item {
    @apply flex items-center gap-2 text-[--secundary_color];
}

.contact-item svg {
    @apply w-[1.5rem] fill-[--secundary_color];
}
.contact-item svg path{
    @apply fill-[--secundary_color];
}
.contact-single .contact-item svg {
    @apply w-[1.5rem] dark:fill-white;
}
body > main > div.content-contacts.single > section > div:nth-child(5) > div > svg {
    @apply w-[3.0625rem] dark:fill-white;
}
.whatsapp-btn {
    @apply bg-white dark:bg-white border-[#128C7E] dark:border-black shadow-lg font-semibold text-xl tablet:text-base ultrawide:text-xl text-[#128C7E] dark:text-black fill-[#128C7E] duration-500 hover:bg-[#128C7E] dark:hover:bg-slate-100 hover:text-white dark:hover:text-gray-900;
    text-shadow: 0 0 1.5px #333;
}
.whatsapp-btn:hover svg {
    @apply fill-[#FFF] dark:fill-black;
}
.whatsapp-btn:hover svg path{
    @apply duration-500 fill-white !important;
}
.contact-item .whatsapp-btn svg{
    @apply fill-[#128C7E] hover:fill-white dark:fill-black duration-500;
}
.contact-item .whatsapp-btn svg path{
    @apply fill-[#128C7E] hover:fill-white;
}
.contact-item .whatsapp-btn:hover svg {
    @apply fill-[#FFF] dark:fill-black;
}


.form-page{
    @apply text-[--secundary_color] w-full tablet:px-4 dark:text-white;
}
.form-page input{
    @apply input-default;
}
.form-page #bt-submit {
    @apply border-none shadow-none w-full text-lg font-semibold h-12 bg-[--primary_color] dark:bg-white border border-[--primary_color] dark:border-none rounded-md text-white dark:text-black drop-shadow-lg shadow-black cursor-pointer;
}

.form-page textarea {
    @apply w-[100%] border border-[#1E1B1D] rounded-md shadow-[0_4px_4px_0px_rgba(0,0,0,0.3)] mb-[0.63rem] p-2;
}

.btn-form p {
    @apply w-full text-center;
}

.form-contato {
    @apply w-full max-w-2xl tablet:text-center mx-auto;
}

.form-portal{
    padding: 2rem;
}

.form-contato input, 
.form-contato textarea,
.accordion-box {
    @apply w-[100%] border border-[#1E1B1D] rounded-md shadow-[0_4px_4px_0px_rgba(0,0,0,0.3)] mb-[0.63rem] pl-[1.27rem] pr-2;
}

.form-contato input {
    @apply h-[2.875rem];
}

.form-contato textarea {
    @apply pt-[0.5rem];
}

.form-contato button {
    @apply w-full tablet:w-[20.4375rem] h-11 bg-[--primary_color] border border-[--primary_color] rounded-md text-white drop-shadow-lg shadow-black;
}

.form-contato #bt-submit {
    @apply w-full p-0 text-lg font-semibold h-12 bg-[--primary_color] bg-dark border border-[--primary_color] dark:border-white rounded-md text-white cursor-pointer ;
}
.box-pin-map {
    @apply hidden tablet:block w-3 h-4 mt-[-5px];
}

.box-pin-map svg {
    @apply w-[100%] fill-[--secundary_color];
}
.estoque-box{
    @apply w-full flex justify-center bg-dark;
}
.estoque-box .loop-box{
    @apply flex flex-wrap justify-center w-full desktop:w-11/12 tablet:justify-center gap-8 tablet:gap-4 bg-dark pt-8 pb-8;
}
.img-no-destaque{
    @apply relative flex aspect-[4/3] object-contain object-center;
}
.img-no-destaque img {
    @apply aspect-[4/3] object-contain object-center;
}
.alt-tags{
    @apply visible absolute top-1 left-1 tablet:top-3 tablet:left-3 z-10;
}
.alt-tags .item-tag{
    @apply bg-[--primary_color] text-white text-xs py-1 px-3 w-max text-nowrap mb-1;
}
.card-box-veiculo {
    @apply bg-white max-w-[23rem] tablet:max-w-[22rem] mx-2 mb-8 dark:bg-white rounded overflow-hidden shadow-lg border border-[#1E1B1D1A] hover:shadow-[0_0px_10px_5px_rgba(0,0,0,0.1)];
}
.card-box-veiculo .box-link-img {
    @apply aspect-[4/3] flex justify-center bg-gray-50;
}
.card-box-veiculo .box-link-title {
    @apply flex items-center gap-3;
}
.card-box-veiculo .box-link-subtitle {
    @apply w-full flex tablet:h-[1.5rem];
}
.card-box-veiculo .box-link-subtitle .card_subtitle {
    @apply text-lg tablet:text-base font-semibold tablet:font-normal px-4;
}
.card-box-veiculo .box-link-title .card_box_title {
    @apply flex flex-col;
}
.card-box-veiculo .box-link-title .card_title {
    @apply font-bold text-2xl text-[#1E1B1D];
}
.card-box-veiculo .box-link-title .card_thumb {
    @apply w-[50px] flex items-center justify-center h-full;
}
.card-box-veiculo .box-link-title .card_thumb img{
    @apply w-full;
}
/* .card-box-veiculo .img-no-destaque{
     @apply w-full flex flex-col justify-center items-center gap-4 bg-slate-50;*/ /*desktop:h-[342px] */
/* }  */
/* .card-box-veiculo .img-no-destaque img{
    @apply w-full;
} */
.card-box-veiculo .card-content-title,
.card-box-veiculo .card-content-info {
    @apply px-4;
}
.card-box-veiculo .card-content-info {
    @apply h-[17rem];
}
.box-similar-vehicles .card-box-veiculo .card-content-info.card-content-loja,
.card-box-veiculo .card-content-info.card-content-loja {
    @apply h-[21rem];
}
.card-box-veiculo .card-content-info .card-box-itens {
    @apply flex gap-3 tablet:gap-12 px-10 pt-8 pb-4 items-center justify-center;
}
.card-box-veiculo .card-box-itens .card-content-item {
    @apply flex flex-col items-center justify-center w-[170px] font-bold text-base text-[#1E1B1D];
}
.card-box-veiculo .card-box-itens .card-content-item svg {
    @apply fill-[--primary_color] dark:fill-black;
}
.card-box-veiculo .card-box-itens .card-content-item span {
    @apply text-sm font-semibold text-[#1E1B1D];
}
.card-box-veiculo .card-box-itens .card-content-item p {
    @apply whitespace-nowrap;
}
.card-box-veiculo .card-content-price {
    @apply flex flex-col items-center justify-center h-20 text-[--primary_color] dark:text-black font-bold;
}
.card-box-veiculo .card-content-price .card-price-promo {
    @apply w-full flex dark:text-black font-bold;
}
.card-box-veiculo .card-content-price .card-price-promo .card-price-de{
    @apply w-full flex flex-col justify-between text-black p-1;
}
.card-box-veiculo .card-content-price .card-price-promo .card-price-de h1 {
    @apply font-semibold text-xs tablet:text-lg text-nowrap line-through;
}
.card-box-veiculo .card-content-price .card-price-promo .card-price-por{
    @apply w-full flex flex-col text-black p-1;
}
.card-box-veiculo .card-content-price .card-price-promo .card-price-por h1 {
    @apply font-semibold text-2xl text-[--primary_color] text-nowrap dark:text-black whitespace-nowrap;
}
.card-box-veiculo .card-price span{
    @apply py-2 font-semibold text-3xl  text-[--primary_color] dark:text-black whitespace-nowrap;
}
.card-box-veiculo .card_content_buttons {
    @apply flex justify-center items-center gap-3 tablet:gap-1 desktop:gap-2 ultrawide:gap-3 py-4;
}
.card-box-veiculo .content-btn-more-details {
    @apply w-[100%] flex flex-col items-center justify-center;
}
.card-box-veiculo .content-btn-more-details.box-whatsapp a svg{
    @apply dark:fill-black;
}
.btn-more-details {
    @apply text-white bg-[--primary_color] whitespace-nowrap font-semibold border text-xl tablet:text-base ultrawide:text-xl border-[--secundary_color] hover:bg-white hover:text-[--primary_color] shadow-lg dark:hover:bg-black hover:border-[--primary_color] dark:hover:border-white duration-500;
}

.card-box-veiculo .box-slide {
    @apply w-full flex flex-row p-4;
} 
.card-box-veiculo .slide-prev {
    @apply w-1/12 cursor-pointer flex items-center;    
} 
.card-box-veiculo .slide-itens {
    @apply w-full flex flex-wrap items-center justify-center snap-x;
}
.card-box-veiculo .slide-itens .slide-item {
    @apply hidden p-2 cursor-pointer scroll-ml-6 snap-center;
}
.card-box-veiculo .slide-itens .slide-item svg line {
    @apply stroke-[#1E1B1D];
}
.card-box-veiculo .slide-itens .slide-item.active {
    @apply block rounded-lg px-[0.3em] py-[0.2em];
}
.card-box-veiculo .slide-itens .slide-item.active svg {
    @apply fill-[--primary_color] dark:fill-black text-[--primary_color] bg-[--primary_color] bg-dark rounded-md w-4;
}
.card-box-veiculo .slide-itens .slide-item.active svg line.active {
    @apply stroke-[--primary_color] dark:stroke-black;
}
.card-box-veiculo .slide-next {
    @apply w-1/12 flex justify-end cursor-pointer items-center;
}

.card-list-veiculo {
    @apply w-[98%] rounded overflow-hidden shadow-lg my-4 border border-[#1E1B1D1A] hover:shadow-[0_0px_10px_5px_rgba(0,0,0,0.1)] dark:bg-white bg-white;
}
.card-list-veiculo .box-link-img {
    @apply w-2/6 aspect-[4/3];
}
.card-list-veiculo .list-link-img {
    @apply aspect-[4/3] flex justify-center bg-gray-50;
}
.card-list-veiculo .list-link-img img{
    @apply aspect-[4/3] object-contain;
}
.card-list-veiculo .list-link-title {
    @apply w-full flex items-center gap-3;
}
.card-list-veiculo .list-link-title .card_list_title {
    @apply flex flex-col;
}
.card-list-veiculo .list-link-title .card_title {
    @apply font-bold text-4xl text-[#1E1B1D];
}
.card-list-veiculo .list-link-title .card_subtitle {
    @apply text-sm text-[#1E1B1D99];
}
.card-list-veiculo .list-link-title .card_thumb {
    @apply w-[50px] flex items-center justify-center h-full;
}
.card-list-veiculo .box-link-title .card_thumb img{
    @apply w-full;
}
.card-list-veiculo .card_title,
.card-list-veiculo .card_subtitle{
    /* @apply dark:text-white; */
}
.card-list-veiculo a svg {
    @apply dark:fill-black;
}
.card-list-veiculo a:hover svg {
    @apply dark:fill-black;
}

.card-list-veiculo .content-btn-more-details a {
    @apply dark:border-black;
}

.card-list-veiculo .card-content-title {
    @apply w-4/6 flex flex-col items-center px-3 tablet:px-6 py-4 pb-3;
}
.card-list-veiculo .box-link-title {
    @apply w-full flex items-center;
}
.card-list-veiculo .box-link-subtitle {
    @apply w-full flex;
}
.card-list-veiculo .box-link-subtitle .card_subtitle {
    @apply text-base tablet:text-xl font-bold;
}
.card-list-veiculo .card-content-info {
    @apply w-full h-full mt-4 flex flex-col justify-between items-center;
}
.card-list-veiculo .card-content-info .card-list-itens {
    @apply w-2/3 flex gap-1 tablet:gap-2 items-center justify-center py-2;
}
.card-list-veiculo .card-list-itens .card-content-item {
    @apply flex flex-col items-center justify-center w-full font-bold text-base tablet:text-lg desktop:text-xl text-[#1E1B1D] ;
}
.card-list-veiculo .card-list-itens .card-content-item svg {
    @apply w-5 tablet:w-6 desktop:w-8 h-5 tablet:h-6 desktop:h-8 fill-[--primary_color] dark:fill-black;
}
.card-list-veiculo .card-list-itens .card-content-item span {
    @apply text-sm tablet:text-base desktop:text-xl text-[#1E1B1D99]  font-normal;
}
.card-list-veiculo .card-content-price {
    @apply w-full flex flex-row items-center justify-center h-20 tablet:h-20 desktop:h-32 text-[--primary_color] dark:text-black font-bold;
}
.card-list-veiculo .card-content-price .card-price-promo {
    @apply w-full flex flex-row items-center justify-center;
}
.card-list-veiculo .card-price-promo .price-de {
    @apply w-1/2 tablet:w-auto text-gray-900  pl-8 font-normal flex flex-col;
}
.card-list-veiculo .card-price-promo .price-de .label{
    @apply text-sm tablet:text-xl desktop:text-2xl;
}
.card-list-veiculo .card-price-promo .price-de .price{
    @apply font-semibold px-4 text-base tablet:text-xl desktop:text-2xl line-through decoration-[--primary_color] dark:decoration-black;
}
.card-list-veiculo .card-price-promo .price-por {
    @apply w-1/2 tablet:w-auto flex flex-col;
}
.card-list-veiculo .card-price-promo .price-por .label{
    @apply text-sm tablet:text-xl desktop:text-2xl;
}
.card-list-veiculo .card-price-promo .price-por .price{
    @apply text-base tablet:text-2xl desktop:text-3xl font-bold px-4;
}
.card-list-veiculo .card_content_buttons {
    @apply w-full flex justify-center items-center gap-3;
}
.card-list-veiculo .content-btn-more-details {
    @apply w-full flex flex-col items-center justify-center dark:border-black;
}
.card-list-veiculo .box-slide {
    @apply w-full flex flex-row p-4;
} 
.card-list-veiculo .slide-prev {
    @apply w-1/5 cursor-pointer;
}
.card-list-veiculo .slide-itens {
    @apply w-3/5 flex justify-center items-end overflow-x-hidden;
}
.card-list-veiculo .slide-itens .slide-item {
    @apply hidden p-2 cursor-pointer scroll-ml-6 snap-center;
}
.card-list-veiculo .slide-itens .slide-item svg line{
    @apply stroke-[#1E1B1D];
}
.card-list-veiculo .slide-itens .slide-item svg line .active{
    @apply rounded-lg px-[0.3em] py-[0.2em];
}
.card-list-veiculo .slide-itens .slide-item.active {
    @apply block rounded-lg px-[0.3em] pt-[0.2em];
}
.card-list-veiculo .slide-itens .slide-item.active svg {
    @apply fill-[--primary_color] dark:fill-black text-[--primary_color] bg-[--primary_color] bg-dark rounded-md w-4;
}
.card-list-veiculo .slide-itens .slide-item.active svg line.active {
    @apply stroke-[--primary_color] dark:stroke-black;
}
.card-list-veiculo .slide-next {
    @apply w-1/5 flex justify-end cursor-pointer;
}

.card-detalhes-veiculo {
    @apply flex flex-col justify-between w-[90%] overflow-hidden my-4;
}
.card-detalhes-veiculo .box-link-img {
    @apply h-72 flex justify-center bg-gray-50;
}
.card-detalhes-veiculo .box-link-title {
    @apply flex items-center gap-3;
}
.card-detalhes-veiculo .box-link-title .card_box_title {
    @apply flex flex-col;
}
.card-detalhes-veiculo .box-link-title .card_title {
    @apply font-bold text-xl text-[#1E1B1D] dark:text-white;
}
.card-detalhes-veiculo .box-link-title .card_subtitle {
    @apply text-sm tablet:text-xl text-[#1E1B1D99] dark:text-white;
}
.card-detalhes-veiculo .box-link-title .card_thumb {
    @apply flex items-center;
}
.card-detalhes-veiculo .card-content-title{
    @apply p-4;
}
.card-detalhes-veiculo .card-content-title {
    @apply h-20 flex justify-between items-center;
}
.card-detalhes-veiculo .card-box-itens{
    @apply grid grid-cols-3 gap-3 items-center justify-center;
}
.card-detalhes-veiculo .card-box-itens .card-content-item {
    @apply flex flex-col items-center justify-center p-4 tablet:p-8 font-bold text-xs tablet:text-lg text-nowrap text-[--secundary_color] dark:text-white;
}
.card-detalhes-veiculo .card-box-itens .card-content-item svg {
    @apply fill-[--primary_color] dark:fill-white;
}
.card-detalhes-veiculo .card-box-itens .card-content-item span {
    @apply text-sm text-[--secundary_color] dark:text-white font-normal;
}
.card-detalhes-veiculo .card-box-itens .card-content-item p {
    @apply font-bold text-lg text-center text-[--secundary_color] dark:text-white;
}
.card-detalhes-veiculo .card-content-price {
    @apply flex flex-col desktop:hidden items-center justify-center h-20 text-[--primary_color] dark:text-white font-bold text-2xl tablet:text-[38px];
}
.card-detalhes-veiculo .card-content-price .card-price-promo {
    @apply text-[--secundary_color] w-full flex dark:text-black font-bold;
}
.card-detalhes-veiculo .card-content-price .card-price-promo .card-price-de {
    @apply w-full flex flex-col justify-between text-lg mobile:text-2xl text-[--secundary_color] dark:text-white p-1;
}
.card-detalhes-veiculo .card-content-price .card-price-promo .card-price-de h1{
    @apply font-semibold text-lg mobile:text-2xl text-nowrap line-through dark:text-white;
}
.card-detalhes-veiculo .card-content-price .card-price-promo .card-price-por {
    @apply w-full flex flex-col text-lg mobile:text-2xl text-[--secundary_color] dark:text-white p-1;
}
.card-detalhes-veiculo .card-content-price .card-price-promo .card-price-por h1{
    @apply font-semibold text-xl mobile:text-3xl tablet:text-4xl text-nowrap text-[--primary_color] dark:text-white;
}
.card-detalhes-veiculo .card-price span{
    @apply py-2 font-semibold text-4xl  text-[--primary_color] dark:text-white;
}
.card-detalhes-veiculo .card-content-price .card-price-promo span {
    @apply text-[#1E1B1D99] dark:text-white font-normal text-sm line-through;
}
.card-detalhes-veiculo .card_content_buttons {
    @apply flex justify-center items-center gap-3 px-8;
}
.card-detalhes-veiculo .content-btn-more-details {
    @apply w-[100%] flex flex-col items-center justify-center h-12;
}
.card-detalhes-veiculo .content-btn-more-details .btn-more-details {
    @apply whitespace-nowrap font-bold border border-[#1E1B1D] hover:bg-[--primary_color] hover:border-[--primary_color] hover:text-white duration-500;
}
.box-similar-vehicles {
    @apply container p-2 mt-4 tablet:mt-8 tablet:m-10;
}
.box-similar-vehicles .box-info{
    @apply w-full py-4 tablet:py-8 text-[--secundary_color] dark:text-white text-center text-xl tablet:text-3xl font-bold;
}
.box-similar-vehicles .items {
    @apply w-full flex flex-col desktop:flex-row justify-center gap-8 desktop:items-start desktop:overflow-hidden py-8;
}
.box-similar-vehicles .items .card-box-veiculo {
    @apply w-full hidden desktop:block desktop:w-96 m-0 desktop:mx-4 dark:bg-white rounded overflow-hidden shadow-lg border border-[#1E1B1D1A] hover:shadow-[0_0px_10px_5px_rgba(0,0,0,0.1)];
}
.box-similar-vehicles .box-similar-slide {
    @apply w-full flex flex-row desktop:hidden p-4;
} 
.box-similar-vehicles .box-similar-slide .similar-slide-prev {
    @apply w-1/12 cursor-pointer;
}
.box-similar-vehicles .box-similar-slide .similar-slide-prev svg{
    @apply dark:fill-white fill-[--secundary_color];
}
.box-similar-vehicles .box-similar-slide .similar-slide-next {
    @apply w-1/12 flex justify-end cursor-pointer;
}
.box-similar-vehicles .box-similar-slide .similar-slide-next svg{
    @apply dark:fill-white fill-[--secundary_color];
}
.box-similar-vehicles .box-similar-slide .similar-slide-itens {
    @apply w-full flex flex-wrap items-center justify-center snap-x;
}
.box-similar-vehicles .box-similar-slide .similar-slide-itens .card-slide-item {
    @apply hidden;
}
.box-similar-vehicles .box-similar-slide .similar-slide-itens .card-slide-item.active{
    @apply text-[--secundary_color];
}
.box-similar-vehicles .card-box-veiculo .card-content-info {
    @apply h-[16rem] tablet:h-[17rem];
}
.box-similar-vehicles .card-box-veiculo .card-content-info .card-box-itens {
    @apply columns-3 gap-3 p-4 tablet:px-10 tablet:pt-8 tablet:pb-4 items-center justify-center text-[--secundary_color];
}
.box-similar-vehicles .card-box-veiculo .card-box-itens .card-content-item {
    @apply flex flex-col items-center justify-center w-full font-bold text-base;
}
.box-similar-vehicles .card-box-veiculo .card-box-itens .card-content-item svg {
    @apply fill-[--primary_color] dark:fill-black;
}
.box-similar-vehicles .card-box-veiculo .card-box-itens .card-content-item span {
    @apply text-sm text-[--secundary_color] font-normal;
}
.box-similar-vehicles .card-box-veiculo .card-box-itens .card-content-item p {
    @apply whitespace-nowrap;
}
.box-similar-vehicles .box-similar-slide .similar-slide-itens .similar-slide-item svg line {
    @apply stroke-[--secundary_color] dark:stroke-white;
}
.box-similar-vehicles .box-similar-slide .similar-slide-itens .card-slide-item.active {
    @apply block;
}
.box-similar-vehicles .box-similar-slide .similar-slide-itens .similar-slide-item.active svg {
    @apply fill-[--primary_color] dark:fill-white text-[--primary_color] dark:text-white bg-[--primary_color] dark:bg-white rounded-md w-4;
}
.box-similar-vehicles .box-similar-slide .similar-slide-itens .similar-slide-item.active svg line.active {
    @apply stroke-[--primary_color] dark:stroke-white;
}

@media (min-width: 768px) {
    .zoom {
        overflow: hidden;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        transform: perspective(10px);
    }

    .zoom:hover  {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.05);
    }
}

.form-item-select {
    @apply border-[0.64px] border-[#1e1b1d] text-[#1e1b1d] text-lg rounded-md block w-full p-3 tablet:p-2.5 hover:cursor-pointer font-medium stroke-[20px];
}

.page-venda {
    @apply bg-dark;
}
.page-venda .title{
    @apply flex items-center justify-center bg-dark p-8 shadow-md;
}
.content-form{
    @apply p-8;
}
.page-venda .content-form{
    @apply w-full max-w-2xl mx-auto  py-8;
}
.page-venda .content-form .form-page p:has(#bt-submit){
    @apply w-full flex justify-center;
}
.page-venda .title span{
    @apply desktop:text-3xl font-semibold dark:text-white;
}
.page-venda .content-process{
    @apply bg-[#f8f8f8] relative h-[30vmax] h-[40vmax] desktop:h-[35vmax] my-2 mb-10 tablet:p-8 tablet:mb-0; 
}
.page-venda .content-process .box-process{
    @apply p-2 w-full relative h-4/5 tablet:h-4/5 my-10 tablet:my-4 mb-10 tablet:p-8;
}
.page-venda .content-process .box-process .process-text{
    @apply bg-[--primary_color] pt-0 w-1/2 h-40 tablet:h-36 desktop:h-48 shadow shadow-black;
}
.page-venda .content-process .box-process .process-image{
    @apply relative top-[-175px] tablet:top-[-170px] desktop:top-[-225px] left-0 w-full flex items-center justify-center tablet:ml-10 desktop:ml-16 pl-8 desktop:pl-2 ultrawide:pl-10;
}
.page-simulacao {
    @apply bg-dark;
}
.page-simulacao .title{
    @apply flex items-center justify-center bg-dark p-8 shadow-md;
}
.page-simulacao .title span{
    @apply desktop:text-3xl font-semibold dark:text-white;
}
.page-simulacao .content-form{
    @apply w-full max-w-2xl mx-auto py-8;
}
.page-simulacao .content-form .form-page p:has(#bt-submit){
    @apply w-full flex justify-center;
}
.page-simulacao .content-process{
    @apply p-2 w-full h-[42vmax] desktop:h-[35vmax] flex items-center justify-center bg-gray-50;
}
.page-simulacao .content-process .box-process{
    @apply w-full relative h-4/5 tablet:h-4/5 my-10 tablet:my-4 mb-10 tablet:p-8;
}
.page-simulacao .content-process .box-process .process-text{
    @apply bg-[--primary_color] pt-0 w-1/2  h-40 tablet:h-36 desktop:h-48  shadow shadow-black;
}
.page-simulacao .content-process .box-process .process-image{
    @apply relative top-[-175px] tablet:top-[-170px] desktop:top-[-225px] left-0 w-full flex items-center justify-center tablet:ml-8 desktop:ml-16 pl-8 desktop:pl-8 ultrawide:pl-20;
}
.content-empresa {
    @apply bg-gray-50 bg-dark overflow-hidden;
}
.content-empresa .box-empresa{
    @apply w-full text-[--secundary_color]  dark:text-white bg-dark py-14 tablet:p-14 border-b-2 shadow-md min-h-[28rem] desktop:min-h-[34rem] ultrawide:min-h-[45rem] bg-[--background_color];
}

.content-empresa span, .content-empresa .contact-single{
    @apply dark:text-white;
}
.content-empresa .box-content{
    @apply w-full bg-[--background_color] bg-dark pb-8 border-b-[1px] shadow-md;
}

.content-empresa .box-content .box-content-container{
    @apply flex flex-col tablet:flex-row text-[--secundary_color];
}
.box-content-container {
    @apply max-w-[1300px] m-auto px-5;
}
.box-content-container .container-cards{
    @apply w-full p-4 tablet:w-1/2 tablet:px-0;
}
.box-content-container .container-img-veiculo{
    @apply relative w-full tablet:w-1/2;
}
.content-empresa .box-content .box-content-container .img-carro-empresa{
    @apply w-[90%] max-w-[400px] absolute top-[3rem] tablet:top-[5.5rem] left-1/2 transform -translate-x-1/2;
}
.empresa-content-contacts{
    @apply mt-4;
}
.empresa-content-contacts.filial{
    @apply  w-full flex justify-center tablet:justify-start;
}
.empresa-content-contacts.filial .contact-single{
    @apply w-full desktop:w-2/3;
}
.empresa-content-contacts.filiais {
    @apply  flex flex-wrap items-center tablet:items-start gap-4 flex-col tablet:flex-row justify-center tablet:justify-start desktop:grid desktop:grid-cols-2 desktop:gap-4 tablet:pr-4;
}
.empresa-content-contacts .mt-6 {
    @apply flex;
}

.content-accessibility {
    @apply w-full flex flex-col gap-8 tablet:gap-0 justify-center bg-dark dark:text-white p-6 text-[--secundary_color];
}
.content-accessibility .accessibility-navigation{
    @apply w-full flex flex-col justify-center items-center p-0 tablet:p-8;
}
.content-accessibility .accessibility-navigation .navigation-content{
    @apply w-full flex justify-center;
}
.content-accessibility .accessibility-navigation h1{
    @apply flex justify-center font-semibold text-2xl tablet:text-3xl;
}
.content-accessibility .accessibility-navigation h2{
    @apply w-full desktop:w-2/3 flex tablet:justify-center tablet:text-center text-sm tablet:text-lg;
}
.content-accessibility .accessibility-tips{
    @apply grid grid-cols-1 desktop:grid-cols-2 gap-8;
}
.content-accessibility .accessibility-tips div{
    @apply p-0 tablet:p-12;
}
.content-accessibility .accessibility-tips h3{
    @apply flex justify-center font-semibold text-[20px];
}
.content-accessibility .accessibility-tips h2{
    @apply tablet:justify-center tablet:text-center text-sm tablet:text-lg;
}
.content-accessibility .accessibility-tips strong{
    @apply pr-2;
}
.venda_simulacao {
    @apply tablet:pt-12 tablet:pb-2 tablet:px-8;
}
.title-venda-simulacao {
    @apply w-[40%] tablet:w-full absolute tablet:relative mt-4 text-white tablet:text-black dark:text-white leading-none text-2xl font-bold;
}
.card-venda {
    @apply  w-full flex flex-row h-max py-2;
}
.card-venda .title,
.card-simulacao .title {
    @apply text-white tablet:text-[--secundary_color] dark:text-white text-[28px] tablet:text-3xl px-6 tablet:px-0 pt-4;
}
.card-venda .card-venda-color {
    @apply bg-[--primary_color] pt-0 w-[100%] tablet:w-[80%] h-[220px] shadow shadow-black rounded-sm;
}
.card-venda .card-venda-img {
    @apply w-[145%] tablet:w-[90%] flex justify-end absolute top-32 tablet:top-24 left-8 tablet:left-0;
}
.card-venda .card-venda-img img {
    @apply w-max max-h-52 tablet:max-h-64 desktop:max-h-80;
}
.card-venda .card-venda-text {
    @apply text-[--secundary_color] dark:text-white text-left pt-6 pb-10 tablet:py-8 text-base font-normal flex items-center justify-start;
}
.card-venda .card-venda-btn {
    @apply bg-[#ffffff] rounded-[5.08px] border-solid border-[#1e1b1d] dark:border-white hover:bg-[--primary_color] dark:hover:bg-black hover:text-white hover:border-[--primary_color] dark:hover:border-white cursor-pointer border w-4/5 h-[7vmin] flex items-center justify-center;
}
.card-venda .card-venda-btn a{
    @apply text-center text-[3vmin] font-bold flex items-center justify-center;
}
.btn-venda, .btn-simulacao{
    @apply w-[90%] mt-8 tablet:mt-24 mb-12 block tablet:hidden;
}
.btn-venda  .btn-more-details,
.btn-simulacao .btn-more-details {
    @apply whitespace-nowrap font-semibold border text-xl tablet:text-lg border-[--secundary_color] dark:border-white dark:bg-white hover:bg-[--primary_color] shadow-lg dark:hover:bg-white hover:border-[--primary_color] dark:hover:border-white hover:text-white duration-500;
}
.card-venda .btn-more-details, 
.card-simulacao .btn-more-details {
    @apply dark:border-white dark:text-black dark:bg-white dark:hover:bg-slate-100;
}

.card-simulacao {
    @apply w-full flex flex-row h-max py-2 tablet:py-12 desktop:py-28 min-h-56;
}
.card-simulacao .card-simulacao-color {
    @apply bg-[--primary_color] absolute pt-0 right-0 w-[100%] tablet:w-[80%] h-[220px] shadow shadow-black rounded-sm;
}
.card-simulacao .card-simulacao-img {
    @apply w-[145%] tablet:w-[90%] absolute top-24 tablet:top-32 right-8 tablet:right-0;
}
.card-simulacao .card-simulacao-img img{
    @apply w-max max-h-52 tablet:max-h-64 desktop:max-h-80;/*absolute top-0 right-0*/
}

.card-simulacao .card-simulacao-text {
    @apply text-[--secundary_color] dark:text-white text-left tablet:text-right  pt-3 pb-10 tablet:py-8 text-base font-normal relative w-full flex items-center justify-end;
}
.card-simulacao .card-simulacao-btn {
    @apply bg-[#ffffff] rounded-[5.08px] border-solid border-[#1e1b1d] dark:border-white hover:bg-[--primary_color] dark:hover:bg-black hover:text-white hover:border-[--primary_color] dark:hover:border-white border cursor-pointer w-4/5 h-[7vmin] flex items-center justify-center;
}
.card-simulacao .card-simulacao-btn a {
    @apply text-center font-['Lato-Bold',_sans-serif] text-[3vmin] font-bold hover:text-white relative flex items-center justify-center;
}

/* #filter_form select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../altimus5/assets/images/Vector.png') 95.5% 50% no-repeat;
    border: 1px solid #333;
    font-size: 15px;
    padding-right: 20px;
} */

/* .input-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="10" width="10" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#dedede" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
    background-repeat: no-repeat; */
    /*padding-left: 30px;  espaço para o ícone */
/* } */
.alt-shadow-border {
    @apply border-[1px] shadow-lg rounded-md;
}
.input-default{
    @apply alt-shadow-border border-black placeholder:text-[#1e1b1d6c];
}

#filter_form {
    @apply bg-dark dark:text-white;
}

#filter_form p{
    @apply text-[--secundary_color];
}

#filter_form input {
    @apply w-full font-medium text-lg input-default;
}

#filter_form .select {
    @apply relative w-[100%];
}

#filter_form .title {
    @apply text-[--secundary_color] dark:text-white;
}

#filter_form .select select {
    @apply appearance-none shadow-lg;
}

#filter_form .select {
    @apply after:content-[''] after:cursor-pointer after:w-[22px] after:py-4 after:pointer-events-none after:absolute after:right-8 after:top-[65%];
}

#filter_form .select::after {
    background: url('../images/Vector.png') no-repeat;
    transform: translateY(-50%);
}

.destaque_semana {
    @apply w-full bg-[--background_color] p-4;
}

.destaque_semana .title {
    @apply hidden tablet:block text-[--secundary_color] dark:text-white ;
}

.destaque_semana .title-mobile{
    @apply font-bold text-3xl text-[--secundary_color] dark:text-white tablet:hidden;
}

.destaque_semana .items {
    @apply w-full flex items-center tablet:flex-row justify-center flex-wrap gap-8 tablet:items-start tablet:overflow-hidden py-8;
}
.destaque_semana .items .card-box-veiculo {
    @apply w-full hidden tablet:block tablet:w-80 desktop:w-96 m-0 tablet:mx-4 dark:bg-white rounded overflow-hidden shadow-lg border border-[#1E1B1D1A] hover:shadow-[0_0px_10px_5px_rgba(0,0,0,0.1)] bg-white;
}

.destaque_semana .box-card-slide {
    @apply w-full flex flex-row tablet:hidden p-4;
} 
.destaque_semana .box-card-slide .card-slide-prev {
    @apply w-1/12 cursor-pointer;
}
.destaque_semana .box-card-slide .card-slide-prev svg{
    @apply dark:fill-white fill-[--secundary_color];
}
.destaque_semana .box-card-slide .card-slide-next {
    @apply w-1/12 flex justify-end cursor-pointer;
}
.destaque_semana .box-card-slide .card-slide-next svg{
    @apply dark:fill-white fill-[--secundary_color];
}
.destaque_semana .box-card-slide .card-slide-itens {
    @apply w-full flex flex-wrap items-center justify-center snap-x;
}
.destaque_semana .box-card-slide .card-slide-itens .card-slide-item {
    @apply hidden;
}
.destaque_semana .box-card-slide .card-slide-itens .card-slide-item svg line {
    @apply stroke-[--secundary_color] dark:stroke-white;
}
.destaque_semana .box-card-slide .card-slide-itens .card-slide-item.active {
    @apply block text-[--secundary_color];
}
.destaque_semana .box-card-slide .card-slide-itens .card-slide-item.active svg {
    @apply fill-[--primary_color] text-[--primary_color] bg-[--primary_color] dark:bg-white rounded-md w-4;
}
.destaque_semana .box-card-slide .card-slide-itens .card-slide-item.active svg line.active {
    @apply stroke-[--primary_color] dark:stroke-white;
}

.bt-form{
    @apply bg-[--primary_color] text-white font-medium py-2 px-4 tablet:w-60 desktop:w-80 rounded-md shadow-lg;
}

.input-form{
    @apply border border-gray-300 h-10 text-gray-900 text-sm rounded-lg w-full p-2 mb-4 shadow-lg;
}

/* Estilos adicionais para o carrossel */
.carousel {
    @apply overflow-hidden relative;
}

.carousel-inner {
    @apply flex;
    transition: transform 0.3s ease;
}
.carousel-inner .carousel-item .img-banner {
    @apply w-full flex justify-center items-center;
}
.carousel-inner .carousel-item .img-banner img {
    @apply w-full;
}
.carousel-item {
    @apply max-w-full;
    flex: 0 0 100%;
}

.carousel-prev,
.carousel-next {
    @apply absolute top-1/2 transform -translate-y-1/2 z-10 bg-black bg-opacity-50 text-white px-4 pt-2 pb-[0.7em] rounded-full hover:bg-opacity-75;
}

.carousel-prev {
    @apply left-4 tablet:left-8;
}
.carousel-next {
    @apply right-4 tablet:right-8;
}

.tab-infos {
    @apply flex flex-col w-full py-2 pb-3 dark:text-white;
}
.tab-infos .content-description {
    @apply desktop:block py-4 desktop:pb-0;
}
.tab-infos .infos-description {
    @apply flex flex-row tablet:flex-col items-center justify-center border-t-2 tablet:border-[--secundary_color] dark:border-white gap-4 py-4 tablet:py-2 cursor-pointer;
}
.tab-infos .infos-options {
    @apply flex flex-row tablet:flex-col items-center justify-center tablet:border-t-2 tablet:border-[--secundary_color] dark:border-white gap-4 py-2 cursor-pointer;
}
.tab-infos .infos-description h3,
.tab-infos .infos-options h3{
    @apply w-full tablet:text-center text-xl font-medium mobile:text-lg tablet:text-xl desktop:pt-4;
}
.tab-infos .infos-description svg,
.tab-infos .infos-options svg {
    @apply fill-[--secundary_color] desktop:hidden dark:fill-white mx-4 tablet:mx-0;
}
.tab-infos .list-disc{
    @apply tablet:columns-2;
}
.tab-infos .list-disc .item{
    @apply desktop:block desktop:before:content-['>'] before:mr-2 before:text-xl before:font-bold before:text-[--secundary_color] dark:before:text-white;
}
.tab-infos .list-disc .extra{
    @apply desktop:hidden;
}
.descricao-menor{
    @apply h-[305px] overflow-hidden;
}
.content-options {
    @apply w-full py-4 tablet:py-4 tablet:pl-4 desktop:block;
}
.content-options :has(.content-options ul li:nth-child(1)) {
    @apply desktop:min-h-48;
}
.show-options {
    @apply w-full hidden desktop:flex-col justify-center items-center;
}
.show-options .group-title {
    @apply w-full flex flex-row justify-center items-center gap-4 pb-4 cursor-pointer;
}
.show-options h1,
.show-options svg {
    @apply flex flex-row justify-center items-center text-base font-semibold;
}
.show-options svg path{
    @apply fill-[--secundary_color];
}
.info-content .line-internal {
    @apply hidden tablet:block desktop:hidden w-full border-b-[1px] border-gray-700 dark:border-white;
}
.info-content .line-external {
    @apply w-full tablet:hidden dark:border-[1px] dark:border-white;
}
.show-options .group-line {
    @apply w-full columns-2 gap-8 p-8;
}
.show-options .group-line .line-internal-bottom {
    @apply w-full border-b-[1px] border-[--secundary_color] dark:border-white;
}
.group-separator {
    @apply w-full hidden desktop:flex  columns-2 gap-8 px-8 pb-8;
}
.group-separator .line-internal-bottom {
    @apply w-full border-b-[1px] dark:border-white;
}
.transform-rotate-180 {
    transform: rotate(180deg);
}
.not-exist {
    background: linear-gradient(rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97)), url('../../assets/images/bg_img_404.png');
}

.container-pagination {
    @apply w-full p-1;
}

.config-filter {
    @apply w-full flex flex-row justify-center items-center pt-8 pb-8;
}

.config-filter .order-by {
    @apply w-3/5 tablet:w-full flex justify-center;
}

.config-filter .order-by span{
    @apply px-4 text-sm hidden tablet:block text-[--secundary_color];
}

.config-filter .order-by select{
    @apply pr-4 text-sm text-gray-500 border-b-2 border-[--primary_color] dark:border-black focus:ring-red-500 focus:border-red-500 block;
}

.config-filter .order-by select option{
    @apply text-center text-sm;
}

.config-filter .group-itens {
    @apply w-auto hidden tablet:flex flex-grow justify-center tablet:justify-end;
}

.config-filter .group-itens .icon-list {
    @apply flex justify-center p-2 mx-1 border-[1px] border-[--secundary_color] rounded-md cursor-pointer;
}
.config-filter .group-itens .icon-list svg path{
    @apply fill-[--secundary_color];
}
.config-filter .group-itens .icon-block {
    @apply flex justify-center p-2 mx-1 border-[1px] border-[--secundary_color] rounded-md cursor-pointer;
}
.config-filter .group-itens .icon-block svg path{
    @apply fill-[--secundary_color];
}
.config-filter .group-itens .icon-list.active,
.config-filter .group-itens .icon-block.active {
    @apply border-black border-[--secundary_color];
}

.pagination {
    @apply flex justify-center items-center pt-8;
}

.pagination .pagination-items {
    @apply flex justify-center items-center gap-1 mb-4;
}

.pagination .page a {
    @apply font-semibold text-xs text-[--secundary_color];
}

.pagination .page.active span {
    @apply text-white text-xs;
}

.pagination .page,
.arrow-pagination {
    @apply flex justify-center items-center w-8 h-8 rounded;
}

.pagination .page.active {
    @apply bg-[--primary_color] bg-dark;
}
.arrow-pagination {
    @apply border-[0.1px] border-[--secundary_color] border-opacity-30 cursor-pointer;
}
.arrow-pagination svg path{
    @apply fill-[--secundary_color];
}
.content-carousel {
    @apply flex ;
}

.content-carousel .box-carousel-1 {
    @apply w-[85%] h-[100%];
}

.content-carousel .box-carousel-1 .carousel-inner {
    @apply h-[100%];
}

.content-carousel .box-carousel-1 .img-banner {
    @apply w-[100%] object-cover object-center aspect-[4/3];
}

.content-carousel .box-carousel-1 img {
    @apply w-[100%] object-center;
}

.content-carousel .box-carousel-2 {
    @apply w-[15%];
}

.content-carousel .box-carousel-2 .carousel-inner {
    @apply flex-col gap-1;
}

.carousel-next.carousel-2 {
    @apply absolute top-auto right-auto transform -translate-y-1/2 z-10 text-white bottom-0 px-4 pt-2 pb-[0.7em] rounded-full;
}

.img-destaque iframe{
    @apply h-full;
}

.vehicle-details {
    @apply w-full bg-dark border-2 rounded-lg border-gray-200 dark:border-none tablet:rounded-2xl overflow-hidden;
}
.vehicle-details #filter_form{
    @apply bg-[--background_color];
}
/* .vehicle-details .vehicle-content {
    @apply w-full tablet:max-w-4xl desktop:max-w-7xl ultrawide:max-w-[1600px];
} */
.vehicle-details .group-img{
    @apply flex flex-col gap-1 tablet:flex-row  w-full tablet:h-[30rem] desktop:h-[48rem] ultrawide:h-[50rem] dark:bg-white;
}
.vehicle-details .group-img .content-img{
    @apply relative;
}
.vehicle-details .group-img .img-destaque{
    @apply  flex items-center h-full cursor-pointer;
}
.vehicle-details .group-img .img-destaque.aspect-container {
    @apply aspect-[4/3];
}
@media (min-width: 768px) {
    .vehicle-details .group-img .img-loop.content-miniaturas {
        width: 20% !important;
    }
}
.vehicle-details .group-img .content-destaque {
    @apply tablet:w-[80%];
}
.vehicle-details .group-img .img-destaque img{
    @apply h-full w-full object-contain object-center aspect-[4/3] target:rounded-l-lg;
}
.vehicle-details .group-img .img-no-destaque{
    @apply w-full min-h-56 flex flex-col justify-center items-center gap-4 bg-slate-50;
}
.vehicle-details .group-img .img-no-destaque img{
    @apply w-full tablet:w-3/4;
}
.vehicle-details .group-img .img-loop {
    @apply desktop:flex desktop:w-full desktop:h-full desktop:gap-1 desktop:flex-col overflow-x-scroll desktop:overflow-y-scroll desktop:overflow-x-hidden;
}
@media (max-width: 767px) {
    .vehicle-details .group-img .img-loop {
        display: -webkit-box;
        display: -moz-box;
        display: -o-box;
        display: -ms-box;
    }

    .form-portal{
        padding: 2rem 0 !important;
    }
}

.vehicle-details .group-img .img-loop::-webkit-scrollbar {
    @apply w-1 h-1 desktop:w-2;
}

.vehicle-details .group-img .img-loop::-webkit-scrollbar-track {
    @apply rounded-md bg-slate-100;
}

.vehicle-details .group-img .img-loop::-webkit-scrollbar-thumb {
    @apply rounded-xl bg-[--primary_color] bg-dark cursor-ns-resize;
}

.vehicle-details .group-img .img-loop .box-item .loop-item{
    @apply w-full flex flex-row desktop:flex-col desktop:w-1/5 desktop:overflow-x-hidden desktop:overflow-y-scroll;
}
.vehicle-details .group-img .img-loop .box-item {
    @apply max-w-44 relative mr-1 desktop:mr-0 tablet:max-w-none;
}
.vehicle-details .group-img .img-loop .box-item .loop-item{
    @apply cursor-pointer w-full max-h-32 desktop:max-h-60 object-cover object-center;
}
.vehicle-details .group-img .img-loop .box-item.color{
    @apply bg-black;
}
.vehicle-details .group-img .img-loop .box-item.color .loop-item {
    @apply opacity-20 hover:opacity-50 transition-all;
}
.vehicle-details .group-content{
    @apply w-full relative flex flex-col tablet:flex-row justify-center tablet:p-8 dark:text-white;
}
.vehicle-details .info-content{
    @apply flex flex-col tablet:flex-row items-start tablet:gap-8 mb-8 desktop:mb-0 py-3 px-8 text-[--secundary_color];
}
.single-vehicle {
    @apply bg-[--background_color] bg-dark px-4 py-4 tablet:pt-12;
}
.single-vehicle .group-content .form-filter{
    @apply hidden tablet:pt-9 desktop:pt-16;
}
.single-vehicle .group-content .form-filter #filter_form{
    @apply w-full p-0 tablet:relative top-0 left-0 bg-dark dark:text-white rounded-none shadow-none;
}
.single-vehicle .group-content .form-filter #filter_form .group-filter-max .box-btn {
    @apply flex justify-center tablet:px-4 tablet:ml-0;
}
.single-vehicle .group-content .form-filter #filter_form .group-filter-max .box-btn button{
    @apply btn btn-color-filter w-full ml-0 tablet:ml-0;
}
.single-vehicle .group-content .form-simulacao .form-page{
    @apply w-full p-4;
}
.single-vehicle .group-content .form-simulacao .form-page h1,
.single-vehicle .group-content .form-simulacao .form-page p{
    @apply text-[--secundary_color] dark:text-black;
}
.single-vehicle .group-content .dynamic-content .form-simulacao-icons{
    @apply grid grid-cols-3 h-24 gap-4 border-t-2 border-gray-200 p-4 z-[1];
}
.single-vehicle .group-content .dynamic-content .form-simulacao-icons .options{
    @apply grid justify-items-center cursor-pointer;
}
.single-vehicle .group-content .dynamic-content .form-simulacao-icons .options.active{
    @apply border-b-4 border-[--primary_color];
}
.single-vehicle .group-content .dynamic-content .form-simulacao-icons .options svg{
    @apply fill-gray-500 dark:fill-gray-500;
}

.single-vehicle .group-content .dynamic-content .form-simulacao-icons .options a img{
    @apply dark:contrast-0;
}
.single-vehicle .group-content .dynamic-content .form-simulacao-icons .active svg{
    @apply fill-[--primary_color] dark:fill-black;
}
.single-vehicle .group-content .dynamic-content .form-simulacao-icons .active p{
    @apply font-semibold;
}
.single-vehicle .group-content .dynamic-content .form-simulacao-icons p{
    @apply  text-[--secundary_color];
}
/*
.single-vehicle .group-content .dynamic-content .dynamic-content-all {
    @apply ;
}
*/
.single-vehicle .group-content .dynamic-content .dynamic-content-all .dynamic-content-box {
    @apply font-semibold;
}
.single-vehicle .group-content .dynamic-content .close-box {
    @apply hidden;
}
.single-vehicle .group-content .dynamic-content .close-box.active {
    @apply w-full flex justify-end px-4 text-2xl text-gray-500 cursor-pointer;
}

@media (min-width: 768px) {
    .single-vehicle .group-content .dynamic-content .close-box {
        display: none !important;
    }
}
.single-vehicle .group-content .form-simulacao .form-page p:has(#bt-submit){
    @apply w-full;
}
.single-vehicle .group-content .form-simulacao .form-page #bt-submit {
    @apply w-full text-lg font-semibold h-10 bg-[--primary_color] bg-dark border border-[--primary_color] dark:border-none rounded-md text-white dark:text-white drop-shadow-lg shadow-black cursor-pointer px-6;
}
.single-vehicle .group-content .vehicle-content{
    @apply w-full tablet:w-3/5 flex justify-center tablet:justify-start;
}
.single-vehicle .group-content .dynamic-content {
    @apply w-[95%] fixed tablet:static tablet:flex tablet:flex-col tablet:justify-between bottom-2 left-2 right-2 tablet:w-2/5 bg-[--background_color] border-2 border-gray-200 rounded-lg z-[100] tablet:z-[1];
}

.single-vehicle .group-content .dynamic-content .form-simulacao{
    @apply hidden tablet:block;
}
/*
start - barra de titulo do veiculo
*/
.single-vehicle .card-content-bar {
    @apply w-full top-32 left-0 dark:bg-white z-[2] px-6  tablet:pt-[1.3rem]  py-2 border-none bg-[--background_color] dark:tablet:border-2 dark:tablet:rounded-lg dark:tablet:border-white;
    transform: translateY(0rem);
    @media (prefers-reduced-motion: no-preference) {
        transition-property: transform;
        transition-duration: 0.1s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}

.single-vehicle .card-content-bar .cad-content-bar-container{
    @apply flex flex-row justify-between items-center;
}
.single-vehicle .card-content-bar .card-content-price{
    @apply hidden desktop:flex desktop:flex-row justify-evenly items-center  text-[--secundary_color];
}
.single-vehicle .card-content-bar .card-content-price .card-price-promo{
    @apply flex flex-row items-center gap-6  text-[--secundary_color];
}
.single-vehicle .card-content-bar .card-content-price .card-price-promo .card-price-de {
    @apply text-2xl font-bold;
}
.single-vehicle .card-content-bar .card-content-price .card-price-promo .card-price-de h1 {
    @apply line-through text-nowrap;
    text-decoration-color: var(--primary_color);
}
.single-vehicle .card-content-bar .card-content-price .card-price-por h1{
    @apply text-4xl font-bold text-[--primary_color] dark:text-black text-nowrap;
}
.single-vehicle .card-content-bar .card-content-price .card-price-por h2{
    @apply text-2xl font-bold;
}
.single-vehicle .card-content-bar .card-content-price .card-price span {
    @apply w-full font-semibold text-4xl text-[--primary_color] text-nowrap dark:text-black p-1;
}
.single-vehicle .card-content-bar .card-content-price {
    @apply w-2/6;
}
.single-vehicle .card-content-bar .card-title {
    @apply w-full desktop:w-3/6 flex flex-col gap-2 text-[--secundary_color];
}
.single-vehicle .card-content-whatsapp {
    @apply w-1/6 flex justify-end;
}
.single-vehicle .card-content-whatsapp svg{
    @apply fill-[--secundary_color];
}
.single-vehicle .card-content-bar .card-title .top-title {
    @apply w-full flex flex-row items-center gap-3  text-[--secundary_color] ;
}
.single-vehicle .card-content-bar .card-title .top-title .card_title{
    @apply text-2xl tablet:text-4xl font-bold dark:text-black;
}
.single-vehicle .card-content-bar .card-title .bottom-title .card_subtitle .titulo_veiculo {
    @apply text-xl desktop:text-2xl font-bold desktop:text-nowrap text-[#1E1B1D];
}
.single-vehicle .card-content-bar .card-title .bottom-title .card_subtitle .titulo_veiculo span{
    @apply  text-[--secundary_color];
}
.single-vehicle .card-content-bar .card-title .card_thumb {
    @apply w-[50px] tablet:w-[65px] flex items-center justify-center h-full;
}
.single-vehicle .card-content-bar .card-title .card_thumb img{
    @apply w-full;
}
.single-vehicle .card-content-bar .card-title .card_box_title {
    @apply flex flex-col px-4 tablet:px-0;
}
.single-vehicle .card-content-bar .card-title .card_title {
    @apply font-bold text-xl tablet:text-3xl text-[--secundary_color] dark:text-black dark:tablet:text-white;
}
/*
end - barra de titulo do veiculo
*/
.medias_header{
    @apply hidden desktop:flex tablet:flex-row;
}
.medias_header .social_medias_header{
    @apply w-full flex desktop:gap-2 justify-end;
}

.medias-horizontal{
    @apply w-full flex desktop:hidden py-10 px-6;
}
.medias-horizontal .social_medias_header{
    @apply w-full flex gap-1;
}
.medias-horizontal .social_medias_header a{
    @apply w-full;
}
.medias-horizontal .social_medias_header .dropdown{
    @apply w-full tablet:relative tablet:inline-block;;
}
.medias-horizontal .social_medias_header .dropdown .dropbtn {
    @apply w-full desktop:w-auto;
}
.midias-footer {
    @apply w-full;
}
.footer.no-marcas .footer-principais-links {
    @apply desktop:pl-60 ultrawide:pl-80;
}
.midias-footer .midias-title {
    @apply text-[--secundary_color] mb-2 text-lg font-semibold;
}
.midias-footer .midias-items {
    @apply text-[--secundary_color] flex items-start gap-5;
}
.midias-footer .midias-items .midias-item {
    @apply tablet:hover:border-b-2 tablet:hover:border-[--secundary_color];
}
.midias-footer .midias-items .midias-item a svg path{
    @apply fill-[--secundary_color];
}
.page-contact .single.abs {
    @apply bg-[--background_color] mt-0 ml-0 shadow-none relative p-0 ;
}
.page-contact .title{
    @apply text-[--secundary_color];
}
.page-contact .single.abs section {
    @apply top-16 left-8;
}
/* .page-contact .social_medias {
    @apply px-0;
} */
.page-contact .content-map-contact {
    @apply pt-8;
}
.page-contact .content-map-contact .single {
    @apply flex flex-col tablet:flex-row px-0;
}
.page-contact .content-map-contact .multiple {
    @apply px-6;
}
.page-contact .content-map-contact .multiple h6{
    @apply bg-white;
}
.page-contact .content-map-contact .single section,
.page-contact .content-map-contact .single section h2 {
    @apply bg-[--background_color] px-6 dark:text-black;
}
.page-contact .content-map-contact .single section svg {
    @apply dark:fill-black;
}
.popup_div{
    @apply bg-black-opaque;
}

.popup_div_content{
    @apply rounded-[10px] p-10 text-center max-w-2xl w-11/12 animate-popup-slide-in relative shadow-popup max-[600px]:!w-11/12;
}

.popup_div_body{
    @apply flex flex-col items-center gap-4 text-2xl;
}
.popup_div_close{
    @apply text-white w-[30px] h-[30px] rounded-full !right-[5px] top-[5px] cursor-pointer absolute bg-[#00000070] before:block before:absolute before:content-[''] before:w-[2px] before:h-[21px] before:bg-white before:top-[5px] before:right-[14px] before:rotate-[-45deg] 
    after:block after:absolute after:content-[''] after:w-[2px] after:h-[21px] after:bg-white after:top-[5px] after:right-[14px] after:rotate-[45deg];
}

  #shadow-host-companion{
    opacity: 0;
    position: absolute;
    left: -9999px;
}
.footer .footer-content{
    @apply w-full p-4 flex flex-col gap-8 
    tablet:px-12 
    tablet:py-4 
    tablet:mt-8
    tablet:gap-4
    desktop:p-12    
    desktop:flex-row 
    desktop:justify-between  
    desktop:mt-12
    desktop:gap-2 
    ;
}
.referencia-altimus {
    @apply w-full flex flex-row bg-[--primary_color] dark:bg-black items-center justify-center py-6;
}
.referencia-altimus .copy-right a {
    @apply w-full flex flex-row items-center justify-center text-white;
}
.referencia-altimus .copy-right a {
    @apply w-full flex flex-row items-center justify-center;
}
.referencia-altimus .copy-right a span{
    @apply text-white;
}
.referencia-altimus .copy-right img {
    @apply w-36 desktop:w-44 p-2;
}
.view-desktop{
    @apply hidden tablet:block !important ;
} 
.view-mobile{
    @apply block tablet:hidden !important ;
}
.container{
    @apply max-w-[1300px] mx-auto;
}
.iframe-360 {
    @apply w-full pb-8 tablet:pb-10 desktop:pb-14;
}
.iframe-360 .title{
    @apply w-full text-xl font-medium mobile:text-lg tablet:text-xl pl-8;
}
#form_busca{
    max-width: 1300px;
    margin: 0 auto;  
}
#credere-pnp {
    @apply p-4 max-h-[calc(94vh-120px)] overflow-y-auto;
}
.rodape-claro{
    @apply bg-custom-gradient shadow-[0_0px_10px_rgba(0,0,0,0.1)];
}
.menu-dark{
    @apply shadow-sombra-header;
}

.titulo-personalizado-empresa{
    @apply text-[1.2rem] tablet:text-[2rem] text-center text-white;
}
.titulo-imagem{
    @apply  mt-4;
}
.titulo-video{
    @apply mb-[-20px] tablet:mb-[-70px];
}

.imagem-404{
    @apply w-full max-w-[320px] tablet:w-1/3 tablet:max-w-full ;
}

#bt-submit{
    @apply hover:opacity-80;
}
#logo-pagina-empresa{
   @apply w-full max-w-[250px] tablet:max-w-[300px] m-auto;
}
.box-empresa-hero{
    @apply shadow-[0px_0px_9px_rgb(0_0_0_/_51%)] w-full  bg-[--logo_empresa_color] p-4 tablet:p-16;
}
.content-privacidade{
    @apply text-[--secundary_color];
}
.social_media_titulo{
    @apply title text-center pb-8 hidden;
}
.contato-filial{
    @apply block text-center font-bold text-[1.3rem] text-[--secundary_color];
}
.categoria_veiculos {
    @apply p-4 pt-8 tablet:pt-16;
}
.categoria_veiculos .categoria_titulo{
    @apply text-2xl pl-2 tablet:pl-10 text-[--secundary_color];
}
.car-slider {
    @apply  w-full py-[1rem] px-0 tablet:px-[2rem] tablet:py-[1rem] !important;
}
.car-slider .swiper-slide {
     @apply w-[75%]   tablet:w-[250px]; /* Largura dos cards no desktop */
}
.car-slider .swiper-button-next, .car-slider .swiper-button-prev{
    @apply hidden tablet:flex !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
  @apply hidden !important;
} 
.car-slider-slide{
    @apply p-[0.5rem] shrink-0;
}
.card-categoria-item {
    @apply relative rounded-[0.5rem] overflow-hidden ;
}
.card-categoria-item:hover{
    @apply duration-300 scale-[1.05] shadow-[0_0_10px_rgba(0,0,0,0.1)];
}
.card-categoria-item img {
    @apply w-full h-auto rounded-[0.5rem] object-cover;
}
.car-slider .swiper-button-next,.car-slider .swiper-button-prev {
    @apply absolute flex items-center justify-center top-[50%] translate-y-[-50%] z-10 m-0 ;
}
.car-slider .swiper-button-prev {
    @apply left-0;
}
.car-slider .swiper-button-next {
    @apply right-0;
}
.car-slider .swiper-button-next svg,.car-slider .swiper-button-prev svg{
    @apply w-[25px] h-[25px] fill-[--secundary_color] bg-[#FFFFFF87] rounded-2xl p-[5px];
}  
.bg-personalizado{
    @apply bg-[--cor_personalizada] !important;
}
.text-color, .text-color .midias-title, .text-color .midias-footer .midias-items .midias-item a svg path, .text-color svg{
    @apply text-[--text_color] fill-[--text_color];
}
.text-color #menu-principal li{
    @apply text-[--text_color];
}
.text-color #menu-principal li:hover a, .text-color #menu-principal .current_page_item{
    @apply text-[--primary_color];
}
.topbar-color{
    @apply bg-[--topbar_color];
}
.topbar-color .content_horario_atendimento p{
    @apply text-[--text_color]; 
}
.topbar-color .box-pin-map svg, .topbar-color .content_acessibilidade #dropdownToggle svg{
    @apply fill-[--text_color];
}
.whatsapp-loja-oculto{
    @apply opacity-0 absolute left-[-9999px];
}