.listing-pub .listing-link {
    display: block;
    height: 100%
}

.listing-pub .info-category {
    top: 0;
    bottom: auto
}

.listing-pub .info-plan {
    top: 32px
}

.listing-pub .info {
    position: absolute;
    background: rgba(var(--main-contrast-rgb),.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: var(--btn-border-radius)
}

.pub-picture .avatar,.pub-story-status {
    border-radius: 50%
}

.listing-pub[data-avatar-video=true] .info {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.listing-pub .info-tag {
    background: rgba(var(--tag-bg-rgb),.5);
    background: 0 0;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 400!important
}

.listing-pub .info-title {
    background: 0 0
}

.listing-pub .info {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    bottom: 0;
    left: 0;
    width: 100%
}

.listing-pub .info-whatsapp-icon {
    margin-right: 0
}

.field-penis-size,.listing-pub .info-whatsapp-text,.tag-wrapper-categoria-disponible,.tag.escort {
    display: none
}

.listing-pub .info-region {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    max-width: 100%;
    font-weight: 500;
    white-space: nowrap;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    margin-bottom: 7px
}

.listing-pub .cover:after {
    content: "";
    position: absolute;
    background: -webkit-gradient(linear,left bottom,left top,from(#00000047),color-stop(20%),to(transparent));
    background: linear-gradient(0deg,#00000047,20%,transparent);
    background: -webkit-gradient(linear,left bottom,left top,from(#0000008f),color-stop(20%),to(transparent));
    background: linear-gradient(0deg,#0000008f,20%,transparent);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.listing-type-grid .info-title,.listing-type-scroll .info-title {
    color: #fff;
    font-size: 18px!important;
    text-transform: uppercase;
    font-weight: 800;
    padding-bottom: 0;
    margin-bottom: -10px
}

.listing-type-story a.story {
    text-decoration: none
}

.listing-type-story .info-title {
    font-weight: 400
}

.listing-pub .size-medium .info-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%!important
}

.section-pub {
    padding-top: 10px;
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: repeat(5,minmax(0,1fr));
    grid-template-areas: "breadcrumb breadcrumb  breadcrumb  breadcrumb  breadcrumb" "avatar		title		title		title		menu" "avatar		info		info		info		price" "avatar		about		about		hours		hours" "avatar		.			.			.			." "shortcut	shortcut	shortcut	shortcut	shortcut" "tab		tab			tab			tab			tab" "gallery	gallery		gallery		gallery		gallery" "services	services	services	services	services" "map		map			map			map			map" "trips		trips		trips		trips		trips" "comments	comments	comments	comments	comments"
}

@media (max-width: 575.98px) {
    .pub-info {
        text-align:center
    }
}

.pub-price {
    text-align: right;
    display: block
}

.pub-about {
    margin-top: 20px
}

.pub-price-inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pub-price-label {
    font-size: 16px;
    margin: 0;
    padding-right: 5px
}

.pub-picture {
    padding-top: 100%;
    margin: 0
}

.pub-title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pub-menu {
    margin: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 5px
}

.pub-story-status {
    width: 100%;
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0
}

.pub-book {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: var(--grid-spacing);
    grid-auto-flow: dense
}

@media (max-width: 991.98px) {
    .section-pub {
        grid-column-gap:10px;
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-areas: "breadcrumb	breadcrumb	breadcrumb" "avatar		title		menu" "avatar		info		info" "shortcut	shortcut	shortcut" "tab		tab			tab" "gallery	gallery		gallery" "about		about		about" "hours		hours			price" "services	services	services" "map		map			map" "trips		trips		trips" "comments	comments	comments"
    }

    .breadcrumb {
        margin-bottom: 10px
    }

    .pub-book {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media (max-width: 767.98px) {
    .section-pub {
        grid-column-gap:10px;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "breadcrumb	breadcrumb	breadcrumb" "avatar		title		title" "avatar		menu		menu" "info		info		info" "shortcut	shortcut	shortcut" "tab		tab			tab" "gallery	gallery		gallery" "about		about		about" "price		price		price" "hours		hours		hours" "services	services	services" "map		map			map" "trips		trips		trips" "comments	comments	comments"
    }

    .pub-price {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .pub-title-container {
        margin: 0
    }

    .pub-menu {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .pub-book {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.pub-book-item {
    display: block;
    position: relative;
    padding-top: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.pub-book-link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

:root {
    --listing-grid-spacing: 10px;
    --listing-title-spacing: 20px;
    --listing-aspect-ratio: 1.7777777778;
    --img-border-radius: 10px;
    --box-border-radius: 10px;
    --btn-border-radius: 10px;
    --dropdown-border-radius: 10px;
    --form-border-radius: 10px;
    --modal-border-radius: 20px;
    --dark-mode: block
}

.app-header {
    padding-top: 20px
}

.navbar-logo {
    height: 49px
}

.footer-logo {
    margin-left: -10px
}

.text-primary {
    color: var(--primary-color)!important
}

.listing-label {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700
}

.listing-label-accent {
    color: #046271
}

.listing-pub .info-category .tag {
    font-weight: 500;
    border-radius: 8px
}

.tag-wrapper-categoria-virtual {
    -webkit-box-ordinal-group: 2!important;
    -ms-flex-order: 1!important;
    order: 1!important
}

.tag-wrapper-categoria-area-vip {
    -webkit-box-ordinal-group: 3!important;
    -ms-flex-order: 2!important;
    order: 2!important
}

.tag-wrapper-categoria-area-vip .tag {
    background: gold!important;
    color: #000
}

.tag-wrapper-categoria-exclusivas .tag {
    background: #222!important;
    color: #fff
}

.tag-wrapper-categoria-trans {
    -webkit-box-ordinal-group: 5!important;
    -ms-flex-order: 4!important;
    order: 4!important
}

.tag-wrapper-categoria-fantasias {
    -webkit-box-ordinal-group: 6!important;
    -ms-flex-order: 5!important;
    order: 5!important
}

.tag-wrapper-categoria-fantasias .tag {
    background: #038093!important
}

.tag-wrapper-categoria-mujeres {
    opacity: 0;
    -webkit-box-ordinal-group: 8!important;
    -ms-flex-order: 7!important;
    order: 7!important
}

.pub-tags-item.pub_services_oral {
    background: #c900352e
}

.pub-tags-item.pub_services_fantasy {
    background: #0380933d
}

.listing-gratis .listing-image {
    -webkit-filter: saturate(0.2);
    filter: saturate(.2)
}