/* Importa�«®�«ªo do custom_customer.css */
@import url('custom_customer.css?v1001');

:root {
    --bs-light-green: #21cb37;
    --bs-light-green-2: #3bb54a;
    --bs-light-gray: #ececec;
    --bs-light-danger: #f44336;
    --bs-light-red: #ff3741;
    --bs-full-dark: #000000;
}


@font-face {
     font-family: dejavusans;
     src: url('../fonts/DejaVuSans.ttf');
     font-display: swap; /* Garante que o texto seja exibido imediatamente usando outra fonte */
}

@font-face {
     font-family: dejavusans-bold;
     src: url('../fonts/DejaVuSans-Bold.ttf');
     font-display: swap; /* Garante que o texto seja exibido imediatamente usando outra fonte */
}



a {
    text-decoration: none;
}






/* New Colors */

.bg-light-gray {
    background-color: #ececec;
}
.bg-light-green {
    background-color: #21cb37;
}
.bg-light-green-2 {
    background-color: #3bb54a;
}
.bg-light-danger {
    background-color: #f44336;
}
.bg-light-red {
    background-color: #ff3741;
}

/* original cor verde antiga dos cardapios
.btn-light-green {
    color: #fff;
    background-color: #21cb37;
  --bs-btn-color: #fff;
  --bs-btn-bg: #21cb37;
  --bs-btn-border-color: #21cb37;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1fbc34;
  --bs-btn-hover-border-color: #1fbc34;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1fbc34;
  --bs-btn-active-border-color: #1fbc34;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #21cb37;
  --bs-btn-disabled-border-color: #21cb37;
}

*/
.btn-light-green {
    color: #fff;
    background-color: #212529;
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2f3133;
    --bs-btn-hover-border-color: #2f3133;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2f3133;
    --bs-btn-active-border-color: #2f3133;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}
.btn-light-green:hover {
    color: #fff;
    background-color: #1fbc34;
}

.btn-light-green-2 {
    color: #fff;
    background-color: #3bb54a;
    
  --bs-btn-color: #fff;
  --bs-btn-bg: #3bb54a;
  --bs-btn-border-color: #3bb54a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #34a142;
  --bs-btn-hover-border-color: #34a142;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #34a142;
  --bs-btn-active-border-color: #34a142;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3bb54a;
  --bs-btn-disabled-border-color: #3bb54a;
}
/*.btn-light-green-2:hover {
    color: #fff;
    background-color: #34a142;
}*/

.btn-light-danger {
    color: #fff;
    background-color: #f44336;
    
  --bs-btn-color: #fff;
  --bs-btn-bg: #f44336;
  --bs-btn-border-color: #f44336;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #db3c30;
  --bs-btn-hover-border-color: #db3c30;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #db3c30;
  --bs-btn-active-border-color: #db3c30;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f44336;
  --bs-btn-disabled-border-color: #f44336;
}
.btn-light-danger:hover {
    color: #fff;
    background-color: #db3c30;
}

.btn-light-red {
    color: #fff;
    background-color: #ff3741;
    
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff3741;
  --bs-btn-border-color: #ff3741;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #DE3137;
  --bs-btn-hover-border-color: #DE3137;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #DE3137;
  --bs-btn-active-border-color: #DE3137;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff3741;
  --bs-btn-disabled-border-color: #ff3741;
}
.btn-light-red:hover {
    color: #fff;
    background-color: #DE3137;
}

.btn-full-dark {
    color: #fff;
    background-color: #000000;
    
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1a1a1a;
  --bs-btn-hover-border-color: #1a1a1a;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1a1a1a;
  --bs-btn-active-border-color: #1a1a1a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #000000;
  --bs-btn-disabled-border-color: #000000;
}
.btn-full-dark:hover {
    color: #fff;
    background-color: #1a1a1a;
}

.btn-outline-full-dark {
    color: #000;
    border-color: #000000;
}
.btn-outline-full-dark:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn-check:focus + .btn-outline-full-dark {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-full-dark {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

/* original
.btn-outline-light-green {
    color: #21cb37;
    border-color: #21cb37;
} */
.btn-outline-light-green {
    color: #212529;
    border-color: #212529;
    margin-left: -16px; 

}
.btn-outline-light-green:hover {
    color: #fff;
    border-color: #21cb37;
    background-color: #21cb37;
}
.btn-check:focus + .btn-outline-light-green, .btn-outline-light-green:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 203, 55, 0.5);
}
.btn-check:checked + .btn-outline-light-green, .btn-check:active + .btn-outline-light-green, .btn-outline-light-green:active, .btn-outline-light-green.active, .btn-outline-light-green.dropdown-toggle.show {
  color: #fff;
  background-color: #21cb37;
  border-color: #21cb37;
}
.btn-check:checked + .btn-outline-light-green:focus, .btn-check:active + .btn-outline-light-green:focus, .btn-outline-light-green:active:focus, .btn-outline-light-green.active:focus, .btn-outline-light-green.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 203, 55, 0.5);
}
.btn-outline-light-green:disabled, .btn-outline-light-green.disabled {
  color: #21cb37;
  background-color: transparent;
}

.btn-outline-light-red {
    color: #ff3741;
    border-color: #ff3741;
}
.btn-outline-light-red:hover {
    color: #fff;
    border-color: #ff3741;
    background-color: #ff3741;
}
.btn-check:focus + .btn-outline-light-red, .btn-outline-light-red:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 203, 55, 0.5);
}
.btn-check:checked + .btn-outline-light-red, .btn-check:active + .btn-outline-light-red, .btn-outline-light-red:active, .btn-outline-light-red.active, .btn-outline-light-red.dropdown-toggle.show {
  color: #fff;
  background-color: #ff3741;
  border-color: #ff3741;
}
.btn-check:checked + .btn-outline-light-red:focus, .btn-check:active + .btn-outline-light-red:focus, .btn-outline-light-red:active:focus, .btn-outline-light-red.active:focus, .btn-outline-light-red.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 203, 55, 0.5);
}
.btn-outline-light-red:disabled, .btn-outline-light-red.disabled {
  color: #ff3741;
  background-color: transparent;
}

.text-light-green {
    color: #21cb37;
}
.text-light-green-2 {
    color: #3bb54a;
}
.text-light-danger {
    color: #f44336;
}
.text-light-red {
    color: #ff3741;
}




/* Password Show (Eye) */
.password-eye {
    cursor: pointer;
}

.password-eye:hover {
    color: var(--bs-primary);
}






/* Addons */
.divCircle {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Input Search */
.divSearch input {
    border: none;
    border-radius: 12px 0px 0px 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.divSearch span {
    border: none;
    border-radius: 0px 12px 12px 0px;
    background-color: var(--bs-gray);
    color: #fff;
    cursor: pointer;
    transition-duration: 0.3s;
}

.divSearch span:hover {
    background-color: var(--bs-dark);
}

/* Amount Input */
.divAmountInput input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.divAmountInput input:focus {
    border-color: #ced4da; 
}
.divAmountInput .spanAmountLess {
    background-color: #ee1c25;
    color: #fff;
    cursor: pointer;
}
.divAmountInput .spanAmountPlus {
    background-color: #21cb37;
    color: #fff;
    cursor: pointer;
}
.divAmountInput .spanAmountLess:hover {
    background-color: #D71B22;
}
.divAmountInput .spanAmountPlus:hover {
    background-color: #1CB530;
}

/* Infinite Line */
.infinite-line > .row {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
}
.infinite-line > .row > .il-square {
    display: inline-block;
    width: 115px;
    height: 115px;
    border-radius: 10px;
    background-color: var(--bs-white);
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    /*color: #000;*/
    color: var(--bs-body-color);
    background-color: #fff;
    cursor: pointer;
    margin-right: 5px;
}
.infinite-line > .row > .il-square.active {
    background-color: #000;
    color: #fff;
    
}
.infinite-line > .row > .il-square span {
    /*font-size: 70px !important;*/
    font:0.8em sans-serif !important;
}

.infinite-line > .row > .il-circle {
    display: inline-block;
    width: 75px;
    height: 75px;
    border-radius: 100px;
    background-color: var(--bs-white);
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    color: #000;
    background-color: #fff;
    cursor: pointer;
    margin-right: 5px;
    box-shadow: 1px 1px 8px #00000050;
}
.infinite-line > .row > .il-circle.active {
    background-color: #000;
    color: #fff;
    
}
.infinite-line > .row > .il-circle span {
    /*font-size: 70px !important;*/
    font:0.8em sans-serif !important;
}



/* FONT AWESOME GENERIC BEAT */ 
.fa-beat {
    animation:fa-beat 10s ease infinite;
}
@keyframes fa-beat {
    0% {
        transform:scale(1);
    }
    5% {
        transform:scale(1.25);
    }
    20% {
        transform:scale(1);
    }
    30% {
        transform:scale(1);
    }
    35% {
        transform:scale(1.25);
    }
    50% {
        transform:scale(1);
    }
    55% {
        transform:scale(1.25);
    }
    70% {
        transform:scale(1);
    }
}



/* Square Person */
#divPersonHeader {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    /*margin-left: 25%;*/
    z-index: 998;
}

/* Btn Close Circle Modal */
.divBtnCloseModal {
    position: absolute;
    margin: 0 auto;
    /*width: 100%;*/
    z-index: 998;
    top: 0px;
    right: 0px;
    display: flex;
    text-align: end;
    align-items: center;
    justify-content: center;
    justify-items: center;
    /*padding: 10px;*/
}

.divBtnCloseModal div {
    height: 35px;
    width: 35px;
    border-radius: 0 0 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.divBtnClose div {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}




/* fadeOut effect */
.addElement {
    opacity: 1;
    transition: opacity 1.5s;
}

.removeElement {
    opacity: 0;
    transition: opacity 1.5s;
}

.removeElementPagination {
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
}

.addElementPagination {
    opacity: 1;
    transition: opacity 0.5s;
    z-index: 2;
}


/*.accordion-button:not(.collapsed) {
    background-color: var(--bs-dark);
    color: #fff;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}*/

/* Select Div Effect Hover and Active */
.divSelectOption {
    background-color: var(--bs-white);
    color: var(--bs-dark);
    cursor: pointer;
    border-radius: 10px;
    transition: 0.3s;
}

.divSelectOption.active {
    background-color: var(--bs-light-green);
    color: var(--bs-white);
}

.divSelectOption:hover:not(.active) {
    background-color: var(--bs-dark);
    color: var(--bs-white);
}



.offcanvas.offcanvas-bottom.expand-offcanvas {
    height: 75vh!important;
    transition: 0.5s;
}
.offcanvas.offcanvas-bottom.decrease-offcanvas {
    height: var(--bs-offcanvas-height) !important;
    transition: 0.5s;
}
/*.expand-offcanvas {
    height: 75vh!important;
    transition: 0.5s;
}*/
/*.decrease-offcanvas {
    height: 30vh!important;
    transition: 0.5s;
}*/


/* Botão de Switch */
.form-switch .form-check-input-custom:checked {
    background-color: var(--bs-light-green);
    border-color: var(--bs-light-green);
}

.form-switch .form-check-input-custom:not(:checked):focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    border-color: rgba(0, 0, 0, 0.25);
}



/*.divReportMenu {
    background-color: #000000;
    -moz-box-shadow:    4px 3px 10px rgba(0, 0, 0, 0.90);
    -webkit-box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.90);
    box-shadow:         4px 3px 10px rgba(0, 0, 0, 0.90);
    border-radius: 15px;
}*/
.divReportMenu {
    border-radius: 15px;
    -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.30);
    box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.30);
}

.divReportMenu.blue {
    background: linear-gradient(to top,var(--bs-primary) 0%,var(--bs-primary) 5%,var(--bs-tertiary-bg) 5%,var(--bs-tertiary-bg) 100%);
}
.divReportMenu.green {
    background: linear-gradient(to top,var(--bs-success) 0%,var(--bs-success) 5%,var(--bs-tertiary-bg) 5%,var(--bs-tertiary-bg) 100%);
}
.divReportMenu.red {
    background: linear-gradient(to top,var(--bs-danger) 0%,var(--bs-danger) 5%,var(--bs-tertiary-bg) 5%,var(--bs-tertiary-bg) 100%);
}
.divReportMenu.yellow {
    background: linear-gradient(to top,var(--bs-warning) 0%,var(--bs-warning) 5%,var(--bs-tertiary-bg) 5%,var(--bs-tertiary-bg) 100%);
}

.divReportMenu.blue i.bi {
    color: var(--bs-primary);
}
.divReportMenu.green i.bi {
    color: var(--bs-success);
}
.divReportMenu.red i.bi {
    color: var(--bs-danger);
}
.divReportMenu.yellow i.bi {
    color: var(--bs-warning);
}



.line-fade { 
    border : 0;
    height: 1px; 
    background-color: inherit;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}




.rating-star-active {
    color: #ff0707;
}

.rating-star-inactive {
    color: #d1d1d1;
}

.rating-star-active:hover, .rating-star-inactive:hover {
    color: #e10000;
}

.div-comment {
    cursor: pointer;
    background-color: #00000073;
    color: var(--bs-light);
}

.div-comment:hover {
    background-color: #000000;
    color: var(--bs-white);
}







.input-transparent, .input-transparent:focus {
    color: var(--bs-light);
    background: transparent;
    outline: 0;
    border-width: 0 0 1px;
    border-color: var(--bs-light);
}

.input-transparent::placeholder {
    color: var(--bs-light);;
}

.input-transparent-dark, .input-transparent-dark:focus {
    color: var(--bs-secondary);
    background: transparent;
    outline: 0;
    border-width: 0 0 1px;
    border-color: var(--bs-secondary);
}

.input-transparent-dark::placeholder {
    color: var(--bs-secondary);;
}

.password-eye-input-transparent {
    cursor: pointer;
}

.password-eye-input-transparent:hover {
    color: var(--bs-indigo);
}

.btn-white-to-indigo {
    color: var(--bs-orange);
    background-color: var(--bs-light);
}

.btn-white-to-indigo:hover {
    color: var(--bs-light);
    background-color: var(--bs-indigo);
}

.btn-orange-to-indigo {
    color: var(--bs-light);
    background-color: #fa8e39;
}

.btn-orange-to-indigo:hover {
    color: var(--bs-light);
    background-color: var(--bs-indigo);
}

/*#terms:checked {
    background-color: var(--bs-indigo);
}*/

.bg-orange-hover:hover {
    background-color: var(--bs-white);
}








/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: yellow;
  /*width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  background-color: red;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the back side */
.flip-card-back {
  transform: rotateY(180deg);
}






.icon-facebook {
    color: var(--bs-primary);
    cursor: pointer;
}

.icon-facebook:hover {
    color: #0b5ed7;
}

.icon-instagram {
    /*color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-linear-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
    cursor: pointer;*/
    
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -ms-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -o-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-linear-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    -webkit-text-fill-color: transparent; /* Adicionado para iOS e Safari */
    cursor: pointer;
}

.icon-instagram:hover {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
    background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
    background: -ms-radial-gradient(circle at 30% 107%, #fdf497 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
    background: -o-radial-gradient(circle at 30% 107%, #fdf497 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
    background: -webkit-linear-gradient(circle at 30% 107%, #fdf497 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    -webkit-text-fill-color: transparent; /* Adicionado para iOS e Safari */
}

.icon-twitter {
    color: var(--bs-info);
    cursor: pointer;
}

.icon-twitter:hover {
    color: #31d2f2;
}

.icon-external-link {
    color: var(--bs-primary);
    cursor: pointer;
}

.icon-external-link:hover {
    color: #0e5dd1;
}

.icon-whatsapp {
    color: #25d366;
    cursor: pointer;
}

.icon-whatsapp:hover {
    color: #21bf5c;
}









.separatorLine {
  width: 100%;
  height: 15px;
  border-bottom: 1px solid #cbcbcb;
  text-align: center;
}

.separatorLine > span {
  font-size: 15px !important;
  background-color: var(--bs-white);
  padding: 0 10px;
}








.flip-card {
  background-color: transparent;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}

.flip-card-inner {
  background-color: transparent;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-back {
  background-color: transparent;
  transform: rotateY(180deg);
}







.scroll-hidden::-webkit-scrollbar {
    display: none;
}

.scroll-hidden {
    scrollbar-width: none;
}











.blob-light-green {
    background-color: var(--bs-light-green);
    box-shadow: 0 0 0 0 rgba(33, 203, 55, 1);
	transform: scale(1);
	animation: pulse-light-green 2s infinite;
}

@keyframes pulse-light-green {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(33, 203, 55, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(33, 203, 55, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(33, 203, 55, 0);
	}
}

.blob-light-red {
    background-color: var(--bs-light-red);
    box-shadow: 0 0 0 0 rgba(255, 55, 65, 1);
	transform: scale(1);
	animation: pulse-light-red 2s infinite;
}

@keyframes pulse-light-red {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 55, 65, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 55, 65, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 55, 65, 0);
	}
}

.blob-light-blue {
    background-color: var(--bs-primary);
    box-shadow: 0 0 0 0 rgba(13, 110, 253, 1);
	transform: scale(1);
	animation: pulse-light-blue 2s infinite;
}

@keyframes pulse-light-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(13, 110, 253, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
	}
}









.shake-element {
  animation: shake 0.2s ease-in-out 0s 2;
}

@keyframes shake {
  0% { margin-left: 0rem; }
  25% { margin-left: 0.2rem; }
  75% { margin-left: -0.2rem; }
  100% { margin-left: 0rem; }
}




 /* inicio editar borda da seta de exibi�«®�«ªo dos detalhes dos extras e adicionais */
/* original
.btn-flavor-description {
    cursor: pointer;
    border: 1px solid #00000040;
    border-radius: 100px;
    color: var(--bs-primary) !important;
    transition: .3s;
}

.btn-flavor-description:hover {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
 */
 
 
 /* inicio editar borda da seta de exibi�«®�«ªo dos detalhes dos extras e adicionais */
.btn-flavor-description {
    cursor: pointer;
    border: 1px solid #00000040; 
    border-radius: 100px; 
   color: var(--bs-btn-bg) !important; 
    transition: .3s;
}

.btn-flavor-description:hover {
    /* background-color: var(--bs-primary) !important; */
    color: var(-bs-full-dark) !important;
}


/* final editar borda da seta de exibi�«®�«ªo dos detalhes dos extras e adicionais */

.btn-additional-description {
    cursor: pointer;
    border: 1px solid #00000040;
    border-radius: 100px;
    color: var(--bs-primary) !important;
    transition: .3s;
}

.btn-additional-description:hover {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}






/* original 
.infinite-line > .row > .layout-line {
    display: inline-block;
    min-width: 16.5rem;
    max-width: 16.5rem;
    height: 17rem;
    border-radius: 15px;
    background-color: var(--bs-white);
    vertical-align: middle;
    display: inline-flex;
    flex-direction: column;
    color: #000;
    cursor: pointer;
    margin-right: 5px;
}*/



/* original editado */
.infinite-line > .row > .layout-line {
    display: inline-block;
    min-width: 11.5rem;
    max-width: 11.5rem;
    height: 17.5rem;
    border-radius: 15px;
    background-color: var(--bs-white);
    vertical-align: middle;
    display: inline-flex;
    flex-direction: column;
    color: #000;
    cursor: pointer;
    margin-right: 5px;
    align-items: center;
}

/* alinhamento e centraliza�«®�«ªo do box de produtos */
.align-items-end {
    align-items: center !important;
}













.icon-alert {
    color: var(--bs-body-color);
	transform: scale(1);
	animation: pulse-icon-alert 2s infinite;
}

@keyframes pulse-icon-alert {
	0% {
		transform: scale(0.95);
		color: var(--bs-danger);
	}

	70% {
		transform: scale(1);
		color: var(--bs-body-color);
	}

	100% {
		transform: scale(0.95);
		color: var(--bs-danger);
	}
}


/* alinhamento e centraliza�«®�«ªo do box de produtos */
.layout-line > .m-0 {
    margin: 0 !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
}



/* inicio codigo espa�«®o entre o titulo e o box de produtos */
.infinite-line > .row {
    padding-top: 15px;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.6rem !important;
}

/* final codigo espa�«®o entre o titulo e o box de produtos */





/* Estilo para o texto dentro do .layout-line da descri�«®�«ªo do produto com limita�«®�«ªo de visualiza�«®�«ªo de 2 linhas */
    .layout-line small {
        font-size: 0.875em;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        
    align-items: center !important;
    }


/* sombra barra de pesquisa */
.divSearch input {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* remover cabe�«®alho da pagina home

.h-100.d-flex.flex-column.justify-content-center.align-items-center {
  display: none !important;
}

/* Remove os elementos que voc�«´ listou
.h-100.d-flex.flex-column.justify-content-center.align-items-center,
#divHeader,
#navMenu,
#divInstallPWAApp_nav,
#collapse_divCompanyDelivery{
  display: none !important;
}

.text-white {
 display: none !important;
}


.py-3 {
    display: none;
} */

/* cor do nome do segmento */
.infinite-line > .row > .il-segment {
    color: #fffff00;
}

/* inicio cor do nome do segmento 
.d-none.d-sm-flex.flex-column.justify-content-center.align-items-center.text-center.col-4.position-relative {
    background-color: #ff6900 !important;
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
    color: white; /* texto branco 
}
 fim cor do nome do segmento */


.d-none.d-sm-flex.flex-column.justify-content-center.align-items-center.text-center.col-4.position-relative {
  background-image: url("https://pedigo.com.br/images/login_c.png"); /* Substitua pelo caminho da sua imagem */
  background-size: cover; /* Ajusta a imagem para cobrir o elemento */
  background-position: center; /* Centraliza a imagem */
  background-repeat: no-repeat; /* Evita que a imagem se repita */
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
  color: white;
}

/* personaliza�«®ao links de login pagina login */
.account-type {
    cursor: pointer;
    /* border: 1px solid #0000001a; */
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0.1px 0 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
.col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
    box-shadow: 2px 0 10px rgb(98 98 98 / 15%);
    padding: 40px;          /* padding em todos os lados */
    border-radius: 10px;
    background-color: #fbfbfb !important;
    border: 1px solid #ffffff08;
    
 }
}

.account-type:hover {
    color: #ff6900 !important;
}

/*
.d-flex .fa-star:before, .d-flex .bi-chat-dots::before {
    content: "";
    display: none !important;
}

*/


/* Adicione este CSS ao seu arquivo de estilos */
.col-auto.p-0.ps-2 img {
    width: 50px !important; /* ou o tamanho que desejar */
    height: 50px!important; /* ou o tamanho que desejar */
    object-fit: cover !important; /* opcional: mant�«±m a propor�«®�«ªo sem distorcer */
    border-radius: 5px!important;
}

.px-2.d-inline-flex.btn-flavor-description {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* modifica�«®�«ªo posi�«®�«ªo nos sabores */
/* Container principal - ajuste de layout */
.flavor-463 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative; /* Para posicionamento relativo dos filhos */
}

/* Primeira coluna (checkbox + label) */
.flavor-463 > .col.p-0 {
    order: 1; /* Garante que fique primeiro */
    width: calc(100% - 140px); /* Ajuste conforme necess�«¡rio */
}

/* Pre�«®o (segunda coluna) */
.flavor-463 > .col-auto.p-0.text-end {
    order: 2;
    margin-left: auto;
}

/* Contador de quantidade (terceira coluna) */
.flavor-463 > .col-auto.p-0.ps-2#amountFlavor_288_463 {
    order: 3;
}

/* Imagem (quarta coluna) */
.flavor-463 > .col-auto.p-0.ps-2:not(#amountFlavor_288_463) {
    order: 4;
}

/* Container da descri�«®�«ªo recolh�«¿vel */
#collapse_288_463 {
    order: 5; /* Sempre abaixo do primeiro bloco */
    width: 100%; /* Ocupa toda a largura */
    margin-top: 8px; /* Espa�«®amento do bloco acima */
}

/* Ajustes espec�«¿ficos para o bot�«ªo de descri�«®�«ªo */
.btn-flavor-description {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex;
    align-items: center;
}

/* Ajuste para a imagem do sabor */
.flavor-463 img {
    width: 50px !important; /* Tamanho reduzido */
    height: 50px !important;
    object-fit: cover;
    border-radius: 4px;
}

/* Container da descri�«®�«ªo */
.border.rounded.p-2.my-2 {
    background-color: #f8f9fa !important; /* Cor mais suave */
    border-color: #dee2e6 !important;
}
/* modifica�«®�«ªo posi�«®�«ªo nos sabores - final*/