* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

html {
    scroll-behavior: smooth
}

body,
html {
    overflow-x: hidden
}

ol,
ul {
    list-style: none;
    padding-right: 30px;
}

a {
    text-decoration: none
}

a,
button,
input,
textarea {
    background: 0 0;
    color: inherit;
    font-family: inherit;
    border: none;
    cursor: pointer
}

textarea {
    resize: none
}

.text-center {
    text-align: center;
}



.fadeIn {
    -webkit-animation: .5s ease-in-out fadeIn;
    animation: .5s ease-in-out fadeIn
}

.fadeOut {
    -webkit-animation: .5s ease-in-out fadeOut;
    animation: .5s ease-in-out fadeOut
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

html.fixed {
    overflow-y: hidden
}

body {
    color: #ffffff;
    background: #202020;
    font-size: 16px;
    line-height: 1.5;
    font-family: Roboto, sans-serif;
    overflow-x: hidden;
    /* Impede rolagem horizontal */
}

body.swal2-shown {
    padding: 0
}

body.fullscreen {
    min-height: 100vh;
    min-width: 100vw
}

main {
    -webkit-transition: padding-top .3s ease-in-out;
    -o-transition: padding-top .3s ease-in-out;
    transition: padding-top .3s ease-in-out
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oswald, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff
}

h1 {
    font-size: 40px;
    line-height: 1.3
}

h2 {
    font-size: 32px;
    line-height: 1.5
}

h3 {
    font-size: 28px;
    line-height: 1.5
}

h4 {
    font-size: 22px;
    line-height: 1.7
}

h5 {
    font-size: 18px;
    line-height: 1.7
}

h6 {
    font-size: 14px;
    line-height: 1.3
}

a,
button,
input,
textarea {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;

}

.section {
    padding: 40px 0
}

.section--nopb {
    padding: 80px 0 0
}

.section--nopt {
    padding: 0 0 80px
}

.section_header {
    position: relative
}

.section_header-subtitle {
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 600;
    color: #2c2c2c;
    font-size: 80px;
    line-height: 1;
    position: absolute;
    z-index: -1;
    visibility: hidden
}

.container {
    padding: 0 1.25rem;
    margin: 0;
    min-width: 100%
}

.theme-element {
    text-align: center;
    background: #eb1616;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #eb1616;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: inline-block
}


.theme-element.btn {
    padding: 12px 20px;
}

.btn-para-tatuadores {
    padding: 12px 20px;
}

@media screen and (max-width:767.98px) {
    .btn-para-tatuadores {
        padding: 6px 12px;
    }

    .segunda {
        margin-right: 0px;
    }
}

.theme-element.btn:hover {
    color: #eb1616
}

.theme-element.btn--revert {
    background: 0 0
}

.theme-element.btn--revert.current,
.theme-element.btn--revert:focus,
.theme-element.btn--revert:hover {
    background: #eb1616;
    color: #fff
}

.theme-element.tag {
    padding: 5px 10px
}

.theme-element:focus,
.theme-element:hover {
    background: 0 0
}

.field {
    padding: 11px 18px;
    border: 2px solid #bbb;
    font-size: 14px;
    line-height: 20px;
    display: block
}

.field.error {
    border-color: #eb1616
}

.field--corner {
    margin-bottom: 15px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: none;
    border-top: none
}

.field::-webkit-input-placeholder {
    color: #fff;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.field::-moz-placeholder {
    color: #fff;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.field:-ms-input-placeholder {
    color: #fff;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.field::-ms-input-placeholder {
    color: #fff;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.field::placeholder {
    color: #fff;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.field:focus::-webkit-input-placeholder {
    opacity: 0
}

.field:focus::-moz-placeholder {
    opacity: 0
}

.field:focus:-ms-input-placeholder {
    opacity: 0
}

.field:focus::-ms-input-placeholder {
    opacity: 0
}

.field:focus::placeholder {
    opacity: 0
}

.field:focus,
.field:hover {
    border-color: #fff
}

.highlight {
    color: #eb1616
}

.link--underline {
    position: relative;
    text-transform: uppercase
}

.link--underline:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #eb1616;
    bottom: -2px;
    left: 0;
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.link--underline:focus:after,
.link--underline:hover:after {
    width: 100%
}

.linebreak {
    display: -webkit-box;
    gap: 10px;
}

.text {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 500
}

.brand-logo_icon {
    color: #eb1616;
    margin-right: 7px
}

.brand-logo_name {
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1
}

@media screen and (min-width:767.98px) {
    h1 {
        font-size: 50px;
        line-height: 1.2
    }

    h2 {
        font-size: 40px;
        line-height: 1.3
    }

    .container {
        padding: 0 1.875rem
    }

    .section {
        padding: 100px 0
    }

    .section--nopb {
        padding: 100px 0 0
    }

    .section--nopt {
        padding: 0 0 100px
    }

    .section_header-subtitle {
        visibility: visible
    }

    .text {
        font-size: 16px
    }

}

@media only screen and (max-width: 576px) {
    .header_btn {
        display: block !important;
        position: absolute;
        left: 60%;
        top: 76px;
    }

    .col-6 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 578px) {
    .header_btn {
        display: none !important;
        position: absolute;
        left: 49%;
        top: 75px;
    }
}


@media screen and (min-width:991.98px) {
    h1 {
        font-size: 55px
    }

    .section {
        padding: 40px 0
    }

    .section--nopb {
        padding: 110px 0 0
    }

    .section--nopt {
        padding: 0 0 40px
    }

    .text {
        font-size: 18px;
        line-height: 1.5
    }
}

@media screen and (min-width:1199.98px) {
    .container {
        margin: 0 auto;
        min-width: unset
    }
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-150 {
    margin-top: 150px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.alert_popup {
    background: #fff;
    min-width: 280px;
    max-width: 360px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px
}

.alert_popup-close {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.alert_popup-close:focus,
.alert_popup-close:hover {
    color: #eb1616
}

.alert_popup-title {
    color: #eb1616;
    margin-bottom: 10px
}

.header {
    padding: 15px 15px 15px 15px;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 499;
    background: #202020;
    will-change: transform;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.header--pinned {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header--unpinned {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.header .container-fluid {
    padding: 1px;
}

.header_logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    /*    order: 1;*/
    -webkit-transition: margin-left .3s ease-in-out;
    -o-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out
}

.header_trigger {
    cursor: pointer;
    width: 24px;
    height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease-in-out;
}

.header_trigger .line {
    height: 2px;
    width: 100%;
    background-color: #fff;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.header_trigger.active {
    -webkit-transition: .3s ease-in-out .3s;
    -o-transition: .3s ease-in-out .3s;
    transition: .3s ease-in-out .3s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1000;
}

.header_trigger.active .line {
    background: #eb1616
}

.header_trigger.active .line:nth-child(2) {
    width: 0
}

.header_trigger.active .line:nth-child(1),
.header_trigger.active .line:nth-child(3) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.header_trigger.active .line:nth-child(1) {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px)
}

.header_trigger.active .line:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(90deg);
    -ms-transform: translateY(-7px) rotate(90deg);
    transform: translateY(-7px) rotate(90deg)
}

.header_nav {
    position: relative;
    left: -15px;
    right: 0;
    min-width: 100vw;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 4;
    order: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out, padding-top .6s ease-in;
    -o-transition: max-height .5s ease-in-out, padding-top .6s ease-in;
    transition: max-height .5s ease-in-out, padding-top .6s ease-in
}

.header_nav.active {
    max-height: 100vh;
    /*    overflow-y: scroll;*/
    padding-top: 15px;
    z-index: 100;
    padding-right: 0px;
}

.header_nav-list {
    text-align: center
}

.header_nav-list .dropdown-toggle.active,
.header_nav-list .nav-item.active {
    color: #eb1616 !important;
    font-weight: 600;
}

.header_nav-list .nav-item.active .nav-link {
    color: #eb1616 !important;
    font-weight: 600;
}

.header_nav-list_item {
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff
}

.header_nav-list_item.dropdown .list-item,
.header_nav-list_item:not(.header_nav-list_item.dropdown) {
    padding: 13px 0
}

.header_nav-list_item .nav-link.dropdown-toggle {
    padding: 20px 0;
    display: block;
    width: 100%;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.header_nav-list_item .dropdown-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out
}

.header_nav-list_item .dropdown-menu.active {
    max-height: 500px
}

@media screen and (min-width:991.98px) {
    .header {
        padding: 10px 0
    }

    .header .container-fluid {
        padding: 0rem;
    }

    .header_btn {
        display: block;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        /*        order: 3;*/
        margin-left: 15px
    }

    .header_nav {
        max-height: unset;
        min-width: unset;
        overflow: visible
    }

    .header_nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -80px 0 0
    }

    .header_nav-list.dropdown {
        position: relative;
    }

    .header_nav-list .dropdown-toggle,
    .header_nav-list .nav-item {
        position: relative;
        cursor: pointer;
    }

    .header_nav-list .dropdown-toggle:before,
    .header_nav-list .nav-item:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background: 0 0;
        top: -24px;
        left: 0;
        -webkit-transition: background-color .3s ease-in-out;
        -o-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out
    }

    .header_nav-list .dropdown-toggle.active,
    .header_nav-list .dropdown-toggle:hover,
    .header_nav-list .nav-item.active,
    .header_nav-list .nav-item:hover {
        background: 0 0
    }

    .header_nav-list .dropdown-toggle.active:before,
    .header_nav-list .dropdown-toggle:hover:before,
    .header_nav-list .nav-item.active:before,
    .header_nav-list .nav-item:hover:before {
        background: #eb1616
    }

    .header_nav-list_item {
        margin-right: 30px
    }

    .header_nav-list_item.dropdown .list-item,
    .header_nav-list_item:not(.header_nav-list_item.dropdown) {
        padding: 20px;
    }

    .header_nav-list_item.dropdown {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        margin-right: 30px
    }

    .header_nav-list .nav-link.dropdown-toggle {
        padding: 0;
        width: unset
    }

    .header_nav-list .dropdown-menu {
        position: absolute;
        opacity: 0;
        max-height: unset;
        text-align: left;
        visibility: hidden;
        padding-top: 15px;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

    .header_nav-list .dropdown-menu .nav-item {
        padding: 15px;
        -webkit-transition: background-color .3s ease-in-out;
        -o-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out;
        background: #2c2c2c
    }

    .header_nav-list .dropdown-menu .nav-item.active,
    .header_nav-list .dropdown-menu .nav-item:hover {
        background: #eb1616
    }

    .header_nav-list .dropdown-menu .nav-item.active:before,
    .header_nav-list .dropdown-menu .nav-item:hover:before {
        display: none
    }

    .header_nav-list .dropdown-menu.active {
        opacity: 1;
        visibility: visible
    }
}

.hero {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: relative
}

.hero_slider {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.hero_slider-pagination {
    top: unset !important;
    bottom: 0;
    height: 10px !important;
    background: 0 0 !important
}

.hero_slider-pagination .swiper-pagination-progressbar-fill {
    background: #eb1616
}

.hero_content {
    position: relative;
    z-index: 10;
}

.hero_content-text {
    margin: 20px 0 10px
}

.hero_content-tel {
    color: #fff
}

.hero_content-tel:hover {
    color: #eb1616
}

.hero_content-tel .icon {
    max-width: 40px;
    max-height: 40px;
    margin-right: 10px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 40px
}

.hero_content-tel .link {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.5;
    font-family: Oswald, sans-serif;
    font-weight: 500
}

.hero_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    z-index: 1;
    background: -o-linear-gradient(271.87deg, rgba(32, 32, 32, 0) 37.89%, #202020 82.56%);
    background: linear-gradient(178.13deg, rgba(32, 32, 32, 0) 37.89%, #202020 82.56%)
}

@media screen and (min-width:767.98px) {
    .hero_content {
        max-width: 100%;
    }
}

@media screen and (min-width:991.98px) {
    .hero_slider-controls {
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 20px;
        z-index: 10
    }

    .hero_slider-control {
        color: #fff;
        -webkit-transition: color .5s ease-in-out;
        -o-transition: color .5s ease-in-out;
        transition: color .5s ease-in-out;
        font-size: 20px;
        cursor: pointer
    }

    .hero_slider-control:focus,
    .hero_slider-control:hover {
        color: #eb1616
    }

    .hero_content-text {
        margin: 35px 0 20px
    }
}

@media screen and (min-width:1199.98px) {
    .hero_content {
        max-width: unset;
        margin-left: 30px
    }
}

.about_info-text {
    margin: 15px 0 30px
}

.about_info-fact_title {
    margin-bottom: 5px
}

.about_info-fact:first-of-type {
    margin-bottom: 15px
}

.about_info-btn {
    margin-top: 40px;
    display: inline-block
}

@media screen and (min-width:575.98px) {
    .about_info-fact {
        max-width: calc(50% - 7.5px);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .about_info-fact:first-of-type {
        margin-bottom: 0
    }

    .about_info-fact_description {
        max-width: 270px;
    }
}

@media screen and (min-width:767.98px) {
    .about_header-subtitle {
        top: -30%;
        left: 0%
    }

    .about_info-text {
        margin: 15px 0 20px;
        max-width: 570px
    }

    .about_info-fact {
        width: unset;
        max-width: 270px
    }

    .about_info-fact:first-of-type {
        margin-right: 30px
    }

    .about_info-fact_title {
        margin-bottom: 5px
    }
}

@media screen and (min-width:1199.98px) {
    .about_header-subtitle {
        top: 10px;
    }

    .about_info-text {
        margin: 0 0 30px
    }

    .about_info-fact {
        max-width: calc(50% - 15px)
    }

    .about_info-fact_title {
        margin-bottom: 15px
    }

    .about_info-fact_description {
        max-width: unset
    }

    .about_info-btn {
        margin-top: 50px
    }

    .about_header,
    .about_info {
        max-width: unset
    }
}

@media screen and (min-width:1499.98px) {
    .about_header-subtitle {
        left: 0%
    }
}

@media screen and (min-width:1699.98px) {
    .hero_slider-controls {
        padding: 0 120px
    }

    .about_header-subtitle {
        left: -5%
    }
}

.services_header {
    margin-bottom: 60px
}

.services_header-title {
    margin-bottom: 15px
}

.services_header-text {
    max-width: 570px
}

.services_list-item {
    margin-bottom: 40px
}

.services_list-item_wrapper {
    height: 100%
}

.services_list-item:last-of-type {
    margin-bottom: 0
}

.services_list-item .main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.services_list-item .main .title {
    margin: 10px 0
}

.services_list-item .main .description {
    margin-bottom: 10px;
}

@media screen and (min-width:767.98px) {
    .services_header-subtitle {
        top: -45%;
        left: 22%
    }

    .services_list {
        margin: 0 -15px
    }

    .services_list-item {
        padding: 0 15px;
        margin-bottom: 60px
    }

    .services_list-item[data-order="5"] {
        margin-bottom: 0
    }
}

@media screen and (min-width:991.98px) {
    .services_header {
        margin-bottom: 50px
    }

    .services_header-subtitle {
        left: 16%
    }

    .services_list-item {
        margin-bottom: 50px
    }

    .services_list-item .icon {
        margin-right: 15px
    }

    .services_list-item .main .title {
        margin: 0 0 10px
    }
}

@media screen and (min-width:1199.98px) {
    .services_header-subtitle {
        left: 28%
    }

    .services_header-text {
        max-width: unset
    }

    .services_list-item[data-order="4"] {
        margin-bottom: 0
    }
}

.schedule {
    color: #fff;
    background: url(../Img/placeholder.jpg) center/cover no-repeat;
    position: relative
}

.schedule .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -o-radial-gradient(50% 50%, 50% 571.32%, rgba(32, 32, 32, 0) 0, #202020 100%);
    background: radial-gradient(50% 571.32% at 50% 50%, rgba(32, 32, 32, 0) 0, #202020 100%)
}

.schedule_container {
    position: relative;
    z-index: 10
}

.schedule_content-header {
    margin-bottom: 10px
}

.schedule_content-text {
    margin-bottom: 40px
}

.schedule_hours {
    margin-top: 40px
}

.schedule_hours-header {
    margin-bottom: 10px
}

.schedule_hours-list_group .list-item {
    display: block;
    margin-bottom: 10px
}

.schedule_hours-list_group .list-item .weekday {
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.7;
    text-transform: uppercase;
    margin-right: 10px
}

.schedule_hours-list_group:last-of-type .list-item:last-of-type {
    margin-bottom: 0
}

.schedule_btn {
    margin-top: 40px
}

@media screen and (min-width:767.98px) {
    .schedule_content-header {
        max-width: 410px
    }

    .schedule_content-text {
        max-width: 570px
    }

    .schedule_hours-list_group:first-of-type {
        margin-right: 50px
    }

    .schedule_hours-list_group .list-item:last-of-type {
        margin-bottom: 0
    }
}

@media screen and (min-width:1199.98px) {
    .schedule_wrapper {
        width: 100%
    }

    .schedule_content-text {
        margin-bottom: 0;
        max-width: 500px
    }

    .schedule_hours {
        margin-top: 0
    }

    .schedule_hours-header {
        max-width: 300px
    }

    .schedule_btn {
        margin-top: 50px
    }
}

@media screen and (min-width:1399.98px) {
    .services_header-subtitle {
        left: 24%
    }

    .schedule_content {
        padding-right: 30px
    }

    .schedule_content-text {
        max-width: unset
    }

    .schedule_btn {
        margin-top: 25px
    }
}

.blog_header {
    margin-bottom: 20px
}

.blog_recent-post {
    margin-bottom: 30px
}

.blog_recent-post:last-of-type {
    margin-bottom: 0
}

.blog_recent-post_wrapper {
    height: 100%
}

.blog_recent-post_wrapper:hover .thumbnail {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.blog_recent-post_wrapper .media {
    overflow: hidden;
    margin-bottom: 15px
}

.blog_recent-post_wrapper .media::before {
    float: left;
    padding-top: 89.18918918918918%;
    content: ''
}

.blog_recent-post_wrapper .media::after {
    display: block;
    content: '';
    clear: both
}

.blog_recent-post_wrapper .media .thumbnail {
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.blog_recent-post_wrapper .main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.blog_recent-post_wrapper .main .title {
    font-size: 24px;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px
}

@media screen and (min-width:767.98px) {
    .blog_header {
        margin-bottom: 30px
    }

    .blog_header-subtitle {
        left: -5%;
        top: 80%
    }

    .blog_recent {
        margin: 0 -15px
    }

    .blog_recent-post {
        padding: 0 15px;
        margin-bottom: 40px
    }
}

@media screen and (min-width:991.98px) {
    .blog_header-subtitle {
        left: -3%
    }
}

@media screen and (min-width:1199.98px) {
    .blog_header {
        margin-bottom: 50px
    }

    .blog_recent-post {
        margin-bottom: 0
    }

    .blog_recent-post .media {
        margin-bottom: 35px
    }
}

@media screen and (min-width:1699.98px) {
    .blog_header-subtitle {
        left: -13%
    }
}


.footer_logo {
    margin-bottom: 0px
}

.footer_contacts-tel {
    color: #fff;
    margin-bottom: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.footer_contacts-tel:hover {
    color: #eb1616
}

.footer_contacts-tel .icon {
    display: none
}

.footer_contacts-tel .link {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.5;
    font-family: Oswald, sans-serif;
    font-weight: 500
}

.footer_contacts-address {
    margin-bottom: 10px
}

.footer_contacts-mail {
    position: relative
}

.footer_contacts-mail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #bbb;
    bottom: 0;
    left: 0;
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.footer_contacts-mail:focus:after,
.footer_contacts-mail:hover:after {
    width: 100%
}

.footer_contacts-socials {
    margin: 30px 0 40px;
    max-height: 22px
}

.footer_contacts-socials .list-item {
    margin-right: 15px
}

.footer_contacts-socials .list-item:last-of-type {
    margin-right: 0
}

.footer_contacts-socials .list-item .link {
    color: #fff;
    font-size: 22px
}

.footer_contacts-socials .list-item .link:focus,
.footer_contacts-socials .list-item .link:hover {
    color: #eb1616
}

.footer_newsletter-text {
    margin: 20px 0 25px
}

.footer_newsletter-form {
    max-width: 100%
}

.footer_newsletter-form .field {
    margin-bottom: 10px
}

.footer_newsletter-form .field:focus,
.footer_newsletter-form .field:hover {
    border-color: #fff
}

.footer_newsletter-form .btn,
.footer_newsletter-form .field {
    width: 100%
}

.footer_copyright {
    background: #2c2c2c;
    margin: 80px -20px 0;
    text-align: center;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:575.98px) {
    .footer_newsletter-form .field {
        margin-bottom: 0;
        border-right: none;
        max-width: 368px
    }

    .footer_newsletter-form .btn {
        width: unset
    }
}

@media screen and (min-width:767.98px) {
    .footer {
        padding: 100px 0 0
    }

    .footer_logo {
        width: 100%
    }

    .footer_contacts {
        margin-right: 40px;
        margin-top: -20px
    }

    .footer_contacts-socials {
        margin-bottom: 0
    }

    .footer_newsletter {
        max-width: 410px;
        margin-bottom: 0;
        margin-top: -80px
    }

    .footer_copyright {
        margin: 100px -30px 0
    }
}

@media screen and (min-width:991.98px) {
    .footer {
        padding: 50px 0
    }

    .footer_logo {
        width: 33%;
        margin-bottom: 0
    }

    .footer_contacts,
    .footer_newsletter {
        margin-top: -5px
    }

    .footer_contacts-tel {
        margin-bottom: 20px
    }

    .footer_contacts-tel .link {
        font-size: 28px
    }

    .footer_contacts-tel .icon {
        max-width: 40px;
        max-height: 40px;
        font-size: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 10px;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .footer_contacts-socials {
        margin-bottom: 25px
    }

    .footer_copyright {

        margin: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: 0 0;
        height: auto
    }
}

@media screen and (min-width:1199.98px) {
    .footer_contacts {
        margin-right: 0
    }

    .footer_contacts-copyright {
        text-align: left
    }

    .footer_newsletter {
        max-width: 410px
    }
}

.promo_popup {
    background: url(../Img/placeholder.jpg) center/cover no-repeat, rgba(32, 32, 32, .7);
    background-blend-mode: overlay;
    padding: 30px;

    color: #fff
}

.promo_popup-title {
    text-transform: uppercase
}

.promo_popup-close {
    width: 20px;
    height: 20px;
    margin-top: -15px;
    margin-right: -15px;
    font-size: 20px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.promo_popup-close:focus,
.promo_popup-close:hover {
    color: #eb1616
}

.promo_popup .main {
    margin: 10px 0 30px
}

.promo_popup .btn {
    width: 100%
}

@media screen and (min-width:575.98px) {
    .promo_popup .btn {
        width: unset
    }

    .promo_popup {
        background: url(../Img/placeholder.jpg) center/cover no-repeat, rgba(32, 32, 32, .7);
        background-blend-mode: overlay;
        padding: 30px;
        max-width: 100% !important;
        color: #fff
    }
}

@media screen and (min-width:767.98px) {
    .promo_popup {
        padding: 70px;
        text-align: center
    }

    .promo_popup-close {
        width: 25px;
        height: 25px;
        margin-top: -35px;
        margin-right: -35px;
        font-size: 25px;
    }

    .promo_popup .main {
        margin: 20px 0 50px
    }

    .promo_popup .btn {
        margin: 0 auto
    }
}

.promo_popup .swal2-footer {
    border-top: none;
    /* Remove a linha branca */
    margin-top: 20px;
    /* Ajusta o espaçamento superior */
    padding-top: 0;
    /* Ajusta o preenchimento superior */
}

/*# sourceMappingURL=../sourcemaps/index.css.map */

.img_estilos {
    display: flex;
    justify-content: center;
    align-items: center;
}

.realismo {
    border-radius: 15px;
}

.botwhatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 22px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
}

.team_header {
    margin-bottom: 20px
}

.team_list-item {
    margin-bottom: 60px
}

.team_list-item:last-of-type {
    margin-bottom: 0
}

.team_list-item_wrapper .media {
    max-height: 450px;
    margin-bottom: 20px;
    overflow: hidden
}

.team_list-item_wrapper .info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.team_list-item_wrapper .info .speciality {
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.7
}

.team_list-item_wrapper .info .name {
    margin-bottom: 5px
}

@media screen and (min-width:767.98px) {
    .team_header {
        margin-bottom: 30px
    }

    .team_list {
        margin: 0 -15px
    }

    .team_list-item {
        padding: 0 15px;
        margin-bottom: 40px
    }
}

@media screen and (min-width:1199.98px) {
    .team_header {
        margin-bottom: 50px
    }

    .team_list-item {
        margin-bottom: 0
    }

    .team_list-item_wrapper .media {
        margin-bottom: 35px
    }
}

.description {
    height: 100px;
}

.align_logo {
    width: 140px;
    height: auto;
    margin-right: 10px;
    margin-top: 0px;
}

@media screen and (min-width:767.98px) {
    .align_logo {
        width: 140px !important;
        height: auto;
        margin-right: 10px;
        margin-top: 0px;
    }

    .hero_content {
        position: relative;
        z-index: 10;
    }
}

.logo_sobre {
    width: 100%;
    height: auto;
    margin-right: 10px;
    margin-top: 54px;
}

@media screen and (min-width:767.98px) {
    .logo_sobre {
        width: 50%;
        height: auto;
        margin-right: 10px;
        margin-top: 100px;
        margin-left: 30px;
    }
}

.header_nav {
    flex-grow: 1;
    /* Permite que o menu de navegação ocupe o espaço disponível */
}


.header_btn {
    margin-right: 35px;
    /* Espaço entre o botão e o avatar */
}

.user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* Avatar redondo */
    object-fit: cover;
    /* Para garantir que a imagem preencha a área */
    transition: transform 0.3s ease;
    margin-right: 10px;
}

.bot_perfil .user-avatar {
    filter: none;
    transition: filter 0.3s;
}

.bot_perfil:hover .user-avatar {
    filter: invert(35%) sepia(100%) saturate(100%) hue-rotate(305deg) brightness(1.0) contrast(2);
}

.txt_apelido:hover {
    color: #808080;
    transition: color 0.3s;
}

@media screen and (max-width:767.98px) {
    .user-avatar {
        display: block;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        object-fit: cover;
        /* margin-right: -30px; */
        position: absolute;
        right: 25px;
        top: -20px;
    }

    .bot_perfil {
        position: absolute;
        top: 15px;
        right: 60px;
    }
}

.header_trigger {
    position: absolute;
    right: 0px;
    top: 24px;
    cursor: pointer;
    width: 24px;
    height: 16px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transition: margin-right .3s ease-in-out;
    -o-transition: margin-right .3s ease-in-out;
    transition: margin-right .3s ease-in-out
}

.align_logo {
    width: 140px;
    height: auto;
    margin-right: 10px;
    margin-top: 0px;
    margin-left: -15px !important;
}
}

/* Estilo do Avatar */
.avatar-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.avatar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Estilo do botão Alterar Avatar */
.btn-upload-avatar {
    margin-top: 10px;
    color: #007bff;
    font-size: 14px;
    cursor: pointer;
}

/* Ajuste de espaçamento e layout */
.perfil-header {
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #333;
    border-radius: 10px;
}

.user-info {
    color: white;
    margin-left: 20px;
}

.user-name {
    font-size: 2rem;
    font-weight: bold;
}

.user-email,
.user-location {
    font-size: 1rem;
    color: #aaa;
}

.perfil-update-form {
    margin-top: 30px;
}

/* Estilo dos campos de formulário */
.form-group label {
    display: block;
    margin-bottom: 8px;
    color: white;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #444;
    color: white;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #aaa;
}

.btn-primary {
    padding: 10px 20px;
    background-color: #007bff;
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    min-width: 80px;
}

.btn-primary:hover {
    background-color: #0056b3;
}

/* Ajustes para dispositivos menores */
@media (max-width: 768px) {
    .perfil-header {
        flex-direction: column;
        text-align: center;
    }

    .avatar-container {
        margin-bottom: 20px;
    }

    .user-info {
        margin-left: 0;
    }
}


.espaco_top {
    margin-top: 180px;
}

.dir-bot {
    float: right;
    margin-right: -40px;
}

.gap-40 {
    gap: 100px;
}

.form-block-20 {
    width: calc(20% - 15px);
    margin-bottom: 15px;
    /* Espaçamento inferior em telas pequenas */
}

.form-block-30 {
    width: calc(30% - 30px);
    margin-bottom: 15px;
    /* Espaçamento inferior em telas pequenas */
}

@media (max-width: 768px) {
    .ajuste-bt-loc {
        margin-top: 5px !important;
        margin-bottom: 15px;
        float: right;
    }

    .form-block-20 {
        width: calc(100% - 0px);
        margin-bottom: 15px;
        /* Espaçamento inferior em telas pequenas */
    }

    .form-block-30 {
        width: calc(100% - 0px);
        margin-bottom: 15px;
        /* Espaçamento inferior em telas pequenas */
    }
}

@media (min-width: 768px) {
    .form-block .form-password {
        width: 48%;
        /* Campos lado a lado ocupando 48% cada */
        margin-bottom: 0;
    }
}

/* Estilo para o campo de erro */
.error {
    border-color: red;
    /* Altera a borda para vermelho */
    background-color: #ffe6e6;
    /* Opcional: Fundo levemente rosado */
}

/* Mensagem de erro */
.error-message {
    font-size: 12px;
    margin-top: 5px;
}

.avatar-img-perfil {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #007bff;
}

.btn-upload-avatar-perfil {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    color: #007bff;
    font-weight: bold;
}

.perfil-header-perfil {
    width: 100%;
    margin-top: 30px;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    /* Para separar os elementos dentro */
    align-items: center;
}

@media (max-width: 576px) {
    .perfil-header-perfil {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .user-info-perfil {
        margin-left: 0;
        margin-top: 15px;
    }
}

.texto-acima {
    margin-bottom: 5px;
    /* Espaço de 5px entre o texto e o botão */
    font-size: 14px;
    /* Ajuste de tamanho da fonte se necessário */
    color: #ffffff;
    /* Cor do texto, ajuste conforme seu tema */
}

.hero_content-perfil {
    padding: 0px;
    /* Espaçamento adicional */
    text-align: left;
    /* Centraliza o texto */
}

.hero_content-header-perfil {
    font-size: 1.5rem;
    /* Ajusta o tamanho da fonte */
    margin-bottom: 15px;
    /* Espaçamento abaixo do cabeçalho */
}

.header_btn-perfil {
    padding: 10px 20px;
    /* Aumenta o espaço interno do botão */
    font-size: 1rem;
    /* Tamanho da fonte do botão */
}

.header_btn-perfil:hover {
    background-color: darkred;
    /* Cor ao passar o mouse */
    color: white;
    /* Cor do texto ao passar o mouse */
}

.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    /* Espaçamento entre os itens */
}

.checkbox-group input[type="checkbox"] {
    margin-right: 0px;
    width: 20px;
}

.checkbox-group label {
    min-width: 120px;
}

/* Para dispositivos móveis, exibirá duas colunas */
@media (max-width: 768px) {
    .checkbox-group {
        display: flex;
        grid-template-columns: repeat(2, 1fr);
        /* 2 colunas */
    }

    .checkbox-group label {
        margin-right: 0;
        /* Remover margem extra */
    }

    .checkbox-group input[type="checkbox"] {
        margin-right: 0px;
        width: 30px;
    }

    .checkbox-group+.checkbox-group {
        margin-top: 15px;
    }

    .row+.checkbox-group {
        margin-top: 15px;
    }

}


.two-columns {
    column-count: 2;
    column-gap: 20px;
}

.two-columns label {
    display: block;
    padding-left: 25px;
    position: relative;
}

.two-columns label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #333;
    background-color: white;
}

.two-columns input[type="checkbox"] {
    position: absolute;
    left: 0;
    opacity: 0;
}

.two-columns input[type="checkbox"]:checked+label::before {
    background-color: #333;
}

.card {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 100%;
    margin: 10px;
}

.image-container img {
    width: 100%;
    height: auto;
}

.card-content {
    padding: 15px;
}

.card-content h3 {
    margin: 10px 0;
    font-size: 1.2em;
}

.details,
.tags,
.actions {
    margin: 10px 0;
}

.details span {
    display: block;
    margin-bottom: 5px;
}

.tags .tag {
    background-color: #f2f2f2;
    border-radius: 12px;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 5px;
}

.actions button {
    margin-top: 10px;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.request-btn {
    background-color: #007bff;
    color: white;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    !important;
}

.image-container {
    position: relative;
}

.like-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    display: flex;
    /* Alinha o número e o ícone na horizontal */
    align-items: center;
    /* Centraliza verticalmente o número e o ícone */
    gap: 10px;
    /* Espaçamento entre o número e o ícone */
    transition: fill 0.3s ease;
    color: #eb1616;
    /* Cor vermelha do site */
    z-index: 999;
}

.like-icon-artista {
    position: absolute;
    top: -5px;
    right: -125px;
    cursor: pointer;
    display: flex;
    /* Alinha o número e o ícone na horizontal */
    align-items: center;
    /* Centraliza verticalmente o número e o ícone */
    gap: 10px;
    /* Espaçamento entre o número e o ícone */
    transition: fill 0.3s ease;
    color: #eb1616;
    /* Cor vermelha do site */
}

.like-icon-imagem {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px !important;
    /* Tamanho do ícone */
    height: 24px !important;
    cursor: pointer;
    z-index: 10;
    filter: none !important;
    /* Cor original */
    transition: transform 0.2s, filter 0.2s, opacity 0.2s;
}

.like-icon-imagem:hover {
    transform: scale(1.1);
    /* Efeito de zoom */
    filter: brightness(0.8);
    /* Escurece levemente no hover */
}

.like-icon-imagem:active {
    transform: scale(0.9);
    /* Encolhe levemente no clique */
    filter: brightness(1);
    /* Restaura a cor */
}

.like-icon .total-likes {
    color: #ffffff !important;
    /* Cor branca para o número de likes */
    font-size: 13px;
    /* Tamanho da fonte */
}

.bookmark-icon {
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    transition: fill 0.3s ease;
    color: #eb1616;
    /* Cor vermelha do site */
    max-width: 1.4rem;
    z-index: 999;
}

.bookmark-icon-artista {
    position: absolute;
    top: -5px;
    left: -125px;
    cursor: pointer;
    transition: fill 0.3s ease;
    color: #eb1616;
    /* Cor vermelha do site */
}

.bookmark-icon-image {
    position: absolute;
    top: -5px;
    left: -85px;
    cursor: pointer;
    transition: fill 0.3s ease;
    color: #eb1616;
    /* Cor vermelha do site */
}

.bookmark-icon-favorite {
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
    transition: fill 0.3s ease;
    color: #eb1616;
    /* Cor vermelha do site */
    max-width: 1.4rem;

    width: 24px;
    /* Define um tamanho fixo para o container */
    height: 24px !important;
    /* Mantém a proporção correta */
    display: flex;
    z-index: 11;
}

.bookmark-icon-favorite-image {
    position: absolute;
    top: -5px;
    left: -85px;
    cursor: pointer;
    transition: fill 0.3s ease;
    color: #eb1616;
    /* Cor vermelha do site */
}

.tattoo-artist-bg {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 0px;
    top: 190px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px 15px 0px 5px;
    border-radius: 10px;
}

.tattoo-photo-bg {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 7px;
    top: 190px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 10px;
    border-radius: 10px;
}

.tattoo-artist-name {
    color: white;
    /* Texto em branco */
    font-size: 22px;
    font-weight: 400;
    font-family: 'oswald';
    margin-top: 40px;
}

.limited-text {
    display: -webkit-box;
    /* Cria um contêiner flexível */
    -webkit-box-orient: vertical;
    /* Define a orientação vertical */
    -webkit-line-clamp: 3;
    /* Limita o número de linhas a 3 */
    overflow: hidden;
    /* Oculta o conteúdo excedente */
    text-overflow: ellipsis;
    /* Adiciona as reticências */
    padding-right: 10px;
    /* Espaço antes das reticências */
}

.badge {
    display: inline-block;
    background-color: #eb161669;
    /* Cor de fundo do badge */
    color: #fff;
    /* Cor do texto */
    padding: 5px 10px;
    /* Espaçamento interno para o texto */
    border-radius: 12px;
    /* Deixa as bordas arredondadas */
    font-size: 0.875em;
    /* Tamanho do texto */
    margin: 5px 5px 0 0;
    /* Espaçamento entre os badges */
}

.stars {
    max-width: 16px;
}

.rating {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.rating .stars {
    margin-right: 2px;
}

.bio {
    display: flex;
    align-items: center;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 400;
}

.especializacao {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400 !important;
    margin-top: 10px;
    min-height: 110px;
}

.bot_potifolio {
    display: inline-flex;
    border: none;
    background-color: #f11117;
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
    font-weight: 400;
}

.negrito {
    font-weight: 500;
}

.bot_verportfolio {
    float: right;
    margin: 10px 0px 10px 0px;
}

.swiper-slide img.lazy {
    min-width: 430px;
    /* Para garantir que a imagem ocupe 100% da largura do container */
    height: 370px;
    /* Defina uma altura fixa para todas as imagens */
    object-fit: cover;
    /* Garante que as imagens sejam cortadas proporcionalmente */
    border-radius: 20px !important;
}

.swiper-slide img.lazy_img {
    min-width: 320px;
    /* Para garantir que a imagem ocupe 100% da largura do container */
    height: 320px;
    /* Defina uma altura fixa para todas as imagens */
    object-fit: cover;
    /* Garante que as imagens sejam cortadas proporcionalmente */
    border-radius: 20px !important;
}

.search-container {
    max-width: 600px;
    width: 100%;
    text-align: left;
    margin-left: -50px;
    /*            margin: 0 auto;*/
}



.search-bar {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.search-bar input[type="text"] {
    width: 100%;
    padding: 15px 50px 15px 20px;
    /* Espaço suficiente para o ícone */
    border: none;
    border-radius: 30px;
    /* Borda arredondada */
    background-color: #333;
    color: #fff;
    font-size: 16px;
    text-align: left;
    /* Alinhar o texto à esquerda */
}

.search-bar input[type="text"]::placeholder {
    color: #aaa;
}

.search-bar input[type="text"]:focus {
    outline: none;
    background-color: #444;
}

.adjust_search {
    position: absolute;
    max-width: 25px;
    right: 21px;
    color: #fff;
}

.search-bar i {
    position: absolute;
    right: 20px;
    /* Posição do ícone na barra */
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.search-bar i:hover {
    color: #e50914;
}

.location-results {
    margin-top: 20px;
    text-align: left;
    color: #fff;
}

@media (max-width: 768px) {
    .search-bar input[type="text"] {
        padding: 20px 45px 20px 15px;
    }

    .search-container {
        max-width: 600px;
        width: 100%;
        text-align: left;
        margin-left: 0px;
    }

    .swiper-slide img.lazy {
        min-width: 100% !important;
        /* Para garantir que a imagem ocupe 100% da largura do container */
        height: 370px;
        /* Defina uma altura fixa para todas as imagens */
        object-fit: cover;
        /* Garante que as imagens sejam cortadas proporcionalmente */
        border-radius: 10px;
    }
}

.especializacao {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400 !important;
    margin-top: 10px;
    min-height: 90px;
}

.VFDhuqe {
    background-color: var(--590345169);
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 #0000001a;
    margin-top: 5px;
    padding: 0px;
    width: 100%;
}

.b_GqPV1 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

*,
:after,
:before {
    box-sizing: border-box;
}

._zM2Wh_ {
    --header-padding: 16px;
    --padding: var(--gap);
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 45px;
    width: 100%;
}

.QZGZjik {
    align-items: center;
    appearance: none;
    background-color: rgb(241 241 241 / 20%);
    border: 0;
    border-radius: 8px;
    color: var(--2574810031);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
    padding: 10px 12px;
    text-align: left;
    transition: background-color .2s cubic-bezier(.2, 0, .4, 1);
    white-space: nowrap;
    width: 100%;
}


.GruR72a {
    align-items: center;
    background-color: var(--1235219442);
    border-radius: 50%;
    color: var(--2574810031);
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    height: 28px;
    justify-content: center;
    margin: -2px 10px -2px 0;
    width: 28px;
}

.HggM8kh {
    display: block;
    height: 1em;
    width: 1em;
}

.MJGrbsY {
    flex-shrink: 0;
    font-size: 10px;
    margin-left: 12px;
    transform: rotate(0deg);
}

.NHVQ4kK {
    flex-grow: 1;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal {
    display: none;
}

.modal.open {
    display: block;
}

body.fixed main {
    filter: blur(8px);
    /* Ajuste o valor de acordo com o efeito desejado */
}

.modal {
    position: fixed;
    /* Fixa o modal na tela */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Fundo escuro semi-transparente */
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 500;
    overflow: hidden;
    /* Impede rolagem interna no modal */
}

.modal-content {
    position: relative;
    background-color: #202020;
    padding: 20px;
    border-radius: 10px;
    max-width: 80%;
    width: 80%;
    z-index: 1100;
    /* Para garantir que o conteúdo do modal fique no topo */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    margin: auto;
    overflow: auto;
}

.modal-content_img {
    /*position: relative; */
    background-color: #202020;
    padding: 20px;
    border-radius: 10px;
    max-width: 80%;
    width: 70%;
    /* z-index: 1100; */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    /* margin: auto; */
    /* overflow: auto;*/
}


@media screen and (max-width:767.98px) {
    .modal-content {
        background-color: #202020;
        padding: 5px;
        border-radius: 10px;
        max-width: 100%;
        width: 90%;
        z-index: 1100;
        /* Para garantir que o conteúdo do modal fique no topo */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }

    .modal-content_img {
        /*position: relative; */
        background-color: #202020;
        padding: 20px;
        border-radius: 10px;
        max-width: 90%;
        width: 100%;
        /* z-index: 1100; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        /* margin: auto; */
        /* overflow: auto;*/
    }
}

.modal-form input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 0px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.modal-form button {
    padding: 13px 20px;
    background-color: #f11117;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    width: 100%;
    margin-top: 10px;
}

.search {
    padding: 10px 20px 10px 10px !important;
    background-color: #f11117 !important;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    width: 100% !important;
    max-width: 40px !important;
    margin-bottom: 10px !important;
}

.modal-form button:hover {
    background-color: #f11117;
}

#map {
    width: 100%;
    height: 300px;
    border-radius: 10px;
}

.open-modal-btn {
    padding: 10px 20px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 20px;
}

.open-modal-btn:hover {
    background-color: #218838;
}

.Narr5GE {
    align-items: center !important;
    appearance: none !important;
    background-color: #fff !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 50% !important;
    color: #202125 !important;
    cursor: pointer !important;
    display: flex !important;
    font-size: 12px !important;
    height: 40px !important;
    justify-content: center !important;
    padding: 0 !important;
    right: 16px !important;
    top: 16px !important;
    width: 40px !important;
    position: absolute;
    z-index: 10 !important;
    margin: 190px 30px 0px 0px;
}

.HggM8kh {
    display: block;
    height: 1em;
    width: 1em;
}

.vAuyH9z {
    appearance: none;
    background-color: initial;
    border: 0;
    cursor: pointer;
    margin: 0 auto 16px;
    max-width: 100%;
    padding: 0;
    width: 400px;
}

.eJZYo8r {
    display: block;
    position: relative;
    width: 100%;
}

.NolyCqv {
    position: relative;
}

.Wyqwkr5 {
    line-height: 1;
    white-space: nowrap;
}

.Apr1M0i .HZ94mUc {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
}

.x4e2GnA {
    border: 2px solid var(--2574810031);
    border-radius: 8px;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s cubic-bezier(.2, 0, .4, 1), border .2s cubic-bezier(.2, 0, .4, 1);
}

.label_endereço {
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    color: #fff;
}

/* Estilo do botão de fechar (arredondado com X) */
.close-modal-btn {
    position: absolute;
    top: 10px;
    /* Ajusta a distância do topo */
    right: 10px;
    /* Ajusta a distância da direita */
    width: 30px;
    height: 30px;
    border: none;
    background-color: #f11117;
    /* Cor de fundo */
    color: white;
    /* Cor do X */
    font-size: 20px;
    /* Tamanho do X */
    border-radius: 50%;
    /* Tornando o botão arredondado */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    /* Certifica-se de que o botão fique acima de outros elementos */
}

.close-modal-btn:hover {
    background-color: #ff1a1a;
    /* Efeito ao passar o mouse */
}

.tit-modal {
    font-size: 25px;
    line-height: 1.3
}

.bot-confirma-loc {
    margin-top: -5px !important;
    margin-bottom: 10px;
}

.alinhar-direita {
    float: right !important;
}

.bot-avatar {
    text-align: center;
    background: #eb1616;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #eb1616;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}

.bot-avatar:hover {
    background-color: #202020;
    color: white;
    border-color: #eb1616;
    color: #eb1616;
}

.file-input {
    display: none !important;
}

.text-upload {
    font-size: 14px !important;
}

.apelido {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    z-index: 1000;
}

.txt_apelido {
    margin-left: 10px !important;
    font-size: 12px;
}

@media screen and (max-width:767.98px) {
    .txt_apelido {
        position: absolute;
        right: 48px;
        top: 7px;
        width: 150px;
        text-align: right;
    }

    .bookmark-icon-artista {
        position: absolute;
        top: 0px;
        left: -145px !important;
        cursor: pointer;
        transition: fill 0.3s ease;
        color: #eb1616;
        /* Cor vermelha do site */
    }

    .like-icon-artista {
        position: absolute;
        top: 0px;
        right: -145px;
        cursor: pointer;
        display: flex;
        /* Alinha o número e o ícone na horizontal */
        align-items: center;
        /* Centraliza verticalmente o número e o ícone */
        gap: 10px;
        /* Espaçamento entre o número e o ícone */
        transition: fill 0.3s ease;
        color: #eb1616;
        /* Cor vermelha do site */
    }
}

.gallery_content-filters {
    margin-bottom: 40px;
    margin-top: 20px;
}

.gallery_content-filters .list-item {
    margin-right: 5px;
    margin-top: 5px
}

.gallery_content-filters .list-item:last-of-type {
    margin-right: 0
}

.gallery_content-filters_filter {
    display: inline-block;
    border: 2px solid #eb1616;
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 10px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.gallery_content-filters_filter.current,
.gallery_content-filters_filter:focus,
.gallery_content-filters_filter:hover {
    background: #eb1616
}

.gallery_content-media_item {
    margin-bottom: 20px;
    position: relative;
    float: left;
    min-height: 1px
}

.gallery_content-media_item .aspect {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    z-index: 1000;
    overflow: hidden;
    padding-bottom: 80%;
    border-radius: 15px !important;

}

.gallery_content-media_item .aspect__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gallery_content-media_item .aspect__inner img {
    height: 100%
}

.gallery_content-media_item:hover .gallery-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);

}

.gallery_content-media_item .gallery-img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.gallery_pagination {
    margin-top: 20px
}

@media screen and (min-width:767.98px) {
    .gallery_header {
        margin-bottom: 100px
    }

    .gallery_header-subtitle {
        top: -31%;
        left: 37%
    }

    .gallery_content-media {
        margin: 0 -15px
    }

    .gallery_content-media_item {
        margin-bottom: 30px;
        padding: 0 10px
    }

    .gallery_pagination {
        margin-top: 10px
    }
}

@media screen and (min-width:991.98px) {
    .gallery_header {
        margin-bottom: 110px
    }

    .gallery_header-subtitle {
        left: 29%
    }

    .gallery_content-filters {
        margin-bottom: 50px
    }

    .gallery_content-filters .list-item {
        margin-right: 10px
    }

    .gallery_pagination {
        margin-top: 40px
    }
}

@media screen and (min-width:1199.98px) {
    .gallery_header-subtitle {
        left: 5%;
        top: 15%;
    }
}

@media screen and (min-width:1399.98px) {
    .gallery_header-subtitle {
        left: 20%
    }
}

.pagination_pages-page .btn {
    padding: 9px 17px
}

.pagination_control {
    color: #eb1616
}

.pagination_control.btn.theme-element {
    padding: 9px 20px
}

@media screen and (min-width:374.98px) {
    .pagination_pages {
        margin: 0 14px
    }

    .pagination_pages-page {
        margin-right: 10px
    }

    .pagination_pages-page:last-of-type {
        margin-right: 0
    }

    .pagination_control {
        padding: unset
    }
}

@media screen and (min-width:575.98px) {
    .pagination_pages {
        margin: 0 30px
    }

    .pagination_pages-page .btn {
        padding: 12px 22px
    }

    .pagination_control.btn.theme-element {
        padding: 12px 20px
    }
}

.gallery-radius {
    border-radius: 15px;
}

.gallery_content-media_item {
    position: relative;
    /* Para posicionar o figcaption dentro da figura */
}

#baguetteBox-overlay .full-image figcaption {
    bottom: 540px !important;
    left: 690px !important;
    rigth: 30% !important;
    width: 460px !important;
    text-align: left;
    top: 80px;
}

#baguetteBox-overlay .full-image img {
    display: inline-block !important;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    margin-left: -40%;
}

@media screen and (max-width:768px) {
    #baguetteBox-overlay .full-image {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center
    }

    #baguetteBox-overlay .full-image img {
        width: auto;
        height: 55%;
        max-height: 100%;
        max-width: 100%;
        vertical-align: top;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        margin-left: 0% !important;
        margin-top: -60px;
    }

    #baguetteBox-overlay .full-image figure {
        display: block !important;
        margin: 0;
        height: 100%
    }

    #baguetteBox-overlay .full-image figcaption {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100% !important;
        text-align: left;
        line-height: 1.8;
        white-space: normal;
        color: #ccc;
        background-color: rgb(0 0 0 / 60%);
        font-family: sans-serif;
        top: 80px;
        margin-left: -168%;
        padding-left: 20px;
        padding-right: 15px;
    }

    .tattoo-artist-bg_tattoo {
        position: absolute;
        bottom: 15px;
        left: 15px;
        top: 65px;
        right: 15px;
        background-color: rgba(0, 0, 0, 0.3);
        /* Fundo preto semi-transparente */
        padding: 5px 20px 5px 20px;
        border-radius: 14px;
    }
}

.gm-style-iw h3 {
    color: #282828 !important;
    /* Define o texto para preto */
}

.gm-style-iw p {
    color: #282828 !important;
    /* Define o texto para preto */
}

.info-content button {
    padding: 8px 12px;
    background-color: #e50914;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.info-content button:hover {
    background-color: #b20710;
}

/* Estilização da seção do vídeo */
.video-section {
    position: relative;
    width: 100%;
    height: 500px;
    /* Altura padrão para desktop */
    overflow: hidden;
}

.video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
}

/* Camada semitransparente */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

/* Conteúdo da seção */
.video-content {
    position: relative;
    z-index: 3;
    color: white;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    opacity: 0;
    /* Começa invisível */
    animation: fadeIn 1s forwards;
    animation-delay: var(--delay);
}

/* Ajustes para dispositivos móveis */
@media (max-width: 768px) {

    ul {
        padding-right: 0px;
    }

    .video-content {
        position: relative;
        z-index: 3;
        color: white;
        text-align: left;
        top: 55%;
        transform: translateY(-50%);
        left: 5%;
        margin-right: 5%;
    }

    .video-background {
        position: absolute;
        top: 60%;
        left: 80%;
        width: 190%;
        height: auto;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        z-index: 1;
    }

    .video-section {
        position: relative;
        width: 100%;
        height: 550px;
        /* Altura padrão para desktop */
        overflow: hidden;
    }

}

.bookmark-icon img,
.like-icon img {
    width: 24px;
    /* Ajuste o valor conforme necessário */
    height: 24px;
    /* Ajuste o valor conforme necessário */
    max-width: 100%;
    /* Garante que o ícone não ultrapasse o tamanho do contêiner */
}

.bookmark-icon.marked img {
    filter: brightness(0.2) saturate(10);
    /* Ajuste para destacar */
}

.like-icon.liked img {
    filter: brightness(0.7) saturate(2);
    /* Ajuste para destacar */
}

.rounded-animation {
    width: 250px;
    height: 250px;
    border-radius: 76px;
    overflow: hidden;
    /* Certifique-se de adicionar isso para recortar o conteúdo arredondado */
}

.availability-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* Espaço entre os dias */
}

.day-block {
    display: flex;
    align-items: center;
    gap: 10px;
    /* Espaço entre colunas */
}

.day-column {
    flex: 3;
    /* Ocupa mais espaço, em proporção */
}

.time-column {
    flex: 2;
    /* Ocupa menos espaço */
}

.repeat-button-wrapper {
    flex: 0;
}

.time-field {
    width: 100%;
    /* Garante que o campo preencha sua coluna */
    padding: 5px;
    /* Adiciona um espaço interno para melhor aparência */
}

.time-field-wrapper {
    position: relative;
    /* Necessário para posicionar o ícone dentro do campo */
}

.icon-clock {
    position: absolute;
    right: 20px;
    /* Ajuste conforme necessário */
    top: 50%;
    transform: translateY(-50%);
    color: white;
    /* Ícone na cor branca */
    font-size: 16px;
    /* Tamanho do ícone */
    pointer-events: none;
    /* Garante que o clique não afete o ícone */
}

.time-field {
    padding-left: 35px;
    /* Cria espaço para o ícone dentro do campo */
    width: 100%;
    padding: 5px;
}

.fonte_dias {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    font-family: Oswald, sans-serif;
}

.thumbnail-row {
    display: flex;
    flex-wrap: wrap;
}

.custom-thumbnail {
    /* Alteração para evitar conflito */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px;
}

.custom-thumbnail img {
    object-fit: cover;
    border-radius: 5px;
}

.custom-thumbnail span {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}

/* Estilo para as miniaturas */
.image-preview {
    width: 80px;
    /* Ajuste o tamanho conforme necessário */
    height: 80px;
    /* Ajuste o tamanho conforme necessário */
    object-fit: cover;
    /* Garante que a imagem preencha o espaço sem distorção */
    border: 2px dotted #555;
    /* Borda no estilo "dotted" */
    margin: 5px;
    position: relative;
    /* Para posicionar o botão de exclusão em relação à miniatura */
}

/* Estilo para o botão de excluir */
.delete-image-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #f11117;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
    display: none;
    /* Inicialmente escondido */
}

/* Exibe o botão de exclusão quando a miniatura é visualizada */
.image-wrapper:hover .delete-image-btn {
    display: block;
}

.remaining-count {
    font-size: 18px;
    color: green;
}

.botao_ajuda {
    margin-left: 5px;
    width: 22px;
    height: 22px;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    background-color: #f11117;
    border: transparent;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.botao_ajuda:hover {
    background-color: transparent;
    border: 1px solid #f11117;
}

.icon_help {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.icon_help:hover {
    color: #f11117;
}

.fonte_subtitle {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    font-family: Oswald, sans-serif;
}

@media (max-width: 768px) {
    .hero_slider-slide {
        height: 50vh !important;
        background-size: contain;
        /* Faz com que a imagem inteira seja visível */
        background-position: center;
        /* Mantém centralizado */
    }
}

.glass-effect {
    background: rgba(255, 255, 255, 0.02);
    /* Fundo levemente translúcido */
    border-radius: 15px;
    backdrop-filter: blur(15px) brightness(1.1);
    /* Desfoque e brilho */
    -webkit-backdrop-filter: blur(15px) brightness(1.1);
    /* Compatibilidade com Safari */
    border: 1px solid rgba(255, 255, 255, 0.25);
    /* Bordas mais visíveis */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
    /* Sombra para dar profundidade */
    padding: 20px;
    max-width: 300px;
    width: 100%;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glass-effect:hover {
    transform: scale(1.05);
    /* Aumenta levemente ao passar o mouse */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
    /* Sombra mais forte */
}

.glass-effect h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: white;
    /* Mantém as fontes sólidas */
}

.glass-effect ul {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}

.glass-effect ul li {
    margin-bottom: 8px;
    font-size: 16px;
    color: white;
    /* Texto sólido para contraste */
}

.glass-effect p.highlight {
    color: #eb1616;
    /* Destaque em vermelho sólido */
    font-weight: bold;
    font-size: 25px;
}

.table-container {
    background: rgba(255, 255, 255, 0.15);
    /* Fundo translúcido */
    border-radius: 15px;
    backdrop-filter: blur(15px);
    /* Efeito de vidro fosco */
    -webkit-backdrop-filter: blur(15px);
    /* Compatibilidade com Safari */
    border: 1px solid rgba(255, 255, 255, 0.25);
    /* Bordas translúcidas */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
    /* Sombra leve */
    padding: 20px;
    margin-top: 50px;
}

table {
    width: 100%;
    border-collapse: collapse;
    color: white;
    text-align: center;
    font-size: 16px;
}

table th,
table td {
    padding: 10px;
}

table th {
    background: rgba(255, 255, 255, 0.1);
    /* Cabeçalho com leve destaque */
    font-weight: bold;
}

table tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.05);
    /* Linhas alternadas */
}

table tr:hover {
    background: rgba(255, 255, 255, 0.2);
    /* Destaque ao passar o mouse */
}

.table-container-comparison {
    background: rgba(255, 255, 255, 0.02);
    /* Fundo translúcido */
    border-radius: 15px;
    backdrop-filter: blur(15px);
    /* Efeito de vidro fosco */
    -webkit-backdrop-filter: blur(15px);
    /* Compatibilidade com Safari */
    border: 1px solid rgba(255, 255, 255, 0.25);
    /* Bordas translúcidas */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
    /* Sombra leve */
    padding: 20px;
    margin: 0 auto;
    /* Centraliza o conteúdo */
    width: 100%;
    /* Largura padrão para dispositivos móveis */
    max-width: 91%;
    /* Largura máxima para desktops */
    text-align: center;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    color: white;
    font-size: 16px;
}

.comparison-table th,
.comparison-table td {
    adding: 10px 10px 10px 50px;
    text-align: left;
}

.comparison-table th {
    background: rgba(255, 255, 255, 0.1);
    /* Fundo do cabeçalho */
    font-weight: bold;
}

.comparison-table tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.05);
    /* Fundo alternado */
}

.comparison-table tr:hover {
    background: rgba(255, 255, 255, 0.2);
    /* Destaque ao passar o mouse */
}

@media screen and (max-width: 768px) {
    .table-container-comparison {
        width: 100%;
        /* Ajusta a largura para dispositivos móveis */
    }

    .comparison-table th,
    .comparison-table td {
        font-size: 14px;
        /* Reduz o tamanho da fonte para telas pequenas */
        padding: 8px;
    }

    .table-container-comparison {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 15px;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border: 1px solid rgba(255, 255, 255, 0.25);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
        padding: 5px;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .glass-effect {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 15px;
        backdrop-filter: blur(15px) brightness(1.1);
        -webkit-backdrop-filter: blur(15px) brightness(1.1);
        border: 1px solid rgba(255, 255, 255, 0.25);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
        padding: 20px;
        max-width: 100%;
        width: 100%;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
}

.led {
    width: 0px;
    /* Tamanho do LED */
    height: 0px;
    background-color: #0f0;
    /* Cor verde base */
    border-radius: 0%;
    /* Deixa o LED redondo */
    box-shadow: 0 0 20px #0f0, 0 0 40px #0f0, 0 0 60px #0f0;
    /* Brilho inicial */
    animation: ledPulse 1.5s infinite;
    /* Animação pulsante */
    font-size: 25px;
}

@keyframes ledPulse {

    0%,
    100% {
        box-shadow: 0 0 20px #0f0, 0 0 40px #0f0, 0 0 60px #0f0;
        /* Brilho forte */
        background-color: #0f0;
        /* Cor intensa */
    }

    50% {
        box-shadow: 0 0 10px #0f0, 0 0 20px #0f0, 0 0 30px #0f0;
        /* Brilho reduzido */
        background-color: #0dff0d;
        /* Cor levemente mais clara */
    }
}

.reviews_controls {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.reviews_controls-control {
    -webkit-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
    font-size: 20px;
    cursor: pointer
}

.reviews_controls-control--prev {
    margin-right: 30px
}

.reviews_controls-control:focus,
.reviews_controls-control:hover {
    color: #eb1616
}

@media screen and (min-width:767.98px) {
    .reviews_header {
        margin-bottom: 30px;
        max-width: 400px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reviews_slider {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 0
    }

    .reviews_slider-slide {
        height: auto
    }

    .reviews_slider-slide_wrapper .icon {
        margin-right: 30px
    }

    .reviews_slider-slide_wrapper .main_review {
        margin: 0 0 10px
    }

    .reviews_controls {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: -25px
    }
}

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Caso queira centralizar horizontalmente também */
    height: 50%;
    /* Ou a altura desejada */
}

.logo_planos {
    max-width: 60% !important;
    margin: 0;
    /* Remove margens desnecessárias */
}

.badge.total-likes-badge {
    background-color: rgba(0, 0, 0, 0.3);
    ;
    color: #fff;
    border-radius: 6px;
    padding: 1px 15px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 0 0 !important;
}

.badge.total-likes-badge img {
    width: 16px;
    height: 16px;
}

.plan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #666;
    border-radius: 10px;
    padding: 15px 15px 15px 15px;
    margin-bottom: 10px;
}

.plan-content {
    flex: 1;
    text-align: left;
    /* Garante alinhamento à esquerda */
    font-size: 14px !important;
}

.plan-title {
    font-size: 20px !important;
}

#appointments {
    margin-top: 20px;
}

.appointment-card {
    background: #f4f4f4;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.select-otimizado {
    display: block;
    cursor: pointer;
    max-width: 100% !important;
    color: #fff;
    padding: 11px 18px;
    margin-bottom: 15px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: none;
    border-top: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #202020;
    font-size: 16px;
    line-height: 1.5;
    font-family: Roboto, sans-serif;
}

@media screen and (max-width: 768px) {
    .select-otimizado {
        /*    display: block;*/
        cursor: pointer;
        max-width: 100%;
        color: #fff;
        padding: 11px 18px;
        margin-bottom: 15px;
        border-left: 1px solid #999;
        border-bottom: 1px solid #999;
        border-right: none;
        border-top: none;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        background: #202020;
        font-size: 16px;
        line-height: 1.5;
        font-family: Roboto, sans-serif;
    }
}

.spinner {
    display: none;
    width: 30px;
    height: 30px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #eb1616;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.select-container {
    width: 100%;
    position: relative;
}

.select-otimimizado {
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box;
    /* Inclui padding e borda no cálculo do tamanho */
    font-size: 1rem;
    /* Ajuste o tamanho do texto para maior acessibilidade */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    appearance: none;
    /* Remove a seta padrão do select (opcional) */
}

.select-otimimizado:after {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.8rem;
    color: #666;
}

.tattoo-search-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.tattoo-search-options {
    display: flex;
    gap: 15px;
    /* Espaçamento entre os botões */
    float: left;
}

.tattoo-search-options label {
    font-size: 16px;
    color: #fff;
    /* Ajuste de cor conforme o tema */
    cursor: pointer;
    margin-right: 10px;
}

.tattoo-search-options input[type="radio"] {
    margin-right: 10px;
    width: 23px;
    height: 23px;
    accent-color: #eb1616;
}


@media screen and (max-width:767.98px) {
    .bot-plano-mobile {
        margin-top: 64px;
        padding: 6px 12px !important;
        margin-left: 2px;
    }

    .tattoo-search-options label {
        font-size: 16px;
        color: #fff;
        /* Ajuste de cor conforme o tema */
        cursor: pointer;
        margin-right: 10px;
        white-space: nowrap;
    }
}

.led-blink {
    color: #00ff00;
    /* Cor inicial do título (verde) */
    animation: blink 1s infinite;
    /* Piscar indefinidamente */
}

@keyframes blink {

    0%,
    100% {
        opacity: 0.5;
        /* Totalmente visível */
    }

    50% {
        opacity: .8;
        /* Totalmente invisível */
    }
}

.ajuste-tb {
    margin-top: 0px;
    margin-bottom: 0px;
}

@media screen and (max-width:767.98px) {
    .ajuste-tb {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.icon-ver {
    max-width: 20px;
    filter: brightness(200%) saturate(0%) contrast(90%);
    transition: fill 0.3s;
    display: inline-flex;
    /* Permite alinhamento horizontal de itens */
    align-items: center;
    /* Alinha verticalmente o texto e o ícone */
    vertical-align: middle;
    margin-right: 5px;

}

.icon-ver:hover {
    max-width: 20px;
    filter: brightness(0) saturate(100%) invert(47%) sepia(74%) saturate(395%) hue-rotate(96deg) brightness(86%) contrast(86%);
    transition: fill 0.3s;
}

/* Badge base */
.badge {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 12px;
    /* Bordas arredondadas */
    text-align: center;
    min-width: 40px;
    /* Garante uma largura mínima */
    color: #fff;
    /* Texto branco para destaque */
}

/* Cores dos badges */
.badge-pending {
    background-color: #ffc107;
    /* Amarelo para Pendente */
    color: #212529;
    /* Texto em preto para contraste */
}

.badge-confirmed {
    background-color: #007bff;
    /* Azul para Confirmado */
}

.badge-completed {
    background-color: #28a745;
    /* Verde para Finalizado */
}

.badge-canceled {
    background-color: #dc3545;
    /* Vermelho para Cancelado */
}

/* Fallback para status desconhecido */
.badge-default {
    background-color: #6c757d;
    /* Cinza para status não mapeados */
}

/* Estilo geral da tabela */
.table {
    width: 100%;
    border-collapse: collapse;
    background-color: #1a1a1a;
    color: #fff;
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
    text-align: left;
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
}

/* Cabeçalho da tabela */
.table thead {
    background-color: #2c2c2c;
}

.table thead th {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: bold;

}

/* Corpo da tabela */
.table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.table tbody tr:nth-child(even) {
    background-color: #212121;
}

.table tbody td {
    padding: 10px 15px;
}

/* Botões de ação */
.table .btn {
    padding: 7px 7px;
    font-size: 14px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 5px;
}

.table .btn-primary {
    background-color: #007bff;
    color: #fff;
    font-weight: 600;
    min-width: 90px;
}

.table .btn-primary:hover {
    background-color: #0056b3;
}

.table .btn-success {
    background-color: #038500;
    color: #fff;
    font-weight: 600;
    min-width: 90px;
}

.table .btn-success:hover {
    background-color: #025700;
}

.table .btn-danger {
    background-color: #eb1616;
    color: #fff;
    font-weight: 600;
    min-width: 90px;

}

.table .btn-danger:hover {
    background-color: #a71d2a;
}

/* Ajustes para telas pequenas (responsividade) */
@media (max-width: 768px) {
    .table {
        font-size: 14px;
        /* Ajusta o tamanho da fonte */
    }

    .table td,
    .table th {
        padding: 8px;
        /* Ajuste de padding para telas menores */
    }

    .table-container {
        width: 100%;
        overflow-x: auto;
        /* Permite rolagem horizontal */
        -webkit-overflow-scrolling: touch;
        /* Suporte para rolagem suave em iOS */
    }
}

.input-container {
    position: relative;
}

.eye-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

.eye-icon img {
    width: 20px;
    height: 20px;
}

.container-pg-artista {
    display: flex;
    flex-wrap: wrap;
    /* Permite empilhar em dispositivos móveis */
    gap: 20px;
    /* Espaçamento entre colunas */
    margin-top: 20px;
}

.left-div-pg-artista,
.right-div-pg-artista {
    padding: 15px;
    border: 1px solid #434343;
    border-radius: 5px;
    background-color: transparent;
}

.left-div-pg-artista {
    flex: 1;
    /* min-width: 250px; Tamanho mínimo para dispositivos menores */
    max-width: 25%;
    /* Tamanho máximo para manter uma boa proporção */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /* Alinha o avatar no centro */
    /* max-height: 435px; */
}

.avatar-pg-artista {
    width: 80px;
    height: 80px;
    object-fit: cover;
    /* Ajusta a imagem sem distorcer */
    border-radius: 50%;
    /* Torna o avatar redondo */
    border: 2px solid #ddd;
    /* Adiciona uma borda ao redor do avatar */
    margin-bottom: 10px;
    /* Espaço entre o avatar e o sobrenome */
}

.avatar-surname-pg-artista {
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.right-div-pg-artista {
    flex: 2;
    max-width: 75%;
    overflow-y: auto;
    /* Insere barra de rolagem se necessário */
    height: auto;
}

/* Sincroniza a altura das duas colunas */
.container-pg-artista {
    align-items: stretch;
}

/* Layout para dispositivos móveis */
@media screen and (max-width: 768px) {

    .left-div-pg-artista,
    .right-div-pg-artista {
        flex: unset;
        max-width: unset;
        width: 100%;
        /* Ambos ocupam 100% da largura */
        min-height: 120px;
    }

    .avatar-pg-artista {
        width: 80px;
        /* Ajusta o tamanho do avatar em dispositivos móveis */
        height: 80px;
    }

    .avatar-surname-pg-artista {
        font-size: 18px;
    }
}

.artist-styles {
    margin-top: 15px;
}

/* Botão estilizado */
.whatsapp-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Espaço entre ícone e texto */
    background-color: #5555553d;
    /* Cor padrão do WhatsApp */
    color: white;
    border: none;
    border-radius: 25px;
    /* Cantos arredondados */
    padding: 10px 20px;
    /* Espaçamento interno */
    font-size: 16px;
    /* Tamanho do texto */
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    /* Animação ao passar o mouse */
    min-width: 215px;
}

.whatsapp-button:hover {
    background-color: #1ebe57;
}

.marcar-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Espaço entre ícone e texto */
    background-color: #5555553d;
    /* Cor padrão do WhatsApp */
    color: white;
    border: none;
    border-radius: 25px;
    /* Cantos arredondados */
    padding: 10px 20px;
    /* Espaçamento interno */
    font-size: 16px;
    /* Tamanho do texto */
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    /* Animação ao passar o mouse */
    min-width: 215px;
}

.marcar-button:hover {
    background-color: #b528285c;
}

/* Botão estilizado */
.avaliar-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Espaço entre ícone e texto */
    background-color: #5555553d;
    /* Cor padrão do WhatsApp */
    color: white;
    border: none;
    border-radius: 25px;
    /* Cantos arredondados */
    padding: 10px 20px;
    /* Espaçamento interno */
    font-size: 16px;
    /* Tamanho do texto */
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    /* Animação ao passar o mouse */
    min-width: 215px;
}

.avaliar-button:hover {
    background-color: #d7a62666;
    border: 2;
    borger-color: #000;
}

.depoimento-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Espaço entre ícone e texto */
    background-color: #5555553d;
    /* Cor padrão do WhatsApp */
    color: white;
    border: none;
    border-radius: 25px;
    /* Cantos arredondados */
    padding: 10px 20px;
    /* Espaçamento interno */
    font-size: 16px;
    /* Tamanho do texto */
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    /* Animação ao passar o mouse */
    min-width: 215px;
}

.depoimento-button:hover {
    background-color: #641a0cc4;
    border: 2;
    borger-color: #000;
}

.whatsapp-icon {
    width: 24px;
    /* Largura do ícone */
    height: 24px;
    /* Altura do ícone */
}

.marcar-icon {
    width: 24px;
    /* Largura do ícone */
    height: 24px;
    /* Altura do ícone */
}

.avaliar-icon {
    width: 24px;
    /* Largura do ícone */
    height: 24px;
    /* Altura do ícone */
}

.actions-bts {
    position: absolute !important;
}

.swiper-button-next-artist,
.swiper-button-prev-artist {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    /* Ajuste o tamanho conforme necessário */
    height: 40px;
    z-index: 10;
    cursor: pointer;
}

.swiper-button-next-artist {
    right: 10px;
}

.swiper-button-prev-artist {
    left: 10px;
}

.swiper-button-next-artist img,
.swiper-button-prev-artist img {
    width: 100%;
    height: auto;
}

.avatar-container-pg-artista {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.icon-text-row {
    display: flex;
    /* Define layout em linha */
    align-items: center;
    /* Alinha verticalmente ao centro */
    gap: 8px;
    /* Espaçamento entre o ícone e o texto (ajuste conforme necessário) */
}

.icon-text-row img {
    width: 18px;
    /* Tamanho do ícone (ajuste conforme necessário) */
    height: auto;
    /* Mantém a proporção do ícone */
    filter: invert(50%) brightness(1) saturate(100%);
}

.icon-text-row h4 {
    margin: 0;
    /* Remove margens do texto para evitar desalinhamento */
    font-size: 16px;
    /* Ajuste o tamanho da fonte conforme necessário */
}

.rating-star {
    margin: 0 5px;
    transition: transform 0.2s;
}

.rating-star:hover {
    transform: scale(1.2);
    /* Destaca a estrela no hover */
}

.like-container {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
}

.like-badge {
    background-color: #eb161669;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 12px;
    min-width: 20px;
    text-align: center;
    position: absolute;
    right: 40px;
    top: 48px;
}

.galeria {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    /* Espaçamento entre os itens */
    padding: 16px;
}

/* Container de cada item */
.galeria-item {
    position: relative;
}


.galeria img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    /* Bordas arredondadas */
}

/* Efeito ao passar o mouse */


.icon-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
}

.icon-btn svg {
    fill: #fff;
    /* Define a cor do ícone como branco */
    width: 20px;
    /* Tamanho ajustado */
    height: 20px;
}

/* Menu pop-up */
.pop-menu {
    position: absolute;
    top: 60px;
    right: 16px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 8px;
    display: none;
    /* Oculto por padrão */
    z-index: 10;
}

.pop-menu a {
    display: block;
    padding: 5px 9px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: background-color 0.3s ease;
    text-align: -webkit-center;
}

@media screen and (max-width: 768px) {

    .left-div-pg-artista,
    .right-div-pg-artista {
        flex: unset;
        max-width: unset;
        width: 100%;
        /* Ambos ocupam 100% da largura */
        min-height: 120px;
    }
}


.alinha-icon-actions {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    /* Define o tamanho do círculo */
    height: 40px;
    background-color: rgba(0, 0, 0, 0.7);
    /* Cor de fundo do círculo */
    border-radius: 50%;
    /* Torna o elemento circular */
    display: flex;
    /* Flexbox para centralização */
    justify-content: center;
    /* Centraliza horizontalmente */
    align-items: center;
    /* Centraliza verticalmente */
    cursor: pointer;
    /* Estilo de cursor */
    transition: background-color 0.3s ease;
}

.alinha-icon-actions:hover {
    background-color: rgba(0, 0, 0, 0.9);
    /* Cor ao passar o mouse */
}

.alinha-icon-actions img {
    width: 20px;
    /* Ajusta o tamanho da imagem */
    height: 20px;
    object-fit: contain;
    /* Mantém as proporções */
}


.action-item {
    display: inline-flex;
    /* Garante que os elementos fiquem na mesma linha */
    align-items: center;
    /* Alinha verticalmente os itens */
    gap: 8px;
    /* Espaçamento entre o ícone e o texto */
}

.icone-actions {
    width: 24px !important;
    /* Ajuste o tamanho conforme necessário */
    height: 24px !important;
    /* Garantir proporção */
    border-radius: 0px !important;
}

.icone-actions-menu {
    width: 34px !important;
    /* Ajuste o tamanho conforme necessário */
    height: 34px !important;
    /* Garantir proporção */
    border-radius: 0px !important;
}

.action-text {
    color: #000;
    /* Cor do texto */
    font-size: 14px;
    /* Tamanho do texto */
    font-weight: 500;
}

.toggle-btn,
.menu a {
    position: absolute;
    display: block;
    display: -ms-grid;
    display: grid;
    place-items: center;
    border-radius: 50%;
    z-index: 1000;
}

.toggle-btn {
    background-color: #eb1616;
    height: 50px;
    width: 50px;
    top: 10px;
    left: 15px;
    color: #ffffff;
    border: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1000;
}

.menu a {
    background-color: #ffffffd9;
    height: 40px;
    width: 40px;
    top: 12px;
    left: 22px;
    font-size: 22px;
    color: #4249ed;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

}

.active_btn {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#yt-link {
    background-color: #ffffff;
    color: #0f1730;
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 30px;
    padding: 15px 0;
    border-radius: 5px;
    width: 320px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    text-decoration: none;
}

.ajuste_altura {
    min-height: 300px;
}

@media (max-width: 768px) {
    .toggle-btn {
        height: 60px;
        width: 60px;
    }

    .menu a {
        height: 50px;
        width: 50px;
    }
}

.total-images {
    font-size: 0.8rem;
    color: #333;
}

.sombra_botao {
    box-shadow: 00 4px 10px rgb(0 0 0 / 79%);
}

.filter-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.filters {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter-group {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.col {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

/* Responsividade */
@media (max-width: 768px) {
    .filter-group {
        flex-direction: column;
    }

    .col {
        width: 100%;
    }
}

.hover_icon_x {
    transition: filter 0.3s ease-in-out;
    /* Suaviza o efeito de hover */
}

.hover_icon_x:hover {
    filter: invert(23%) sepia(97%) saturate(7443%) hue-rotate(0deg) brightness(90%) contrast(94%);
}

.swiper-tattoo-photos {
    margin-left: 15px;
    margin-right: 15px;
}

.tattoo_artists {
    margin-left: 15px;
    margin-right: 15px;
}

.close-button {
    position: absolute;
    top: 0px;
    right: 10px;
    background: none;
    border: none;
    font-size: 50px;
    cursor: pointer;
}

.close-button:hover {
    color: red;
}

.modal-image img {
    max-height: 400px;
}

.center-align {
    display: flex;
    justify-content: center;
    align-items: center;
}

.planos_width {
    width: 200px;
}

@media (max-width: 768px) {
    .planos_width {
        width: 0px;
    }

    .ink-dropdown {
        position: absolute;
        top: 70px !important;
        right: 31px !important;
        width: 100%;
        max-width: 250px;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        padding: 1rem;
        z-index: 999;
        transition: all 0.3s ease;
    }
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
}

.comparison-table th,
.comparison-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}

@media (max-width: 768px) {
    .comparison-table thead {
        display: none;
    }

    .comparison-table,
    .comparison-table tbody,
    .comparison-table tr,
    .comparison-table td {
        display: block;
        width: 100%;
    }

    .comparison-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        padding: 10px;
    }

    .comparison-table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }

    .comparison-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        text-align: left;
        font-weight: bold;
    }
}

.horarios-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
}

.horario-pill {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    border-radius: 20px;
    border: none;
    background-color: #f8f8f8;
    cursor: pointer;
    color: #202020;
    font-weight: 600;
}

.horario-pill:hover {
    background-color: #eb1616;
    color: #fff;
    border: none;
}

.horario-pill.selected {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.pill {
    background-color: #eb1616;
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 12px;
    margin-left: 10px;
    display: inline-block;
}

/* Aumenta o tamanho da fonte do input */
#appointment_date {
    font-size: 18px;
    padding: 10px;
    width: 100%;
    max-width: 350px;
    height: 50px;
    border: 2px solid #eb1616;
    border-radius: 5px;
    color: white;
    background-color: black;
    /* Fundo escuro para destaque */

    /* Oculta a aparência padrão do input */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Adiciona um ícone de calendário personalizado */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23eb1616" viewBox="0 0 24 24"><path d="M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14zm-9-3h5v-2h-5zm0-4h5v-2h-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 24px;
}

/* Estiliza o ícone do calendário (apenas para navegadores que suportam) */
#appointment_date::-webkit-calendar-picker-indicator {
    font-size: 24px;
    /* Aumenta o tamanho do ícone */
    filter: invert(29%) sepia(83%) saturate(7436%) hue-rotate(357deg) brightness(95%) contrast(108%);
    /* Muda a cor do ícone para branco */
}

/* Se precisar deixar o ícone mais visível em alguns navegadores */
#appointment_date {
    background-color: transparent;
    border: 1px solid #fff;
}

/* Para iPhones (remover o ícone padrão do Safari) */
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

.btn-map {
    padding: 10px 30px;
    /* Remove o 0px do padding-bottom */
    background-color: #f11117;
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    min-width: 80px;
    display: inline-block;
    /* Garante que a altura do botão respeite o conteúdo */
    text-align: center;
    margin-bottom: 10px;
    /* Adiciona espaço extra abaixo do botão */
}

.btn-map:hover {
    background-color: #f111179c;
}

.custom-infowindow {
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    padding-bottom: 20px !important;
}

.margin-distancia {
    margin-top: 5px !important;
    margin-bottom: 15px !important;
}

.avatar-container-pg-artista img {
    width: 100px;
    /* Ajuste conforme necessário */
    height: 100px;
    /* Ajuste conforme necessário */
    object-fit: cover;
    border-radius: 50%;
}

.mySwiper .swiper-slide img {
    width: 100%;
    max-height: 236px;
    object-fit: cover;
    border-radius: 6px !important;
    height: 300px;
    margin-top: 38px;
}

/* Aplica efeito de opacidade e preto e branco */
.faded-image {
    opacity: 0.5;
    /*filter: grayscale(100%);*/
    transition: opacity 0.3s ease, filter 0.3s ease;
    width: 100%;
    display: block;
}

/* Restaura as cores e opacidade ao passar o mouse */

.alinha-nome {
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 20px;
    z-index: 1000;
}

.tattoo-artist-name.alinha-nome:hover {
    color: #eb1616;
    cursor: pointer;

}

.ver-perfil-btn {
    z-index: 1000;
    margin-top: 5px;
    padding: 5px 12px;
    /* Ajuste para melhor espaçamento */
    background-color: #eb1616;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500;
    transition: background-color 0.3s;
    font-size: 16px;
    position: absolute;
    /* Alterado de fixed para absolute */
    right: 10px;
    /* Mantém o alinhamento à direita */
    min-width: 100px;
    text-align: center;
    text-transform: uppercase;
}

.ver-perfil-btn:hover {
    border: 2px solid #eb1616;
    background-color: transparent;
}

.icon-ajuste {
    max-height: fit-content !important;
}

.ink-dropdown {
    position: absolute;
    top: 90px;
    /* ajuste conforme necessário */
    right: 105px;
    width: 100%;
    max-width: 250px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 1rem;
    z-index: 999;
    transition: all 0.3s ease;
}

.ink-hidden {
    display: none;
}

.ink-user-email {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    color: #333;
}

.ink-dropdown button {
    width: 100%;
    padding: 0.6rem;
    background-color: #222;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.ink-dropdown button:hover {
    background-color: #444;
}

.alinha_icon_profile {
    margin-right: 8px;
    vertical-align: sub;
}

.swiper-pagination-bullet-active {
    background: #eb1616 !important;
}

.product-thumb {
    color: #212529;
}

.card-img-top {
    max-height: 200px;
}

.product-thumb * {
    color: #7f7f7f !important;
    padding: 5px;
    font-size: 14px;
}


.preco_ini {
    margin: 0px;
    text-align: left;
    text-decoration: line-through;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: rgb(153, 153, 153);
}

.product-swiper {
    padding: 10px 30px;
}

.swiper-button-next,
.swiper-button-prev {
    display: none;
    color: #000;
    background: rgba(255, 255, 255, 0.8);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 16px;
}

.swiper-pagination-bullet-active {
    background: #000;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, -20px) !important;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

form .input-group input {
    border-radius: 8px 0 0 8px;
}

form .input-group button {
    border-radius: 0 8px 8px 0;
}

.card,
.card-body,
.card-img-top,
.card-title,
.rating,
.pagination .page-item {
    transition: all 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
}

.fade-container {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
}

.fade-container.loaded {
    opacity: 1;
    transform: translateY(0);
}

.swiper-slide {
    transition: transform 0.3s ease-in-out;
}

.bot_verportfolio {
    transition: background-color 0.3s, transform 0.2s;
}

.bot_verportfolio:hover {
    background-color: #f5dede;
    transform: scale(1.03);
}

.card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Para melhorar a aparência do Select2 */
.select2-container--default .select2-selection--single {
    height: 50px;
    padding: 10px;
    font-size: 1rem;
    border-radius: 0.3rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.gallery_list-item_img {
    -webkit-border-radius: 10px !important;
    border-radius: 10px;
    padding: 10px;
    background: linear-gradient(145deg, #121212, #151515);
    -webkit-box-shadow: 11px 11px 32px #3e3e3e, -11px -11px 32px #545454;
    box-shadow: 13px 13px 25px #101010,
        -13px -13px 25px #181818;
    transition: all 0.3s ease-in-out;
}


.neu-card {
    background: #202020;
    border-radius: 20px;
    box-shadow:
        8px 8px 16px #1a1a1a,
        /* sombra escura (baixo e direita) */
        -8px -8px 16px #262626;
    /* sombra clara (cima e esquerda) */
    padding: 20px;
    transition: all 0.3s ease-in-out;
}

.numero {
    font-size: 12px;
    border: 1px solid #eb1616;
    border-radius: 50px;
    padding: 3px 7px;
    background-color: #eb1616;
    font-weight: 700;
}

.numero:hover {
    font-size: 12px;
    border: #ccc;
    border-radius: 50px;
    padding: 3px 7px;
    background-color: #ccc;
    font-weight: 700;
    color: #202020;
}

.header_nav-list .nav-item.active .nav-link,
.header_nav-list .nav-item.active {
    color: #eb1616 !important;
    font-weight: 600;
}

.header_nav-list .nav-item {
    margin-right: 0px;
    position: relative;
    color: #ffffff;
}

.header_nav-list .nav-item .nav-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.header_nav-list .nav-item.active,
.header_nav-list .nav-item.active .nav-link {
    color: #eb1616 !important;
    font-weight: 600;
}

.header_nav-list .nav-item:hover .nav-link {
    color: #ff3d0d;
}

/* From Uiverse.io by SharpTH */
.btn-cssbuttons {
    width: 215px;
    height: 44px;
    --btn-color: #5555553d;
    position: relative;
    /*    padding: 16px 32px;*/
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 1; */
    color: white;
    /* background: none; */
    border: none;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    /* filter: drop-shadow(0 2px 8px rgba(39, 94, 254, 0.32)); */
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 30px;
}

.btn-cssbuttons::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #5555553d;
    border-radius: 24px;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-cssbuttons span,
.btn-cssbuttons span span {
    display: inline-flex;
    vertical-align: middle;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-cssbuttons span {
    transition-delay: 0.05s;
}

.btn-cssbuttons span:first-child {
    padding-right: 7px;
}

.btn-cssbuttons span span {
    margin-left: 8px;
    transition-delay: 0.1s;
}

.btn-cssbuttons ul {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    transform: translateY(-50%);
}

.btn-cssbuttons ul li {
    flex: 1;
}

.btn-cssbuttons ul li a {
    display: inline-flex;
    vertical-align: middle;
    transform: translateY(55px);
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-cssbuttons ul li a:hover {
    opacity: 0.5;
}

.btn-cssbuttons:hover::before {
    transform: scale(1.2);
}

.btn-cssbuttons:hover span,
.btn-cssbuttons:hover span span {
    transform: translateY(-55px);
}

.btn-cssbuttons:hover ul li a {
    transform: translateY(0);
}

.btn-cssbuttons:hover ul li:nth-child(1) a {
    transition-delay: 0.15s;
}

.btn-cssbuttons:hover ul li:nth-child(2) a {
    transition-delay: 0.2s;
}

.btn-cssbuttons:hover ul li:nth-child(3) a {
    transition-delay: 0.25s;
}

.titulo_location {
    color: #dc3741;
    font-weight: 500;
}

.new-Btn {
    z-index: 9999;
    right: 20px;
    top: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 45px;
    height: 45px;
    border-radius: calc(45px/2);
    border: none;
    cursor: pointer;
    position: fixed;
    overflow: hidden;
    transition-duration: .3s;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199);
    background: #eb1616;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.new-Btn.hidden {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
}

@media (max-width: 768px) {
    .new-Btn {
        z-index: 9999;
        right: 9px;
        top: 82px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 45px;
        height: 45px;
        border-radius: calc(45px/2);
        border: none;
        cursor: pointer;
        position: fixed;
        overflow: hidden;
        transition-duration: .3s;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199);
        background: #eb1616;
    }
}



/* plus sign */
.new-sign {
    width: 100%;
    font-size: 2.2em;
    color: white;
    transition-duration: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* text */
.new-text {
    position: absolute;
    right: 0%;
    width: 0%;
    opacity: 0;
    color: white;
    font-size: 1.4em;
    font-weight: 500;
    transition-duration: .3s;
}

/* hover effect on button width */
.new-Btn:hover {
    width: 160px;
    transition-duration: .5s;
}

.new-Btn:hover .new-sign {
    width: 30%;
    transition-duration: .3s;
    padding-left: 15px;
}

/* hover effect button's text */
.new-Btn:hover .new-text {
    opacity: 1;
    width: 70%;
    transition-duration: .5s;
    padding-right: 15px;
    top: 11px;

}

/* button click effect*/
.new-Btn:active {
    transform: translate(2px, 2px);
}

/* Overlay de Pesquisa */
.search-overlay {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1000;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-overlay.active {
    left: 0;
}

.search-container {
    width: 80%;
    max-width: 70%;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    transform: scale(0.9);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
}

.search-overlay.active .search-container {
    transform: scale(1);
    opacity: 1;
}

.search-input {
    width: 100%;
    padding: 1rem;
    border: none;
    border-radius: 50px;
    font-size: 1.2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    outline: none;
}

.close-search {
    position: absolute;
    top: 150px;
    right: 28px;
    font-size: 3.5rem;
    color: #fff;
    cursor: pointer;
    background: none;
    border: none;
}

@media (max-width: 768px) {
    .close-search {
        position: absolute;
        top: 92px;
        right: 20px;
        font-size: 3.0rem;
        color: #eb1616;
        cursor: pointer;
        background: none;
        border: none;
        z-index: 100;
    }

    .search-container {
        margin-top: 80px;
        width: 98%;
        max-width: 100%;
        padding: 0.80rem;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 20px;
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        transform: scale(0.9);
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
    }
}

/* Container para os inputs de pesquisa */
.search-input-container {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.search-input-container .search-input {
    flex: 1;
    min-width: 250px;
}

/* Opções de busca */
.search-options {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.search-option-btn {
    flex: 1;
    min-width: 120px;
    padding: 0.8rem 1rem;
    border: none;
    border-radius: 50px;
    background: #eb1616;
    color: white;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
}

.search-option-btn:hover {
    background: #c41212;
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.search-option-btn i {
    font-size: 1.1rem;
}

/* Painéis deslizantes */
.search-panel {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 15px;
    transition: max-height 0.5s ease-out, padding 0.3s ease;
    margin-top: 0;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

.search-panel.active {
    max-height: 500px;
    padding: 1.5rem;
    margin-top: 0.5rem;
    border: 1px solid rgb(0 0 0 /18%);
}

/* Ajustes para mobile */
@media (max-width: 768px) {
    .search-input-container {
        flex-direction: column;
        gap: 0.8rem;
    }

    .search-input-container .search-input {
        width: 100%;
    }

    .search-option-btn {
        min-width: calc(50% - 0.5rem);
        padding: 0.7rem 0.5rem;
        font-size: 1rem;
    }

    .search-options {
        gap: 0.5rem;
    }

    .search-panel.active {
        padding: 0.8rem;
    }
}

.custom-input {
    width: 100%;
    padding: 1rem 1.5rem;
    border: 2px solid rgba(235, 22, 22, 0.2);
    border-radius: 8px;
    font-size: 1rem;
    color: #333;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    outline: none;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.custom-input:focus {
    border-color: #eb1616;
    box-shadow: 0 4px 20px rgba(235, 22, 22, 0.2);
    background-color: rgba(255, 255, 255, 0.95);
}

.custom-input::placeholder {
    color: #999;
    opacity: 1;
}

/* Versão com ícone */
.input-with-icon {
    position: relative;
}

.input-with-icon .custom-input {
    padding-left: 3rem;
}

.input-with-icon .bi {
    position: absolute;
    left: 1.0rem;
    top: 67%;
    transform: translateY(-50%);
    color: #9d9d9d;
    font-size: 1.5rem;
    z-index: 999;
}

/* Input em dark mode (opcional) */
.dark-mode .custom-input {
    background-color: rgba(30, 30, 30, 0.9);
    color: #fff;
    border-color: rgba(235, 22, 22, 0.3);
}

.dark-mode .custom-input:focus {
    background-color: rgba(40, 40, 40, 0.95);
}

.dark-mode .custom-input::placeholder {
    color: #aaa;
}


/*Swiper perquisar.php*/
.artists-carousel {
    width: 100%;
    padding: 10px 0;
    position: relative;
}

.artist-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    transition: transform 0.3s ease;
    width: 180px;
}

.artist-card:hover {
    transform: translateY(-5px);
}

.artist-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 12px;
    border: 2px solid #f0f0f0;
}

.artist-name {
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    margin-bottom: 8px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-family: "Oswald";
}

.artist-name-pesquisar {
    font-weight: 500;
    font-size: 14px;
    color: #EB1716;
    margin-bottom: 8px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}


.artist-rating {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #eb1616;
    margin-top: 5px;
}

.artist-rating i {
    color: #ffc107;
}

/* Ajustes para o swiper */
.swiper-wrapper {
    padding-bottom: 25px;
    /* Espaço no fundo do container */
}

.swiper-slide {
    height: auto;
}

.swiper-pagination-bullet-active {
    background: #eb1616 !important;
}

/* Responsivo */
@media (max-width: 768px) {
    .artist-avatar {
        width: 80px;
        height: 80px;
        gap: 30px;
    }
}

/* Estilos para a barra de scroll do swiper */
/* Estilos da scrollbar vermelha */
.swiper-scrollbar {
    background: rgba(235, 22, 22, 0.1);
    height: 6px;
    bottom: 0;
    left: 5%;
    width: 90%;
    border-radius: 3px;
}

.swiper-scrollbar-drag {
    background: #eb1616;
    border-radius: 3px;
    cursor: grab;
}

.swiper-scrollbar-drag:active {
    cursor: grabbing;
}

.artist-avatar-link {
    display: block;
    margin-bottom: 12px;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.artist-avatar-link:hover {
    transform: scale(1.05);
}

/* Remove o sublinhado do link */
.artist-avatar-link:focus {
    outline: none;
}

.artist-info {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    color: #ffffff;
}

.artist-city {
    font-weight: 500;
    font-size: 14px;
    margin-top: 2px;
}

/* No seu arquivo CSS */
.style-search-container {
    display: flex;
    flex-direction: column;
}

.style-buttons-container {
    display: flex;
    flex-wrap: wrap;
    /* Para que os botões quebrem a linha se não couberem */
    gap: 10px;
    /* Espaçamento entre os badges */
    margin-bottom: 20px;
    /* Espaço antes do slider de tatuadores */
    padding: 10px;
    border-bottom: 1px solid #eee;
    /* Opcional: para separar visualmente os badges do slider */
}

.style-filter-btn {
    /* Seus estilos atuais para os botões/badges */
    /* Exemplo: */
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
}

.style-filter-btn-active {
    background-color: #eb1616;
    /* Ou sua cor de destaque */
    color: white;
}

.icon-twitter {
    transition: all 0.3s ease;
}

.link:hover .icon-twitter {
    fill: #1DA1F2;
    /* Cor oficial do Twitter/X */
    /* Outros efeitos opcionais: */
    transform: scale(1.1);
    filter: drop-shadow(0 2px 4px rgba(29, 161, 242, 0.3));
}

.icon-instagram {
    transition: all 0.3s ease;
}

.link:hover .icon-instagram {
    fill: #E1306C;
    /* Cor principal do Instagram */
    transform: scale(1.1);
    filter: drop-shadow(0 2px 4px rgba(225, 48, 108, 0.3));
}

.icon-facebook {
    transition: all 0.3s ease;
}

.link:hover .icon-facebook {
    fill: #1877F2;
    /* Azul oficial do Facebook */
    transform: scale(1.1);
    filter: drop-shadow(0 2px 4px rgba(24, 119, 242, 0.3));
}

.icon-whatsapp {
    transition: all 0.3s ease;
}

.link:hover .icon-whatsapp {
    fill: #25D366;
    /* Verde oficial do WhatsApp */
    transform: scale(1.1);
    filter: drop-shadow(0 2px 4px rgba(37, 211, 102, 0.3));
}

.tit_links {
    font-family: Oswald;
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 20px;
}

.links_li {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 40px;
    list-style: none;
    padding: 0;
}

.links_li li {
    margin-bottom: 12px;
}

.links_li a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
}

.links_li a:hover {
    color: #eb1616;
    transform: translateX(5px);
}

.links_li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #eb1616;
    transition: width 0.3s ease;
}

.links_li a:hover::after {
    width: 100%;
}

.info-window-content {
    color: #000000;
    /* Cor do texto preto */
}

.info-window-content h4 {
    /* Estilos para o h4 dentro da InfoWindow */
    font-size: 1.2em;
    /* Exemplo de tamanho, ajuste conforme necessário */
    margin-bottom: 5px;
    /* Espaçamento abaixo do título */
}

.info-window-content p {
    /* Estilos para parágrafos dentro da InfoWindow */
    margin-bottom: 5px;
}

.info-window-content a {
    /* Estilos para links dentro da InfoWindow */
    color: #007bff;
    /* Exemplo de cor de link */
    text-decoration: none;
}

.info-window-content a:hover {
    text-decoration: underline;
}

#modalEndereco {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

#modalEndereco.show {
    opacity: 1;
}

.modal-endereco-content {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    padding: 40px 32px;
    border-radius: 20px;
    max-width: 450px;
    width: 90%;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.3),
        0 8px 25px rgba(0, 0, 0, 0.15);
    position: relative;
    transform: scale(0.7);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#modalEndereco.show .modal-endereco-content {
    transform: scale(1);
}

.modal-endereco-title {
    color: #2c3e50;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center;
    position: relative;
}

.modal-endereco-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #e50914, #ff6b6b);
    border-radius: 2px;
}

/* Inputs Modernos */
.modal-endereco-input {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    background: #ffffff;
    color: #2c3e50;
    padding: 16px 20px;
    border-radius: 12px;
    border: 2px solid #e9ecef;
    font-size: 1.05em;
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-family: inherit;
}

.modal-endereco-input:focus {
    outline: none;
    border-color: #e50914;
    box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.1);
    transform: translateY(-2px);
}

.modal-endereco-input::placeholder {
    color: #6c757d;
    opacity: 0.8;
}

/* Área de Feedback */
#enderecoSelecionado {
    margin: 16px 0;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 0.95em;
    min-height: 20px;
    transition: all 0.3s ease;
}

#enderecoSelecionado.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

#enderecoSelecionado.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Botão Principal */
#btnConfirmarEndereco {
    margin-top: 20px;
    width: 100%;
    padding: 16px 0;
    background: linear-gradient(135deg, #e50914 0%, #c40812 100%);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 1.15em;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

#btnConfirmarEndereco:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(229, 9, 20, 0.4);
}

#btnConfirmarEndereco:active {
    transform: translateY(0);
}

#btnConfirmarEndereco:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Botão de Fechar */
#btnFecharModalEndereco {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(108, 117, 125, 0.1);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.5em;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#btnFecharModalEndereco:hover {
    background: rgba(229, 9, 20, 0.1);
    color: #e50914;
    transform: rotate(90deg);
}

/* Loading State */
.modal-endereco-loading {
    position: relative;
}

.modal-endereco-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Responsividade */
@media (max-width: 480px) {
    .modal-endereco-content {
        padding: 32px 24px;
        margin: 20px;
        width: calc(100% - 40px);
    }

    .modal-endereco-title {
        font-size: 1.3em;
    }

    .modal-endereco-input {
        padding: 14px 16px;
        font-size: 1em;
    }
}

/* Animação de entrada suave */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.7);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes modalFadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.7);
    }
}

.segunda {
    margin-right: 30px;
}

.espaco_form_contato {
    width: 48% !important;
    margin-bottom: 17px;
    margin-top: 5px;
}