.postVideos img {
max-width: 100%;
height: auto;
display: block;
}
.alinhamento,
.rlw {
width: 100%;
margin: 0 auto;
max-width: 1200px;
}
@media (min-width: 1400px) {
.alinhamento,
.rlw {
max-width: 1451px;
}
}
.meta-seo h2,
.titulo-home h1 {
font-family: Montserrat;
font-weight: 700;
text-transform: uppercase;
text-shadow: 0 2px 2px rgb(0 0 0 / 84%)
}
.screen-reader-text{
position:absolute;
left:-9999px;
}
#menuP,
body,
html {
background: #1b1b1b
}
#menuP .Search,
.content,
.letterList>ul>li,
.widget-area {
vertical-align: top
}
#menuP .menu ul li,
.Title-404>button,
.absDown2,
.letterList>ul>li>a,
.meta-seo h2,
.moreButton,
.titulo-home h1 {
text-transform: uppercase
}
*,
.footer-info,
.tags-category,
::after,
::before {
box-sizing: border-box
}
.assinante a,
.banner-entre span,
.flexBetween h3,
.menu-bars ul li a,
.menu-bars2 ul li a,
.meta-seo h2,
.nav-footer ul li a,
.slider-pic p,
.titulo-home h1,
.ver-mais a {
text-shadow: 0 2px 2px rgb(0 0 0 / 84%)
}
#reportButton i,
footer ul li {
margin-right: 8px
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
list-style: none;
outline: 0
}
a:active,
a:focus {
outline: 0;
-moz-outline-style: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
outline: 0
}
blockquote,
q {
quotes: none;
outline: 0
}
a {
text-decoration: none;
outline: 0
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none;
outline: 0
}
button {
background: 0 0;
border-radius: 0;
border: 0;
padding: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
user-select: none;
outline: 0
}
a:focus,
button:focus,
input,
select,
textarea {
outline: 0
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
body:not,
body:not(.wp-customizer):not(.vc_editor) #wpbody-content {
outline: 0
}
a:-webkit-any-link:active {
outline: 0
}
table {
border-collapse: collapse;
border-spacing: 0;
outline: 0
}
body,
html {
font-family: Montserrat, sans-serif;
font-weight: 500;
font-size: 14px;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.Title-404,
.info-metados ul li,
.letterList ul,
.moreButton,
.resultadosPesquisa,
.search-undefined h1,
.search-undefined p,
.selo {
text-align: center
}
.absDown {
background-color: transparent !important
}
.absDown2 {
background-color: #000;
float: right;
color: #fff;
padding: 5px;
border-radius: 5px;
font-size: .9rem
}
.content-pagination li.active,
.content-pagination li:hover,
.selo {
background: linear-gradient(to right, #89094e 0, #590834 87%)
}
a,
button {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #89094e;
}
.TPost .Title,
.pesquisaItem .post-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: .4s
}
:root {
--f: #89094e;
--b: rgba(0, 0, 0, 0.8);
--h: #640000
}
.TPost .Title:hover,
.TreendList .Title:hover,
.VPost .Title:hover {
color: var(--f);
text-decoration: underline
}
.clear {
clear: both
}
span.pagina {
left: 11px !important
}
.load {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
gap: 10px
}
.load-contos {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 10px
}
.load-contos {
margin-top: 20px;
}
.anime-load {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
gap: 10px
}
.anime-load {
margin-top: 20px;
}
.footer-info {
background-color: #590834;
width: 100%;
padding: 10px
}
.nav-footer {
color: #fff;
padding: 5px;
font-size: .7rem
}
.nav-footer ul {
display: flex;
gap: 10;
flex-wrap: wrap;
float: right
}
.nav-footer ul li a {
color: #fff;
border: none;
font-size: 0.9rem;
font-family: Montserrat, sans-serif;
}
.alinhamento {
margin: 0 auto
}
.detailsP .infos .footerInfo .Info,
.rlw {
margin: 0
}
.rlw {
table-layout: fixed
}
.Wdgt,
.Wdgt>.Title {
margin-bottom: 1.25rem
}
.rlw .detailsP {
margin-right: 15px;
display: none
}
.widget-area {
width: 300px;
display: table-cell
}
.single .widget-area {
width: 370px;
display: none
}
.Wdgt {
position: relative;
padding: 1.25rem;
z-index: 1
}
.Wdgt:before {
background-color: #9fb1c1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
border-radius: 10px;
opacity: .1;
z-index: -1
}
#menuP,
.Wdgt>.Title,
.pagina-home,
.titulo-home {
position: relative
}
.Wdgt>.Title {
color: #000;
padding-bottom: 1rem;
line-height: 19px;
font-weight: 400;
font-size: .875rem
}
.TPost .Title,
.VPost .Title,
.pesquisaItem .post-text {
margin-bottom: 0;
-ms-text-overflow: ellipsis;
line-height: 34px
}
.Wdgt>.Title:after,
.Wdgt>.Title:before {
position: absolute;
left: 0;
bottom: 0;
content: ''
}
.Wdgt>.Title:before {
background-color: #828282;
right: 0;
height: 1px;
opacity: .2
}
.Wdgt>.Title:after {
height: 3px;
width: 30px;
background-color: var(--f)
}
.pagina-home {
margin-bottom: 15px;
margin-top: -70px
}
.titulo-home {
padding-bottom: 4px;
margin-bottom: -22px;
align-items: center;
display: flex;
margin-top: 97px
}
h1 span {
color: #8b0000
}
.titulo-home h1 {
font-size: 2rem;
color: #fff
}
.meta-seo-home h2 {
font-size: .8rem;
color: #aaa;
letter-spacing: .5px;
font-weight: 500;
padding: 0 10px;
}
.meta-seo h2 {
font-size: .8rem;
color: #aaa;
letter-spacing: .5px;
font-weight: 500;
}
.Title-404 {
font-weight: 700;
font-size: 1.7rem;
padding: 9rem 0
}
.Title-404>strong {
display: block;
font-size: 8rem;
line-height: 1
}
.Title-404>span {
font-size: 1rem;
opacity: .5;
font-weight: 400;
display: block
}
.Title-404>button {
width: 200px;
padding: 15px;
margin: 1em 0 0;
border-radius: 5px;
background: var(--f);
color: #fff;
font-weight: 700;
cursor: pointer
}
.Title-404>button a {
color: #fff
}
#menuP {
left: 0;
top: 0;
right: 0;
ransition: .2s;
z-index: 3;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-box-shadow: -1px 10px 5px -7px rgba(0, 0, 0, .28);
-moz-box-shadow: -1px 10px 5px -7px rgba(0, 0, 0, .28);
box-shadow: 0 2px 6px #000;
border-bottom: 2px solid #89094e
}
.home-texto p {
font-size: .8rem;
color: #777
}
#menuP .Search,
.letterList>ul>li,
.pesquisaItem {
display: inline-block;
position: relative
}
#menuP .menu ul li {
float: left;
padding: 2.2rem 1.5rem
}
#menuP .menu ul li a {
color: #fff;
border-bottom: 2px solid transparent;
font-size: 1.4rem;
margin-top: 5px;
display: block
}
#menuP .menu ul li a:hover {
border-bottom-color: #89094e
}
#menuP .Search {
width: 200px;
float: right;
padding: 2px 0;
display: flex;
justify-content: flex-end
}
#menuP .Search .Form-Icon {
position: relative;
display: block;
padding: 0
}
#menuP .Search .Form-Icon input {
width: 100%;
font-weight: 300;
border-radius: 3px;
opacity: .5;
margin-bottom: 0;
border: 1px solid #9a0931;
background-color: rgba(0, 0, 0, .8);
color: #fff;
padding: 10px 0 10px 31px
}
#menuP .Search .Form-Icon input::placeholder {
color: #fff
}
#menuP .Search .Form-Icon button {
background-color: transparent !important;
position: absolute;
left: 8px;
top: 6px;
padding-top: 1px
}
#menuP .Search .Form-Icon button:before {
content: '';
display: block;
width: 22px;
height: 22px;
background-color: #fff;
-webkit-mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/pesq.svg) no-repeat center;
mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/pesq.svg) no-repeat center;
background-size: cover
}
#menuP .Search .Result {
width: 370px;
background-color: #fff;
position: absolute;
right: 0;
top: 100%;
display: none;
animation-name: zoomIn;
padding: 1.25rem;
border-top: 3px solid transparent;
border-color: #4c042e;
margin-top: -3px;
border-radius: 0 0 10px 10px;
z-index: 10;
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
#menuP .Search .Result:before {
content: '';
position: absolute;
right: 2rem;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #4c042e
}
.pesquisaItem {
padding: 0 10px 0 0
}
.pesquisaItem .thumb-img {
position: relative;
width: 100%;
}
.TPost:hover .Image:after,
.pesquisaItem:hover .thumb-img:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background: var(--f);
opacity: .2;
transition: .2s
}
.TPost .Image img,
.pesquisaItem .thumb-img img {
width: 100%;
height: 100%;
border-radius: 5px
}
.pesquisaItem .post-text {
font-size: .885rem;
font-weight: 400;
text-align: center;
color: #1d1d1d
}
.absDown a,
.comment-reply-title a,
.detailsP .infos ul li a,
.info-metados ul li,
.letterList>ul>li:hover a,
.listType li a,
.menu ul li,
.moreButton,
.moreButton:hover,
.moreButton:hover a,
.tab-nav li.active a {
color: #fff
}
.detailsP .infos ul li.destaque,
.letterList>ul>li.Current:before,
.letterList>ul>li:hover:before,
.moreButton:hover {
background: var(--f)
}
.search-undefined h1 {
font-size: 17px
}
.search-undefined p {
font-size: 12px
}
#menuP.sticky {
position: sticky;
}
#algndiv.fixed {
height: 80px
}
.letterList ul {
font-size: 0;
margin-bottom: 20px;
margin-top: 20px;
width: auto
}
.letterList>ul>li {
margin-bottom: 5px
}
.letterList>ul>li>a {
display: block;
border-radius: 15px;
font-weight: 700;
font-size: .85rem;
position: relative;
z-index: 2;
min-width: 35px;
color: #693754
}
.letterList>ul>li:before {
content: '';
position: absolute;
left: 0;
top: 0;
border-radius: 20px;
z-index: 1;
height: 18px;
right: 0;
margin: 0 .2rem;
transition: .2s;
background: #f6f7f9
}
#btnAssine .btnGray,
#btnAssine a,
.comment-header,
.info-metados ul,
.two,
.video-post {
display: flex
}
.space {
margin: 1.3em 0 .8em
}
.content h1,
.content h2 {
font-weight: 700;
font-size: 23px;
margin: 0 0 .8em;
padding-right: 2.325rem;
padding-left: .525rem
}
.content h2.two span {
margin: auto 0
}
.moreButton {
margin: 0 0 0 auto;
width: 120px;
padding: 4px 10px;
font-size: 15px;
font-weight: 700;
transition: .2s;
background-color: #8b0000;
border-radius: 10px
}
.moreButton a {
color: var(--f);
color: #fff
}
.video-single {
width: 100%;
z-index: 1000;
border-radius: 15px;
padding: 5px;
position: relative;
margin-bottom: 14px;
}
video {
width: 100%;
height: auto
}
.player #my-video,
.player iframe,
iframe {
width: 100%;
height: 100%
}
.tags-category {
font-size: 11px;
}
.tags-category ul {
display: flex;
flex-wrap: wrap
}
#menuP .menu ul li a {
display: flex !important;
align-items: center
}
.list-nav {
position: absolute;
top: -1000px !important;
z-index: 10000;
left: 700px;
flex-direction: column;
width: fit-content !important;
padding: 10px !important;
border-radius: 5px;
background: #363636;
background: radial-gradient(circle, rgb(28 28 28) 0, rgb(51 51 51) 100%);
border: 1px solid #97979740;
transition: top .2s ease-in
}
.info-metados {
background: #89094e;
background: linear-gradient(180deg, rgba(187, 1, 78, 0) 0, #000 35%);
padding: 5px
}
.info-metados ul li {
font-weight: 700;
padding: 10px;
display: flex;
flex-direction: column;
font-size: .9rem
}
.info-metados ul li i {
color: #89094e;
font-size: 2.3rem;
margin-bottom: 8px
}
.activemenu {
top: -12px !important
}
.menu ul.suspense {
display: flex;
flex-direction: column
}
.menu ul li {
display: flex;
align-items: center;
font-size: 1rem;
font-weight: 700
}
.menu ul li:first-child {
border-right: 2px solid #ffffff0d
}
.CapListaItens,
.FMbutton,
.disabled,
.grid-container .form-description,
.hide,
.mobile-menu,
.relacionadoPost .TPost .Image figure:after,
.relacionadoPost .TPost .Image figure:before {
display: none
}
.menu ul li i {
font-size: .8rem;
color: #0bbb01;
margin-left: 10px
}
#hamburguer {
display: block;
width: 30px;
height: 4px;
border-top: 4px solid;
color: #89094e;
margin-left: 10px;
transition: .5s;
margin-top: 3px;
position: relative;
z-index: 20005;
margin-right: 10px;
border-radius: 2px
}
#hamburguer::after,
#hamburguer::before {
display: block;
content: "";
background: currentColor;
height: 4px;
position: relative;
border-radius: 2px
}
#hamburguer::before {
bottom: 13px
}
#hamburguer::after {
top: 1px
}
input:checked~label #hamburguer {
transform: rotate(45deg);
z-index: 20001;
color: #fff
}
.single-info-new {
display: flex;
max-width: 1450px;
margin: 0 auto
}
input#btn-mobile:checked~.menu-topo {
background-color: #000 !important
}
input:checked~label #hamburguer::after {
transform: rotate(45deg);
visibility: hidden;
bottom: 0
}
input:checked~label #hamburguer::before {
transform: rotate(88deg);
top: -3px;
right: 0;
color: #fff
}
.top-margin {
margin-top: 10px
}
.tags-category ul li {
color: #fff
}
.tags-category ul li a {
background-color: #89094e;
color: #fff;
padding: 5px;
border-radius: 4px
}
.video-single::before {
height: calc(100% - 11px) !important;
content: '';
display: block;
position: absolute;
background: #000;
z-index: -1;
bottom: -1px;
left: 0;
border-radius: 0 0 12px 12px
}
.thumbnail-single {
width: 34%;
margin-right: 10px
}
.thumbnail-single img {
width: 100%;
object-fit: cover;
height: auto;
border-radius: 10px
}
.content-single {
color: gray;
background-color: rgb(0 0 0 / 53%);
border-radius: 0 0 15px 15px;
padding: 10px;
display: block
}
.content-single a,
.menu-bars a:hover {
color: #89094e
}
.content-pagination {
margin: 2rem 0;
overflow: hidden;
display: flex
}
.TPost,
.VPost {
background-color: #18181b;
margin-bottom: .5rem;
margin-right: 10px;
box-shadow: 0 2px 6px #000;
}
.content-pagination li {
position: relative;
background: rgba(0, 0, 0, .3);
padding: 5px 15px;
margin: 0 10px 0 0;
border-radius: 5px;
transition: .3s;
color: #ccc;
font-weight: 700
}
.content-pagination li.active,
.content-pagination li:hover {
color: #fff;
font-weight: 700
}
.content-pagination li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
color: transparent;
transition: .3s
}
.TPost {
position: relative;
width: 268px;
float: left;
border-radius: 10px;
padding: 10px .625rem
}
.TSlider .selo,
.VPost .hdbutton,
.VPost .selo,
.selo {
padding: 6px 10px;
text-transform: uppercase
}
.TPost .Image {
position: relative;
width: 100%;
object-fit: cover;
height: 350px;
}
.selo {
left: -30px;
position: absolute;
width: 120px;
-webkit-box-shadow: 0 0 3px #333;
box-shadow: 0 0 3px #333;
color: #fff;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
top: 20px;
font-weight: 700;
font-size: 11px;
z-index: 2
}
.TPost .Image figure:before,
.VPost .Image figure:before {
line-height: 3rem;
border-radius: 50%;
box-shadow: 0 0 0 2px #fff, 0 0 10px rgba(0, 0, 0, .5);
font-size: 1.5rem;
text-align: center
}
.TPost .Title,
.secao-free {
font-size: 1rem;
font-family: Montserrat
}
.secao-free {
width: 100%;
padding: 5px;
border-radius: 5px;
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: flex-end
}
.TSlider,
.VPost {
padding: 10px;
float: left
}
.VPost,
.detailsP,
.foto img {
border-radius: 10px
}
.related,
footer ul li {
font-family: Montserrat, sans-serif
}
.secao-free a {
transition: .3s;
color: #fff
}
.secao-free a:hover {
transition: .3s;
color: #89094e
}
.TPost .Image figure {
position: relative;
width: 100%;
height: 100%
}
.TPost .Image figure:after,
.VPost .Image figure:after {
margin: auto 0;
background-color: #fff;
z-index: 4;
opacity: 0;
top: 0;
bottom: 0;
content: '';
background-size: cover;
right: 0
}
.TPost .Image figure:after {
position: absolute;
left: 43%;
width: 30px;
height: 30px;
-webkit-mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/eyeglasses.svg) no-repeat center;
mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/eyeglasses.svg) no-repeat center;
transform: rotate(28deg)
}
.TPost:hover .Image figure:before,
.VPost:hover .Image figure:before {
opacity: 1;
transform: scale(1)
}
.TPost:hover .Image figure:after,
.VPost:hover .Image figure:after {
opacity: 1
}
.TPost section {
display: flex;
gap: 5px
}
.TPost .Title {
font-size: 0.9rem !important;
text-align: center !important;
font-weight: 400;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.4;
max-height: calc(1.4em * 2);
word-break: break-word;
margin: .375rem;
height: auto;
text-decoration: none !important;
}
.VPost {
position: relative;
width: 268px
}
.VPost .hdbutton,
.VPost .selo {
position: absolute;
top: 15px;
background: #89094e;
color: #fff;
border-radius: 5px;
font-weight: 700;
font-size: 10px;
z-index: 2
}
.TSlider>a>.Image>figure>.Title,
.VPost .Title {
font-weight: 400;
color: #fff;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.VPost .Image {
position: relative;
width: 100%;
height: 140px
}
.VPost .Image:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.VPost .Image figure {
position: relative;
width: 100%;
height: 100%;
background: #000;
border-radius: 5px;
overflow: hidden
}
.VPost .Image figure:after {
position: absolute;
left: 47%;
width: 16px;
height: 16px;
-webkit-mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/play.svg) no-repeat center;
mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/play.svg) no-repeat center
}
.VPost .Image figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
transition: .8s
}
.VPost .Title {
font-size: .985rem;
transition: .4s;
text-align: center;
}
.VPost .Image figure:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
transform: scale(0);
margin: auto;
width: 3rem;
height: 3rem;
z-index: 2;
transition: .2s;
background-color: rgba(0, 0, 0, .4)
}
.VPost:hover .Image figure img {
opacity: .9;
transform: scale(1.2);
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
transition: .8s
}
.sliderIndex {
margin: 0 1.6rem 2em 0
}
.TSlider {
display: none;
position: relative;
width: 50%
}
.TSlider .selo {
position: absolute;
top: 10px;
left: 20px;
background: var(--f);
color: #fff;
border-radius: 5px;
font-weight: 700;
font-size: 10px;
z-index: 2
}
.TSlider>a>.Image {
width: 100%;
height: 226px
}
.TSlider>a>.Image>figure {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.TSlider>a>.Image>figure>img {
width: 100%;
height: 300px;
object-fit: cover;
margin-top: -10px
}
.TSlider>a>.Image>figure>.Title {
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 14px;
background-color: transparent;
background-repeat: repeat-x;
background: linear-gradient(rgba(0, 0, 0, 0), #000);
font-size: 16px;
line-height: 30px;
text-shadow: 0 0 10px #000
}
.mobile-menu a {
color: #fff;
display: block;
font-size: 1rem;
text-transform: uppercase;
border-bottom: 1px solid rgba(0, 0, 0, .4);
border-top: 1px solid rgba(255, 255, 255, .05);
padding: 5px 0;
font-weight: 900
}
.relacionadoPost .TPost {
position: relative;
width: calc(100%/3);
padding: 0 10px 0 0
}
.relacionadoPost .TPost .Image {
height: 150px
}
.relacionadoPost .TPost .Title {
width: 85%;
position: absolute;
bottom: 0;
padding: 0 5px;
color: #fff;
text-shadow: 1px 1px 1px #000;
z-index: 2
}
.relacionadoPost .TPost a .Image:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #0000001f;
border-radius: 5px;
z-index: 1
}
.related {
font-size: 1.6rem;
color: #fff;
margin-top: 20px;
margin-bottom: 20px
}
.detailsP {
position: relative;
z-index: 1;
padding: 1.25rem;
margin-bottom: 1.25rem;
color: #fff;
overflow: hidden
}
.detailsP:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #15020d;
border-radius: 5px;
opacity: .8;
z-index: 2
}
.detailsP:after {
content: "";
background-image: var(--imagesrc);
position: absolute;
top: -111px;
left: 0;
width: 100%;
height: 600px;
opacity: .3;
z-index: 1
}
.detailsP .infos {
position: relative;
z-index: 8;
padding-left: 200px;
min-height: 330px
}
.detailsP .infos .Title {
vertical-align: middle;
margin-right: 1rem;
line-height: 36px;
padding: 7px 0;
margin-bottom: 0;
max-height: none;
font-weight: 300;
font-size: 1.875rem
}
.detailsP .infos .SubTitle {
font-size: 12px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
padding-top: 5px;
color: var(--f)
}
.detailsP .infos .footerInfo .Info span,
.detailsP .infos .seo {
vertical-align: top;
font-size: .75rem;
text-transform: capitalize;
display: inline-block
}
.detailsP .infos .Image {
position: absolute;
left: 0;
top: 0;
width: 180px;
margin: 0 auto 1.25rem
}
.detailsP .infos .Image figure {
position: relative;
padding-top: 280px
}
.TreendList li .A .Image img,
.detailsP .infos .Image figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
object-fit: cover
}
.detailsP .infos .Description {
max-height: 100px;
overflow: auto;
padding-right: 20px;
opacity: .7
}
.detailsP .infos .Description::-webkit-scrollbar {
background-color: rgba(0, 0, 0, .3);
width: 5px;
height: 5px;
border-radius: 5px
}
.detailsP .infos .Description::-webkit-scrollbar-thumb {
background-color: var(--f);
border-radius: 5px
}
.detailsP .infos .Description p {
margin-top: 8px;
margin-bottom: 0
}
.detailsP .infos .Description a {
color: var(--f)
}
.detailsP .infos ul {
margin: 15px 0
}
.foto img,
.fotos .foto img {
margin: 0 auto 5px;
padding: 5px
}
.detailsP .infos ul li {
background: #00000047;
float: left;
font-size: 13px;
line-height: 25px;
padding: 0 10px;
text-decoration: none;
margin: 0 5px 4px 0;
border-radius: 5px
}
.detailsP .infos .footerInfo {
position: relative;
padding-top: 19px;
border-top: 1px solid rgba(255, 255, 255, .2)
}
.detailsP .infos .footerInfo .Info span {
line-height: 17px;
margin-right: .5rem;
margin-bottom: 4px
}
.detailsP .infos .footerInfo .Info span.author:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
margin-top: 1px;
background-color: #fff;
-webkit-mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/user.svg) no-repeat center;
mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/user.svg) no-repeat center;
background-size: cover
}
.detailsP .infos .footerInfo .Info span.datepost:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
margin-top: 1px;
background-color: #fff;
-webkit-mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/calendar.svg) no-repeat center;
mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/calendar.svg) no-repeat center;
background-size: cover
}
.detailsP .infos .footerInfo .Info span.viewCont:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
margin-top: 1px;
background-color: #fff;
-webkit-mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/eye.svg) no-repeat center;
mask: url(//www.hqhentai.com.br/wp-content/themes/download/img/eye.svg) no-repeat center;
background-size: cover
}
.detailsP .infos .seo {
line-height: 20px;
margin: 1em .5rem 1em 0
}
.detailsP .post-ratings {
position: absolute;
bottom: 6px;
right: 0;
width: auto
}
.titleDes {
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
margin: -1.5em 0 1em;
color: #fff;
margin-top: 10px !important
}
.foto {
width: 100%;
display: flex
}
.foto img {
width: 100% !important;
background-color: #fff
}
.absDown,
.fotos .foto img,
.listType li,
.tab-nav li {
border-radius: 5px
}
.fotos .foto img {
width: 100%;
background-color: #fff
}
.absDown,
.tab-nav li.active {
background: #000
}
.comments,
.tab-nav {
text-align: center
}
.tab-nav li {
display: inline-block;
font-weight: 700;
margin: 5px
}
.tab-nav li a {
color: #590834;
background: #f0f0f0;
}
.player {
width: 100%;
height: 550px
}
.absDown {
padding: 5px;
width: fit-content;
font-size: 13px;
font-weight: 700;
color: #fff;
margin-left: 5px
}
.comment-time,
.form-submit input[type=submit]:hover {
background: var(--f);
color: #fff
}
.pagination {
position: relative;
z-index: 1;
margin: .5em 0
}
.TreendList li {
margin-bottom: 1.25rem;
counter-increment: listPopular
}
.TreendList li .A {
position: relative;
padding-left: 65px;
min-height: 85px
}
.TreendList li .A .Top {
position: absolute;
left: -5px;
top: -4px;
min-width: 22px;
padding: 0 5px;
border-radius: 3px 0 0;
z-index: 1;
font-size: .6rem;
font-weight: 700;
line-height: 23px;
text-align: center;
color: #fff;
background-color: var(--f)
}
.TreendList li .A .Top:after,
.TreendList li .A .Top:before {
content: '';
width: 0;
top: 0;
right: -5px;
position: absolute;
border-bottom: 5px solid transparent;
border-right: 5px solid transparent
}
.TreendList li .A .Top:before,
footer ul li:hover {
border-bottom-color: var(--f)
}
.TreendList li .A .Top:after {
border-bottom-color: rgba(0, 0, 0, .4)
}
.TreendList li .A .Top i {
position: absolute;
left: 0;
right: 0;
bottom: -4px
}
.TreendList li .A .Top i:after,
.TreendList li .A .Top i:before {
content: '';
width: 0;
height: 0;
border-top: 5px solid transparent
}
.TreendList li .A .Top i:before {
border-top-color: var(--f);
border-left: 11px solid transparent;
float: right
}
.TreendList li .A .Top i:after {
border-top-color: var(--f);
border-right: 11px solid transparent;
float: left
}
.TreendList li .A .Top b:before {
content: counter(listPopular);
color: #fff;
text-align: center
}
.TreendList li .A .Title {
font-size: 14px;
line-height: 20px;
transition: .4s;
max-height: 40px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: 400;
color: #383838
}
.TreendList li .A .Image {
position: absolute;
width: 55px;
left: 0;
top: 0
}
.TreendList li .A .Image figure {
padding-top: 85px
}
.TreendList li .A .Info {
margin: 5px 0 0;
font-size: 12px
}
.listType {
margin-left: auto;
padding-right: 2.325rem
}
.listType li {
background: #89094e;
color: #fff;
padding: 8px 16px;
font-size: 14px;
display: inline-block
}
.owl-stage-outer {
overflow: hidden
}
.owl-item {
width: 100%;
float: left
}
.owl-item .TSlider {
position: relative;
display: none;
width: 100%;
padding: 0
}
.prevButton:before {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-left: -2px
}
.nextButton:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.paginationOwl {
float: right
}
.paginationOwl .nextButton,
.paginationOwl .prevButton {
position: relative;
background: 0 0;
border: 0;
display: inline-block;
cursor: pointer
}
.paginationOwl button:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 8px;
height: 8px;
margin: -4px 0 0 -6px;
border-right: .2em solid #fff;
border-top: .2em solid #fff
}
.loading-post {
display: flex;
flex-direction: column;
text-align: center;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: var(--f);
margin: 1em auto
}
.loading-post .loading-wrapper {
margin: 0 auto
}
.detailsCat.two {
width: 97%;
background: #f6f7f9;
border-radius: 5px;
padding: 15px;
margin-bottom: 1.5em;
color: #828282;
font-weight: 500;
font-size: 14px
}
.header-title {
padding: 10px 0;
font-size: 15px;
font-weight: bolder;
margin: 5px 0 10px
}
.post-comments li {
padding: 15px 0;
border-top: 1px solid #d6d6d6
}
.comment-form-comment textarea,
.grid-container input {
background: #fff;
border: 1px solid #cacaca;
font-size: 15px;
font-family: sans-serif;
resize: vertical
}
.comment-avatar {
margin: 0 15px 0 0;
float: left;
height: 45px;
max-height: 55px;
width: 60px;
max-width: 60px
}
.comment-header .author,
.comment-time {
margin: auto 15px auto 0;
font-weight: 700
}
.comment-header .author {
font-size: 16px;
color: var(--f)
}
.comment-time {
font-size: 13px;
padding: 5px
}
.comment-reply-link {
padding: 10px;
background: #0b0b0b;
color: #fff;
font-weight: 700;
font-size: 12px;
text-transform: uppercase
}
.textoComentario p {
margin: 8px 0
}
.comment-reply-title {
color: #ffffff;
font-weight: 700;
margin: 0 0 1em
}
#cancel-comment-reply-link {
padding: 5px 15px;
font-size: 14px;
text-transform: uppercase;
background: var(--f)
}
.comment-form-comment textarea {
color: #585858;
width: 100%;
height: 100px;
padding: 10px
}
.scontent {
margin-left: 75px
}
.post-comments li ul.children {
margin: 1em 5em
}
.grid-container {
float: left;
width: 50%;
padding-right: 10px;
margin: 1em 0
}
.grid-container.fix-grid {
margin: 1em 0;
padding: 0
}
.grid-container .form-label {
font-weight: 700;
color: var(--hover);
margin: 0 0 1em
}
.grid-container input {
color: #8c8c8c;
width: 100%;
padding: 10px
}
.form-submit input[type=submit] {
padding: 15px 30px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
margin-top: 15px;
background: 0 0;
color: #fff;
border: 1px solid #590834;
border-radius: .35em
}
.commentsp {
background: var(--secundario);
margin: 3em 0 1.5em;
font-weight: 500;
font-size: 16px;
padding: 15px 19px
}
.loadingsite {
position: fixed;
background: #fff;
width: 100%;
height: 100%;
z-index: 9999;
top: 0;
left: 0
}
.sk-chase,
.sk-chase-2 {
width: 40px;
height: 40px;
position: relative;
animation: 2.5s linear infinite both sk-chase
}
.sk-chase-2 {
top: -40px
}
.sk-chase-2 .sk-chase-dot::before {
position: absolute;
bottom: 0;
right: 0
}
.sk-chase-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: 2s ease-in-out infinite both sk-chase-dot
}
.sk-chase-dot:before {
content: '';
display: block;
width: 25%;
height: 25%;
background-color: var(--f);
border-radius: 100%;
animation: 2s ease-in-out infinite both sk-chase-dot-before
}
.sk-chase-dot:first-child,
.sk-chase-dot:first-child:before {
animation-delay: -1.1s
}
.sk-chase-dot:nth-child(2),
.sk-chase-dot:nth-child(2):before {
animation-delay: -1s
}
.sk-chase-dot:nth-child(3),
.sk-chase-dot:nth-child(3):before {
animation-delay: -.9s
}
.sk-chase-dot:nth-child(4),
.sk-chase-dot:nth-child(4):before {
animation-delay: -.8s
}
.sk-chase-dot:nth-child(5),
.sk-chase-dot:nth-child(5):before {
animation-delay: -.7s
}
.sk-chase-dot:nth-child(6),
.sk-chase-dot:nth-child(6):before {
animation-delay: -.6s
}
@keyframes sk-chase {
100% {
transform: rotate(360deg)
}
}
@keyframes sk-chase-dot {
100%,
80% {
transform: rotate(360deg)
}
}
@keyframes sk-chase-dot-before {
50% {
transform: scale(.4)
}
0%,
100% {
transform: scale(.8)
}
}
.logoAutor {
overflow: hidden;
cursor: pointer;
z-index: 1;
opacity: .6
}
.logoAutor img {
width: 18px;
height: 13px;
transition-duration: 1s;
filter: invert(100%) sepia(10%) saturate(1020%) hue-rotate(196deg) brightness(101%) contrast(102%)
}
.logoAutor img:first-child {
width: 22px;
height: 30px;
transform: translateX(88px);
transition-property: all;
transition-duration: .5s;
transition-delay: 1.2s;
margin: 0
}
.logoAutor .meio,
.logoAutor img:nth-child(2n) {
transform: translateY(10px);
transition-property: all;
opacity: 0;
transition-delay: .5s
}
.logoAutor img:nth-child(3n) {
transform: rotate(0) translateX(0) translateY(-102px);
transition-property: all;
opacity: 0;
transition-delay: .5s;
margin: auto 0 0 -3px
}
.logoAutor:hover .meio,
.logoAutor:hover img:nth-child(2n) {
transform: translateY(0);
opacity: 1;
transition-delay: .4s
}
.logoAutor:hover img:first-child {
transform: translateX(0);
transition-delay: .1s
}
.logoAutor:hover img:nth-child(3n) {
transform: rotate(0) translateX(0) translateY(0);
opacity: 1;
transition-delay: .4s
}
footer .info {
background: #f5f5f5;
padding: 1em 0
}
.CapListaTitle,
.vip a {
padding: 20px;
font-weight: 700
}
footer .csp {
display: flex;
justify-content: space-between;
margin: 1em auto 0
}
footer .logo img {
width: 160px
}
footer ul li {
display: inline-block;
padding: .5rem 1rem;
text-transform: uppercase;
transition: .4s;
text-transform: uppercase;
font-weight: 700;
white-space: nowrap
}
footer ul li a {
font-size: .7rem;
color: #353535
}
.menu-bars {
height: 0
}
#reportForm label,
.menu-bars ul {
font-weight: 700
}
.menu_inferior_ul {
display: flex;
flex-direction: row;
align-items: center;
margin: 0 15px;
}
.menu-inferior-nav {
display: flex;
justify-content: space-between;
background-color: #590834;
z-index: 20000;
position: relative;
height: 41px;
border-radius: 10px 10px 0 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
top: -43px
}
.CapListaTitle,
.vip a {
color: #fff;
display: block
}
.menu-inferior-nav .search-form input {
height: 30px;
padding-left: 20px;
border-radius: 5px 0 0 5px;
border: none;
width: 100%;
background: linear-gradient(9deg, #dbaa21 0, rgba(0, 0, 0, .4318102240896359) 0)
}
.cpt-resumo {
margin-left: 5px;
margin-bottom: 5px
}
.CapListaTitle {
background-color: #590834;
margin-top: 10px;
cursor: pointer;
border-radius: 10px
}
.imagem-slider-single,
.imagem-slider,
.imagem-sliders {
object-fit: cover;
overflow: hidden
}
.search-form {
width: 40%
}
.vip a {
background-color: #00d084;
font-size: 2.3rem;
margin: 20px auto 0;
box-shadow: -2px 1px 13px -4px rgba(0, 0, 0, .75);
-webkit-box-shadow: -2px 1px 13px -4px rgba(0, 0, 0, .75);
-moz-box-shadow: -2px 1px 13px -4px rgba(0, 0, 0, .75);
border-radius: 12px;
text-align: center;
}
.menu-bars ul li a,
.menu-bars2 ul li a {
color: #fff;
text-decoration: none;
font-size: 1rem;
text-transform: uppercase;
font-family: Montserrat;
align-items: center;
display: block;
padding: 1px 10px;
margin-top: 0
}
.imagem-slider::before,
.imagem-sliders::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: radial-gradient(circle, transparent, #000 80%);
pointer-events: none;
z-index: 1;
background: linear-gradient(to bottom, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, .3) 40%, rgba(33, 33, 33, 0.8) 75%, #1b1b1b 100%);
}
.imagem-slider .titulo-single,
.imagem-sliders .titulo-single {
background-color: transparent !important;
position: relative;
display: block;
width: 100% !important;
padding: 12px;
font-family: Montserrat;
max-width: 1461px;
color: #fff;
z-index: 1;
text-transform: uppercase
}
.imagem-slider {
display: block;
height: 390px;
width: 100%;
position: relative
}
.imagem-sliders {
display: block;
height: 400px;
width: 100%;
position: relative
}
picture.single-foto img {
-webkit-mask-image: linear-gradient(to left, black 30%, transparent 70%);
mask-image: linear-gradient(to left, black 30%, transparent 70%)
}
.titulo-single h2 {
font-size: .9rem;
color: rgba(255, 255, 255, .75);
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}
.imagem-slider .titulo-single {
font-size: 2.5rem;
margin: -360px auto 0
}
.imagem-sliders .titulo-single {
font-size: 2.5rem;
margin: -380px auto 0
}
.banner-entre button,
.banner-entre span {
font-family: Montserrat, sans-serif;
font-size: 1.9rem;
border-radius: 6px;
font-weight: 700
}
.titulo-single {
padding-right: 40% !important
}
.imagem-slider p.descricao-views i {
margin-right: 4px;
color: #89094e;
font-size: 2.4rem;
top: 5px;
float: left;
margin-top: 5px
}
.imagem-slider p.descricao-views span {
display: block !important;
position: absolute;
z-index: 1;
bottom: 32px;
text-align: center;
width: 100%;
margin-bottom: 6px;
background-image: transparent;
background-clip: none;
color: #fff;
font-family: Montserrat, sans-serif;
left: 10px;
font-size: .9rem;
font-weight: 200
}
.banner-entre span {
padding: 15px 20px;
color: #fff;
text-transform: uppercase;
font-weight: 800;
letter-spacing: -1px;
text-shadow: 0 3px 0 #89094e, 0 7px 5px rgba(0, 0, 0, 0.9);
}
.banner-entre button {
background-color: #00d084;
padding: 25px 27px;
color: #000;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
transition: transform 0.2s, box-shadow 0.2s;
}
.imagem-slider p.descricao-single,
.imagem-sliders p {
display: block;
width: 100% !important;
color: #aaa !important;
padding: 12px 40% 12px 12px;
max-width: 1457px !important
}
.imagem-slider p.descricao-single,
.imagem-slider p.descricao-views,
.imagem-sliders p {
background-color: transparent !important;
position: relative !important;
text-align: left;
font-family: Montserrat;
box-sizing: border-box;
z-index: 1
}
.banner-entre button a.hover {
background-color: #fff
}
.imagem-sliders p {
font-size: 1.4rem;
margin: -25px auto 0 !important
}
.imagem-slider p.descricao-single {
margin: -40px auto 0 !important
}
.imagem-slider p.descricao-views img {
background: 0 0;
width: 30px
}
.imagem-slider p.descricao-views {
display: flex;
width: 120px !important;
font-size: 1.2rem;
padding: 12px;
max-width: auto !important;
align-items: center;
padding-right: 0 !important;
color: #fff !important;
font-weight: 700;
margin-top: -13px !important;
margin-left: 0
}
.imagem-slider-single,
.imagem-slider img,
.imagem-sliders img {
position: relative;
left: 50%;
top: 50%;
height: auto;
-webkit-mask: radial-gradient(farthest-side, #000 70%, #0000);
opacity: 0.75;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
object-fit: cover
}
.slider-pic span {
display: none !important;
position: absolute;
z-index: 1;
bottom: 105px;
text-align: center;
width: 100%;
font-size: 4rem;
background-image: linear-gradient(red, #9b1111);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-family: 'Bebas Neue', sans-serif;
font-weight: 600
}
.slider-pic p {
position: absolute;
z-index: 1;
text-align: center;
display: block;
width: 100%;
bottom: -29px;
font-family: montserrat, cursive;
font-size: 1.9rem;
background-color: #590834;
color: #fff;
padding: 10px;
}
.absoluto img {
position: absolute;
z-index: 2;
bottom: 0
}
.ver-mais {
background: linear-gradient(to right, #89094e 0, #590834 87%);
padding: 5px;
border-radius: 5px;
font-family: Montserrat;
color: #fff;
font-size: 1rem;
font-weight: 700;
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
transition: transform 0.2s, box-shadow 0.2s;
letter-spacing: 0.5px;
text-shadow: 0 2px 2px rgb(0 0 0 / 84%);
}
.assinante,
.assinante a:hover {
width: 50%;
padding: 3px;
font-family: Montserrat;
font-size: 1rem;
font-weight: 700
}
.assinante a,
.ver-mais a {
color: #fff;
font-weight: 700;
letter-spacing: 0.5px;
}
.assinante {
background: linear-gradient(to right, #006f4a 0, #00c080 100%);
border-radius: 5px;
color: #000;
border: 1px solid #008e5f;
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
transition: transform 0.2s, box-shadow 0.2s;
}
.assinante a:hover {
border-radius: 5px
}
@media screen and (max-width:1500px) {
.info-metados ul li.logo-hide {
display: none
}
}
@media only screen and (min-width:600px) {
.fotos .foto img {
max-width: 1260px
}
.vip {
display: flex;
align-items: center;
color: #fff;
gap: 10px;
flex-direction: column
}
.foto {
width: 100%
}
}
@media only screen and (max-width:1269px) {
.info-metados ul {
display: flex;
flex-wrap: wrap
}
.info-metados ul li,
.single .widget-area {
width: 30%
}
.menu,
.menu-inferior-nav {
display: none
}
.psm {
position: fixed;
left: -270px;
top: 0;
height: 100vh;
transition: .2s;
opacity: 0;
background: #590834;
box-shadow: 0 0 20px rgba(0, 0, 0, .5);
width: 270px;
padding: 1rem;
overflow-y: auto;
overflow-x: hidden;
z-index: 9999
}
#menuP .Search,
.mobile-menu {
display: block
}
.psm.on {
left: 0;
opacity: .9
}
.Mbutton {
font-size: 0;
line-height: 0;
text-align: center;
padding: .75rem .5rem .5rem;
width: 46px;
border-radius: 4px;
height: 62px;
position: absolute;
top: 0;
bottom: 0;
right: 1.25rem;
margin: auto;
z-index: 21;
background: 0 0
}
.Mbutton span,
.Mbutton span::after,
.Mbutton span::before {
position: relative;
display: block;
height: 5px;
border-radius: 5px;
cursor: pointer;
background-color: #89094e;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.Mbutton span::after,
.Mbutton span::before {
content: "";
width: 100%;
height: 5px;
border-radius: 5px;
cursor: pointer;
background-color: #89094e;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.Mbutton span::before {
position: absolute;
left: 0;
top: 16px
}
.Mbutton span::after {
position: absolute;
top: 8px;
left: 0
}
.Mbutton.open span {
background-color: transparent
}
.Mbutton.open span::before {
-webkit-transform: rotate(45deg) translate(7px, 6px);
-ms-transform: rotate(45deg) translate(7px, 6px);
transform: rotate(45deg) translate(7px, 6px)
}
.Mbutton.open span::after,
.Mbutton.open span::before {
top: 0
}
.Mbutton.open span::after {
-webkit-transform: rotate(-45deg) translate(7px, -6px);
-ms-transform: rotate(-45deg) translate(7px, -6px);
transform: rotate(-45deg) translate(7px, -6px);
top: 18px
}
.MenuBtnClose {
background-color: rgba(0, 0, 0, .68);
opacity: 0;
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
transition: .2s;
visibility: hidden;
z-index: 20
}
.MenuBtnClose.on {
visibility: visible;
opacity: .9
}
#menuP .Search {
width: 100%;
float: none;
padding: 0
}
#menuP .menu ul li {
float: none;
padding: 1.5rem 1.5rem .9rem;
border-bottom: 1px solid #ffffff1a
}
#menuP .Search .Result {
position: relative;
width: 100%;
background: 0 0;
padding: 0;
margin: 1em 0 0
}
.pesquisaItem .post-text {
color: #fff
}
.blur {
position: relative;
z-index: 2;
filter: blur(5px)
}
.widget-area {
width: 25%
}
.TPost,
.VPost {
width: calc(100%);
float: none;
display: inline-block
}
.sliderIndex {
margin: 0 0 1.5em
}
.content h1,
.content h2 {
padding-right: 0;
padding-left: 0
}
.VPost {
padding-left: .325rem;
padding-right: .325rem
}
.relacionadoPost .TPost {
width: calc(100%/3);
float: left
}
.relacionadoPost .TPost .Image {
height: 120px
}
}
@media only screen and (max-width:1020px) {
.post.load {
display: grid !important;
padding: 0 14px
}
.TPost,
.VPost,
.relacionadoPost .TPost {
width: calc(100%)
}
.player {
height: 450px
}
}
@media only screen and (max-width:950px) {
.thumbnail-single,
.widget-area {
display: none
}
.imagem-slider p.descricao-single {
font-size: 1rem
}
.single .widget-area {
display: none;
width: 100%
}
.relacionadoPost .TPost {
width: calc(100%)
}
.rlw .detailsP {
margin-right: 0
}
}
@media only screen and (max-width:880px) {
.letterList>ul>li>a {
line-height: 30px
}
.letterList>ul>li:before {
height: 30px
}
.letterList>ul>li {
width: auto
}
.detailsP .infos {
padding-left: 0
}
.detailsP .infos .Image figure {
display: none
}
}
@media only screen and (max-width:750px) {
.imagem-slider .titulo-single,
.titulo-single h1 {
font-size: 1.4rem;
}
.TPost,
.relacionadoPost .TPost {
width: calc(100%)
}
footer .csp {
flex-direction: column
}
footer .logo {
margin: 0 auto
}
footer ul {
margin: 1em auto
}
.player {
height: 350px
}
}
@media only screen and (max-width:630px) {
footer ul li {
display: inline-block;
padding: 1px;
margin-right: 8px;
text-transform: uppercase;
font-family: Montserrat sans-serif;
transition: .4s;
text-transform: uppercase;
font-weight: 700;
white-space: nowrap
}
.page {
font-size: 1rem;
font-weight: 700
}
.VPost .Image {
height: 220px
}
.imagem-slider {
height: 300px;
}
.imagem-slider2 {
height: 300px;
display: none;
}
.imagem-sliders {
height: 297px
}
.slider-pic p {
position: absolute;
z-index: 1;
text-align: center;
display: block;
width: 100%;
bottom: -13px;
font-family: montserrat, cursive;
font-size: .9rem;
background-color: #89094e;
color: #fff
}
.imagem-slider p.descricao-single {
font-size: 1.1rem;
padding-right: 10px
}
.titulo-single {
padding-right: 0 !important
}
}
@media only screen and (max-width:570px) {
.TPost,
.VPost {
width: calc(100%)
}
.player {
height: 300px
}
.titulo-home h1 {
font-size: 1.2rem
}
.meta-seo h2 {
font-size: .7rem;
display: none;
}
}
.info-metados ul li {
width: 50%
}
.single-info-new {
padding: 10px
}
.imagem-slider p.descricao-single {
font-size: 1rem;
padding-right: 10px;
height: auto;
overflow: hidden;
margin-top: -15px !important
}
@media only screen and (max-width:500px) {
.TPost .Image {
height: 270px;
max-height: 100vh
}
.load {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 5px
}
.load-contos {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 15px;
padding: 0 14px;
}
.anime-load {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 15px;
padding: 0 14px;
}
}
.assinante,
.ver-mais {
white-space: nowrap;
font-size: .8rem
}
.titulo-single {
font-size: 1.3rem
}
@media only screen and (max-width:380px) {
.psm {
width: 70%
}
#menuP .Search .Result {
display: none !important
}
}
.parceiros {
color: #1b1b1b;
padding: 5px;
font-size: .7rem
}
.parceiros ul li a {
color: #d1d1d1
}
.MenuParceiro {
flex-wrap: wrap;
display: flex;
padding: 0 14px;
}
.MenuParceiro li {
padding: 0 8px;
font-size: 10px
}
.abrir-em-nova-janela {
target: _blank
}
.withIcon {
width: inherit;
white-space: nowrap
}
.play {
color: #000;
font-size: 1.5rem;
font-weight: 900;
left: 45px;
top: 15px;
text-shadow: 1px 1px 0 #ec5f00, -1px -1px 0 #ec5f00, -1px 1px 0 #ec5f00, 1px -1px 0 #ec5f00
}
.anno,
.anno2 {
z-index: 99;
font-size: 13px !important;
border-radius: 6px;
margin-bottom: 10px
}
.calender button a,
.title-page {
text-shadow: 0 2px 2px rgb(0 0 0/84%)
}
.withIcon img,
.withIcon svg {
fill: #ec5f00;
width: auto;
position: absolute;
left: -43px;
top: 0;
transition: fill 1s ease-in-out
}
.anno {
background: #00d084;
padding: .75rem 1.25rem;
color: #000
}
.anno2 {
background: #2e3346;
padding: 8px;
color: #dbdbdb;
text-align: center
}
ul.counts li {
float: left;
margin: 3px
}
.title-page {
background-color: #000;
color: #fff;
padding: 10px;
border-bottom: 5px solid #89094e;
text-transform: uppercase;
font-size: 2rem;
font-weight: 700
}
.flexBetween h3 {
color: #e00360;
font-weight: 800;
font-size: 1.9rem;
letter-spacing: -1px;
margin-bottom: 10px;
text-transform: uppercase
}
.contact-form {
display: inline;
width: 45%;
float: left;
padding-right: 15px;
padding-left: 15px
}
.info-contact {
display: inline;
width: 30%
}
.contact-form input[type=submit] {
background-color: #940606;
color: #fff;
text-transform: uppercase;
padding: 10px 25px;
border: 0;
outline: 0 !important;
cursor: pointer;
margin: 10px 0
}
.contact-form input[type=email],
.contact-form input[type=text],
.contact-form textarea {
padding: 5px 15px;
margin-bottom: 10px;
outline: 0 !important;
border: 1px solid #ccc
}
.calender button {
float: right;
padding: 10px;
color: #fff;
border-radius: 5px;
text-transform: uppercase
}
.calender button a {
color: #fff
}
.desc {
color: #cccccc9c;
margin-top: 20px;
font-size: .9rem
}
#btnAssine {
display: flex;
column-gap: 10px;
padding: 2.2rem 1.5rem;
grid-column: 3/3;
grid-row: 1
}
@media (max-width:1268px) {
#btnAssine {
display: table;
justify-content: center;
align-items: center;
text-align: center;
padding: 28px;
margin: 0 auto;
}
#btnAssine a:last-child {
margin-top: 5px;
border: 1px solid #590834
}
}
.btnGray,
.btnOrange {
background: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0 0, #f9f9f9 2%, #fff 50%, #f7f7f7 51%, #d1d1d1 100%);
background: -webkit-linear-gradient(top, #f0f0f0 0, #f9f9f9 2%, #fff 50%, #f7f7f7 51%, #d1d1d1 100%);
background: linear-gradient(to bottom, #f0f0f0 0, #f9f9f9 2%, #fff 50%, #f7f7f7 51%, #d1d1d1 100%);
border: 1px solid #d1d1d1;
border-radius: 8px;
padding: 6px 15px;
color: #5c5b5b;
font-weight: 900;
font-size: 1.2rem;
text-transform: uppercase;
text-align: center;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
flex-direction: column;
box-shadow: 0 0 0 transparent;
cursor: pointer
}
.btnGray small,
.btnOrange small {
display: block;
font-weight: 600;
font-size: .59rem;
white-space: nowrap
}
.btnOrange {
background: #ffd68e;
background: -moz-linear-gradient(top, #ffd68e 0, #ff9c00 4%, #ffa73d 50%, #ff7c00 51%, #ff6500 96%, #f52a00 100%);
background: -webkit-linear-gradient(top, #ffd68e 0, #ff9c00 4%, #ffa73d 50%, #ff7c00 51%, #ff6500 96%, #f52a00 100%);
background: linear-gradient(to bottom, #ff8ed8 0, #89094e 50%, #89094e 100%);
color: #fff;
border: 1px solid #89094e;
display: flex;
flex-direction: row;
align-items: center;
padding: 6px 8px
}
.btnOrange svg {
fill: #000;
height: 25px;
margin-right: 2px;
filter: drop-shadow(2px 1px 1px rgb(0, 0, 0, .2))
}
::-webkit-scrollbar {
background: rgb(0 0 0 / 84%);
width: 9px
}
::-webkit-scrollbar-thumb {
background-color: #590834;
border-radius: 10px;
}
.pagination li a,
.pagination li.active a,
.pagination li.active span,
.pagination li:hover a {
border-radius: 5px;
vertical-align: top;
margin: 0 5px 5px;
padding: 0 15px;
height: 40px;
line-height: 40px;
font-size: 1rem;
position: relative;
display: inline-block;
font-weight: 700
}
.TPost,
.VPost {
transition: background .3s
}
.TPost:hover,
.VPost:hover {
background: #590834
}
.TPost:hover .ver-mais,
.VPost:hover .ver-mais {
background-color: #000;
color: #fff;
transform: scale(1.03);
}
.TPost .Title:hover,
.VPost .Title:hover {
color: #000
}
.info-box {
display: flex;
justify-content: space-around;
gap: 8px;
align-items: center;
position: relative;
}
.time,
.cont-views {
color: #bbb6b6;
line-height: 1 !important;
font-size: 11px;
text-align: center;
border: solid 1px #444857;
border-radius: 10px;
padding: 4px 6px;
background: rgb(30 29 29 / 84%);
}
@media (max-width: 600px) {
.info-box {
align-items: center;
}
}
.pagination li.active a,
.pagination li.active span,
.pagination li:hover a {
background: #89094e;
color: #fff
}
.pagination li a {
color: #828d92;
background: #f3f3f3
}
.pagination li {
display: inline-block
}
.pagination {
margin-top: 20px;
text-align: center
}
.tradutores {
color: #fff;
z-index: 1;
display: flex
}
.tradutores h3 {
font-size: 1.2em
}
.tradutores ul {
list-style-type: disc;
font-weight: 700
}
.tradutores ul li {
margin-bottom: 5px;
font-size: 1.4rem
}
.tradutores i {
font-size: 2.8rem;
color: #89094e;
margin-right: 3px
}
#reportModal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, .5)
}
.modal-content {
position: absolute;
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 500px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
border-radius: 8px;
color: #000;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: 700;
cursor: pointer
}
#reportForm {
display: flex;
flex-direction: column;
gap: 10px
}
#reportForm textarea {
width: 100%;
height: 80px;
padding: 8px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ccc;
resize: none
}
#reportForm button {
background-color: #7d0443;
color: #fff;
padding: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px
}
#reportForm button:hover {
background-color: #5a0332
}
#reportForm input[type=text] {
width: 100%;
padding: 8px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ccc
}
#reportButton {
background-color: #590834;
color: #fff;
border: none;
padding: 8px;
border-radius: 5px;
display: flex;
align-items: center;
font-size: 13px;
cursor: pointer;
transition: background-color .3s
}
#reportButton:hover {
background-color: #a70044
}
.reason-option {
display: flex;
align-items: center;
padding: 10px;
cursor: pointer;
border: 1px solid #ccc;
margin-bottom: 5px
}
.reason-option:hover {
background-color: #f0f0f0
}
.reason-option i {
margin-right: 10px
}
.reason-option.selected {
background-color: #7d0443;
color: #fff
}
.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px
}
.modal-header h2 {
margin: 0;
font-size: 1.2em
}
.modal-header .close {
font-size: 1.5em;
cursor: pointer
}
.usuarios-online {
background: #161515;
color: #ffa500;
line-height: 1.3;
margin: 8px auto;
max-width: 420px;
border: 1px solid #2a2a2a;
}
.titulo-single h1 {
font-size: 1.8rem;
}
html.theme-black #info-container section:not(:last-of-type) {
border-bottom: 1px solid #333;
}
.anime-exclusivo {
position: absolute;
z-index: 1;
text-align: center;
display: block;
width: 100%;
bottom: -29px;
font-family: montserrat, cursive;
font-size: 1.9rem;
background-color: #590834;
color: #fff;
}
.vip {
flex-direction: row !important;
justify-content: flex-start !important;
align-items: center !important;
text-align: left !important;
gap: 8px !important;
margin-bottom: 20px;
}
.vip-ativo {
background: #111;
padding: 10px 10px;
border-radius: 20px;
text-align: center;
margin: 20px 0;
}
.meta-seo {
margin-top: 18px;
}
.contact-container {
display: flex;
gap: 20px;
align-items: flex-start;
}
.contact-form,
.info-contact {
width: 50%;
color: #a7a4a4;
font-weight: normal !important;
}
.color-icon {
color: #ed2553 !important;
font-weight: bold !important;
} @media (max-width: 768px) {
.contact-container {
flex-direction: column;
}
.contact-form,
.info-contact {
width: 100%;
}
.seo-title h2 {
display: none;
}
}
.link-footer-seo {
color: orange;
}
#alerta-site {
display: none;
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.vip-texto-vip {
color: #ffd700;
font-weight: bold;
font-size: 0.9rem;
} .badge-breve,
.badge-agora,
.badge-recente,
.badge-alta,
.badge-top,
.badge-viral,
.badge-estreia,
.badge-subindo {
position: absolute;
bottom: 12px;
left: 12px;
font-size: 9px;
font-weight: 800;
padding: 2px 6px !important;
border-radius: 6px;
z-index: 3;
overflow: hidden; } .badge-breve {
background: linear-gradient(45deg, #2d3436, #636e72);
color: #fff;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
border: 1px solid rgba(255, 255, 255, .15);
}
.badge-agora {
background: linear-gradient(45deg, #28a745, #20c997) !important;
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}
.badge-estreia {
color: #fff !important;
background: linear-gradient(45deg, #ff3cac, #ff00ff); box-shadow: 0 0 8px #18181b, 0 0 15px #ff00ff, 0 0 25px #ff3cac;
text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}
.badge-recente {
background: linear-gradient(45deg, #ffe066, #ffaa00);
color: #111;
}
.badge-alta {
background: linear-gradient(45deg, #00c853, #00ff95);
color: #003;
}
.badge-top {
background: linear-gradient(45deg, #8e2de2, #c471ed);
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}
.badge-subindo {
background: linear-gradient(45deg, #00c6ff, #0072ff);
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}
.badge-viral {
background: linear-gradient(45deg, #8d1b1b, #ff0400);
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
} .badge-breve::after,
.badge-agora::after,
.badge-recente::after,
.badge-alta::after,
.badge-top::after,
.badge-viral::after,
.badge-estreia::after,
.badge-subindo::after {
content: "";
position: absolute;
top: 0;
left: -75%;
width: 50%;
height: 100%;
background: linear-gradient(120deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.6) 50%,
rgba(255, 255, 255, 0) 100%);
transform: skewX(-25deg);
animation: shineMove 3s infinite;
} .badge-agora::after {
animation-duration: 2s;
} @keyframes shineMove {
0% {
left: -75%;
}
100% {
left: 125%;
}
} @keyframes pulseSoft {
0%,
100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.05);
opacity: 0.9;
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.08);
}
100% {
transform: scale(1);
}
} @media (max-width: 768px) {
.badge-breve,
.badge-agora,
.badge-recente,
.badge-alta,
.badge-top,
.badge-viral,
.badge-estreia,
.badge-subindo {
position: absolute !important;
top: 5px !important;
right: 4px !important;
left: auto !important;
bottom: auto !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 8px !important;
line-height: 1 !important;
padding: 2px 6px !important;
border-radius: 5px !important;
max-width: 90px;
white-space: nowrap;
z-index: 30; letter-spacing: 0.2px;
} .badge-breve::after .badge-agora::after,
.badge-recente::after,
.badge-alta::after,
.badge-top::after,
.badge-viral::after,
.badge-estreia::after,
.badge-subindo::after {
animation-duration: 4s !important;
opacity: 0.5;
}
}
.vip-block-overlay {
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.92);
backdrop-filter: blur(6px);
z-index: 90;
text-align: center;
padding: 20px;
}
.vip-block-content {
max-width: 440px;
width: 100%;
padding: 25px 20px;
background: rgba(20, 20, 20, 0.85);
border-radius: 12px;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
animation: fadeInUp 0.4s ease;
} .vip-block-content h5 {
font-size: 1.6rem;
margin: 0 0 10px;
color: #fff;
font-weight: 700;
} .vip-block-content p {
color: #bbb;
font-size: 14px;
} .assinatura-btn {
background: #89094e;
color: #fff;
padding: 10px 14px;
border-radius: 8px;
text-decoration: none;
font-weight: 700;
transition: 0.3s;
box-shadow: 0 4px 12px rgba(137, 9, 78, 0.5);
}
.assinatura-btn:hover {
background: #6e073e;
transform: scale(1.05);
box-shadow: 0 0 20px rgba(137, 9, 78, 0.8);
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fake-counter {
margin-top: 10px;
font-size: 12px;
color: #ccc;
opacity: 0.9;
animation: pulseSoft 2s infinite;
}
.logged-in-as {
background: rgb(42 42 43 / 75%);
color: #aaa;
border-left: 4px solid #89094e;
padding: 10px 15px;
border-radius: 6px;
font-size: 13px;
margin-bottom: 15px;
}
.not-logged-in {
background: #1a1a1a;
color: #c3c4c7;
border-left: 4px solid #89094e;
padding: 10px 15px;
border-radius: 6px;
font-size: 14px;
margin-bottom: 15px;
}
.not-logged-in a {
color: orange; font-weight: bold;
text-decoration: none;
transition: color 0.3s;
}
.not-logged-in a:hover {
color: #aaa; }
.no-comments {
text-align: center;
color: #fff;
background: rgba(0, 0, 0, 0.4);
padding: 12px 18px;
border-radius: 8px;
font-size: 14px;
margin: 20px auto;
width: fit-content;
backdrop-filter: blur(5px);
} @keyframes pulseSoft {
0% {
transform: scale(1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
50% {
transform: scale(1.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
100% {
transform: scale(1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
}
.comment-rules {
background: #111;
color: #ddd;
padding: 12px;
border-radius: 8px;
font-size: 13px;
margin-top: 10px;
}
.comment-rules ul {
margin: 8px 0;
padding-left: 18px;
}
.no-results {
text-align: center;
padding: 40px 20px;
background: rgba(0, 0, 0, 0.4);
border-radius: 10px;
margin: 20px 0;
color: #eee;
}
.no-results h2 {
font-size: 24px;
margin-bottom: 10px;
}
.no-results p {
font-size: 14px;
color: #ccc;
}
.no-results ul {
list-style: none;
padding: 0;
margin: 15px 0;
}
.no-results ul li {
margin: 5px 0;
color: #aaa;
}
.btn-home {
display: inline-block;
margin-top: 15px;
padding: 10px 20px;
background: #89094e;
color: #fff;
border-radius: 5px;
text-decoration: none;
transition: .3s;
}
.btn-home:hover {
background: #e0264b;
}
.assinante {
background: linear-gradient(to right, #006f4a 0, #00c080 100%);
border-radius: 5px;
color: #ddd;
border: 1px solid #008e5f;
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
transition: transform 0.2s, box-shadow 0.2s;
text-shadow: 0 2px 2px rgb(0 0 0 / 84%);
}
.TPost section {
text-align: center;
} .vip-full {
display: flex;
}
.vip-full .ver-mais {
width: 100% !important;
text-align: center;
} .vip-full .ver-mais {
padding: 8px;
border-radius: 12px;
font-family: Montserrat;
color: #002b1a;
font-size: 1rem;
font-weight: 700;
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
transition: transform 0.2s, box-shadow 0.2s;
background: linear-gradient(to right, #009e52 0, #00e187 87%);
text-shadow: none !important;
} .vip-full .ver-mais:hover {
transform: translateY(-2px);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
color: #002b1a;
}
.renovar {
background: linear-gradient(to right, #b30000, #ff1a1a);
;
width: 50%;
padding: 5px;
border-radius: 5px;
font-family: Montserrat;
color: #ffffff;
font-size: 1rem;
font-weight: 700;
text-align: center;
text-decoration: none;
display: inline-block;
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
transition: transform 0.2s, box-shadow 0.2s;
letter-spacing: 0.5px;
text-shadow: 0 2px 2px rgb(0 0 0 / 84%);
} .renovar:hover {
transform: scale(1.03);
box-shadow: 0 4px 12px rgba(0, 0, 0, .9);
text-shadow: 0 2px 2px rgb(0 0 0 / 84%);
}
.ver-mais.is-preview {
background: linear-gradient(to right, #444 0, #777 87%);
color: #fff;
opacity: 0.9;
}
@media only screen and (max-width: 500px) {
.renovar {
white-space: nowrap;
font-size: .8rem;
}
.vip-full .ver-mais {
white-space: nowrap;
font-size: 1rem;
}
.ver-mais.is-preview {
background: linear-gradient(to right, #444 0, #777 87%);
color: #fff;
opacity: 0.9;
}
} .icon-btn {
width: 44px;
height: 44px;
border-radius: 50%; background: #111;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 22px;
text-decoration: none;
transition: all .25s ease;
cursor: pointer;
border: none;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
} .icon-btn:hover {
background: linear-gradient(to right, #89094e 0, #590834 87%);
color: #fff;
transform: translateY(-2px) scale(1.08);
} .top-categorias {
position: relative;
}
.dropdown-content {
position: absolute;
top: 55px;
right: 0;
min-width: 200px;
background: #111;
border-radius: 14px;
padding: 8px 0;
list-style: none;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
transition: .25s;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
z-index: 999;
} .dropdown-content li a {
display: block;
padding: 12px 16px;
color: #fff;
text-decoration: none;
font-size: 14px;
transition: .2s;
}
.dropdown-content li a:hover {
background: linear-gradient(to right, #89094e 0, #590834 87%);
color: #fff;
} .top-categorias:hover .dropdown-content {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.modal-login {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 20001;
justify-content: center;
align-items: center;
backdrop-filter: blur(10px);
}
.modal-login.ativo {
display: flex;
}
.modal-box-login {
background: #5908349c;
padding: 20px;
border-radius: 12px;
width: 90%;
max-width: 500px;
position: relative;
animation: fadeIn .2s ease;
font-family: 'Montserrat';
max-height: 480px;
}
.fechar {
position: absolute;
top: -40px;
right: 2px;
font-size: 40px;
cursor: pointer;
color: #fff;
}
.fechar a:hover {
background: #590834;
transform: scale(1.05);
}
.alert-warning {
background: #1a1a1a;
color: #c3c4c7;
border-left: 4px solid #ffaa00;
padding: 10px 15px;
border-radius: 6px;
font-size: 14px;
margin-bottom: 15px;
}
.alert-warning a {
color: #ffaa00; font-weight: bold;
text-decoration: none;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: scale(.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.modal-logo {
text-align: center;
margin-bottom: 15px;
}
.modal-logo img {
max-width: 350px;
height: auto;
display: inline-block;
bottom: 48px;
position: relative;
z-index: 2;
}
.formCamposTitulo {
font-size: 1.2rem;
font-weight: 600;
border-bottom: 1px #5d5d5d solid;
padding-bottom: 6px;
margin-bottom: 15px;
text-align: center;
color: #fff;
text-transform: uppercase;
}
.nome-original {
font-size: 0.85rem;
position: relative;
z-index: 1;
color: #fcd34d;
margin-top: 5px;
font-style: italic;
opacity: 0.5;
}
.meta-parodia,
.meta-personagem {
font-size: 14px;
margin-top: 5px;
color: #ccc;
}
.meta-parodia strong,
.meta-personagem strong {
color: #fff;
}
.dados-hentai {
background: linear-gradient(180deg, #0a0a0a, #050505);
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0 0 15px rgba(255, 0, 122, 0.05);
}
.dados-hentai ul {
display: flex;
flex-direction: column;
gap: 8px;
font-size: 14px;
}
.dados-hentai li {
color: #ccc;
line-height: 1.6;
}
.dados-hentai strong {
color: #fff;
margin-right: 5px;
}
.dados-hentai a {
transition: 0.2s ease;
}
.dados-hentai a:hover {
transform: scale(1.05);
background: #ff007a;
}
.dados-titulo {
font-size: 1.3rem;
font-weight: bold;
color: #ffd700;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
width: 100%;
display: block;
margin-bottom: 15px;
position: relative;
} .dados-titulo::before,
.dados-titulo::after {
content: "";
position: absolute;
top: 50%;
width: 30%;
height: 1px;
background: rgba(255, 255, 255, 0.1);
}
.dados-titulo::before {
left: 0;
}
.dados-titulo::after {
right: 0;
}
@media (max-width: 768px) {
.dados-titulo {
font-size: 12px;
letter-spacing: 1px;
margin-bottom: 12px;
}
.dados-titulo::before,
.dados-titulo::after {
width: 20%; }
.dados-hentai ul {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 10px;
}
.dados-hentai li {
display: flex;
flex-wrap: wrap;
gap: 6px;
font-size: 13px;
}
.dados-hentai strong {
width: 100%;
font-size: 12px;
color: #aaa;
margin-bottom: 2px;
}
.dados-hentai a {
display: inline-block;
padding: 4px 8px;
font-size: 12px;
border-radius: 6px;
background: #a0004f;
color: #fff;
}
}
.breadcrumbs {
max-width: 1450px;
margin: 10px auto 15px auto;
font-size: 13px;
color: #aaa;
padding: 0 10px;
}
.breadcrumbs a {
color: #ff007a;
text-decoration: none;
transition: 0.2s;
}
.breadcrumbs a:hover {
color: #ff4da6;
}
.breadcrumbs span {
color: #fff;
}
.lista-personagens {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.lista-personagens a {
background: #a0004f;
color: #fff;
padding: 6px 10px;
border-radius: 6px;
font-size: 13px;
transition: 0.2s;
}
.lista-personagens a:hover {
background: #ff007a;
transform: scale(1.05);
}
.post-info {
background: rgba(0, 0, 0, 0.35);
padding: 12px 15px;
border-radius: 12px;
margin: 10px 0;
font-size: 0.85rem;
color: #fff;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.post-info ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
flex-direction: column;
}
.post-info li {
display: flex;
align-items: center;
gap: 5px;
flex-wrap: wrap;
}
.post-info li strong {
color: #fcd34d; margin-right: 4px;
}
.post-info a {
color: #f0f0f0;
text-decoration: none;
background: #333;
padding: 2px 6px;
border-radius: 6px;
transition: 0.2s;
text-transform: capitalize;
}
.post-info a:hover {
background: #ffd900;
color: #000;
}
.g-recaptcha {
display: flex;
justify-content: center;
margin: 15px 0;
}
@media (max-width: 480px) {
.g-recaptcha {
transform: scale(0.9);
transform-origin: center;
}
}
.breadcrumb {
max-width: 1461px;
margin: 15px auto;
padding: 10px 15px;
font-size: 12px;
color: #ccc;
line-height: 1.9;
}
.breadcrumb a {
color: #fff;
text-decoration: none;
font-weight: 500;
background: #89094e;
padding: 4px 8px;
border-radius: 15px;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb span {
margin: 0 5px;
color: #888;
}
.breadcrumb .current {
color: #fff;
font-weight: bold;
}
.breadcrumb a,
.breadcrumb a:hover {
text-decoration: none;
}
.nav-relacionado {
max-width: 1461px;
margin: 15px auto 25px;
padding: 0 15px;
} .bloco-rel {
display: inline-block;
margin-right: 25px;
vertical-align: top;
} .titulo-rel {
display: inline-block;
font-size: 13px;
color: #aaa;
margin-right: 8px;
font-weight: 600;
} .bloco-rel a {
display: inline-block;
background: #1e1e1e;
color: #ccc;
padding: 6px 12px;
margin: 2px 5px 2px 0;
border-radius: 20px;
font-size: 12px;
text-decoration: none;
transition: 0.25s;
}
.bloco-rel a:hover {
background: #89094e;
color: #fff;
transform: translateY(-2px);
} .ane-vip-icon {
position: absolute;
top: 8px;
left: 8px;
z-index: 30;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: linear-gradient(135deg, #ff0055, #ff2a75);
box-shadow:
0 2px 6px rgba(0, 0, 0, .6),
0 0 8px rgba(255, 0, 85, .7);
overflow: hidden;
} .ane-vip-icon::before {
content: "";
width: 14px;
height: 14px;
background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'>\
<path d='M5 16L3 6l5 4 4-6 4 6 5-4-2 10H5zm0 2h14v2H5z'/>\
</svg>") no-repeat center;
background-size: contain;
} .ane-badge-icon {
z-index: 30;
width: 18px;
height: 18px;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
overflow: hidden;
position: absolute;
top: 3px;
left: 5px;
display: inline-flex !important;
justify-content: center;
} .ane-badge-icon.is-vip {
background: linear-gradient(135deg, #ff0055, #ff2a75);
box-shadow:
0 2px 6px rgba(0, 0, 0, .6),
0 0 8px rgba(255, 0, 85, .7);
} .ane-badge-icon.is-pre {
background: linear-gradient(45deg, #2d3436, #636e72);
box-shadow:
0 2px 6px rgba(0, 0, 0, .6),
0 0 8px rgba(255, 0, 85, .7);
} .ane-badge-icon.is-pre::before {
content: "";
width: 14px;
height: 16px;
background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'>\
<path d='M5 16L3 6l5 4 4-6 4 6 5-4-2 10H5zm0 2h14v2H5z'/>\
</svg>") no-repeat center;
background-size: contain;
} .ane-badge-icon.is-vip::before {
content: "";
width: 14px;
height: 16px;
background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'>\
<path d='M5 16L3 6l5 4 4-6 4 6 5-4-2 10H5zm0 2h14v2H5z'/>\
</svg>") no-repeat center;
background-size: contain;
} .ane-badge-icon-free.is-free {
background: linear-gradient(135deg, #4a148c, #7b1fa2);
box-shadow: 0 2px 6px rgba(0, 0, 0, .6), 0 0 8px rgba(123, 31, 162, .5);
} .ane-badge-icon-free.is-free::before {
content: "FREE";
position: absolute;
top: 6px;
left: 6px;
z-index: 30;
padding: 4px 10px;
font-weight: 900;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
top: 6px !important;
display: inline-flex !important;
justify-content: center;
font-size: 8px !important;
line-height: 1 !important;
padding: 2px 6px !important;
border-radius: 5px !important;
max-width: 90px;
white-space: nowrap;
z-index: 30;
letter-spacing: 0.2px;
background: linear-gradient(135deg, #4a148c, #7b1fa2);
box-shadow: 0 2px 6px rgba(0, 0, 0, .6), 0 0 8px rgba(123, 31, 162, .5);
}
.ane-badge-icon.is-vip {
animation: anePulse 1.6s ease-in-out infinite,
aneGlow 1.6s ease-in-out infinite;
} @keyframes anePulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.12);
}
100% {
transform: scale(1);
}
} @keyframes aneGlow {
0% {
box-shadow: 0 2px 6px rgba(0, 0, 0, .6), 0 0 6px rgba(255, 0, 85, .4);
}
50% {
box-shadow: 0 2px 6px rgba(0, 0, 0, .6), 0 0 14px rgba(255, 0, 85, .9);
}
100% {
box-shadow: 0 2px 6px rgba(0, 0, 0, .6), 0 0 6px rgba(255, 0, 85, .4);
}
}
@keyframes anePulseSoft {
0% {
transform: scale(1);
}
50% {
transform: scale(1.06);
}
100% {
transform: scale(1);
}
}
.ane-badge-icon.is-free {
animation: anePulseSoft 2.4s ease-in-out infinite;
} .ane-badge-hd {
position: absolute;
top: 6px;
left: 6px;
z-index: 30;
padding: 4px 10px;
font-weight: 900;
letter-spacing: 1px;
color: #fff;
background: linear-gradient(135deg, #0f0f0f, #1a73e8);
box-shadow: 0 3px 8px rgba(0, 0, 0, .7), 0 0 12px rgba(0, 115, 255, .5);
text-transform: uppercase;
top: 6px !important;
display: inline-flex !important;
justify-content: center;
font-size: 8px !important;
line-height: 1 !important;
padding: 2px 6px !important;
border-radius: 5px !important;
max-width: 90px;
white-space: nowrap;
z-index: 30;
letter-spacing: 0.2px;
} .vip-overlay {
pointer-events: none; }
.vip-actions,
.vip-actions a {
pointer-events: auto; } .TPost:hover .vip-overlay {
opacity: 1;
}
.vip-overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column; justify-content: center;
align-items: center;
gap: 8px; padding-bottom: 8px;
background: rgba(0, 0, 0, 0.55);
opacity: 0;
transition: .25s ease;
z-index: 20;
}
.msg-sucesso {
background: #f2f2f2;
color: #228b49;
border-left: 4px solid #228b49;
padding: 10px 15px;
border-radius: 6px;
margin-bottom: 15px;
}
.msg-erro {
background: #8b0000;
padding: 10px 15px;
border-left: 4px solid #f2f2f2;
border-radius: 6px;
color: #fff;
text-align: center;
margin-top: 15px;
}
.msg-sucesso,
.msg-erro {
width: 100%;
box-sizing: border-box;
font-size: 12px; }
#msg-recuperar-senha {
width: 100%;
box-sizing: border-box;
} .msg-preview {
padding: 2px 6px;
font-size: 10px;
text-align: center;
color: rgba(255, 255, 255, 0.7);
background: rgba(0, 0, 0, 0.75);
opacity: 0.7;
border-radius: 10px;
} .Search2 {
width: 25%;
margin: 0 10px;
}
.seo-ff {
font-size: 14px;
color: #a7a4a4;
}
.search-form {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.search-form #searchsubmit {
color: #fff;
border: none;
border-radius: 0 5px 5px 0;
padding: 10px 20px;
cursor: pointer;
height: 30px;
display: flex;
align-items: center;
height: 42px;
background: #89094e;
}
.menu-inferior-nav .search-form input {
display: flex;
color: white;
}
.pesquisaItem ul {
display: none;
} @media (min-width: 768px) {
.search-mobile {
display: none;
}
}
@media (max-width: 768px) {
.search-mobile {
width: 100%;
float: right;
overflow: hidden;
position: relative;
margin-bottom: 15px;
}
.search-mobile-campo {
height: 30px;
padding-left: 20px;
border-radius: 5px;
border: none;
width: 100%;
background: linear-gradient(9deg, rgba(219, 170, 33, 1) 0%, rgba(0, 0, 0, .43) 0%);
color: #777;
}
.search-btn-mobile {
background: transparent;
border: none;
color: #bb014e;
cursor: pointer;
font-size: 22px;
padding: 5px;
position: absolute;
right: 0;
top: 0;
}
} .user-avatar {
display: flex;
align-items: center;
}
.user-avatar img {
width: 46px;
height: 46px;
border-radius: 50%;
}
.user-name {
margin-right: 10px;
font-size: 13px;
color: #fff;
}
.user-avatar .icon-envelope {
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 10px;
}
.user-avatar .fa-envelope {
font-size: 100%;
}
.icon-container {
position: relative;
display: inline-block;
}
.notification-bubble {
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
background-color: red;
border-radius: 50%;
} .btn-mobile-logo {
display: none;
padding: 5px 9px;
background-color: #89094e;
color: #fff;
text-decoration: none;
border-radius: 6px;
font-size: 12px;
animation: vipPulse 2.5s infinite;
font-family: Montserrat, sans-serif;
background: linear-gradient(135deg, #3b0a45, #6a0dad);
}
@media (max-width: 900px) {
.btn-mobile-logo {
display: inline-block;
margin: 34px 0 0;
border-radius: 20px;
}
} .user-menu {
display: flex;
align-items: center;
gap: 10px;
position: relative;
z-index: 50; }
.user-trigger img {
border-radius: 50%;
cursor: pointer;
}
.user-bell {
font-size: 30px;
}
.user-bell a {
color: #ccc;
}
.user-bell a:hover {
color: #fff;
} .user-dropdown {
position: absolute;
top: 105px; right: 0;
width: 180px;
background: #1c1c1c;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
display: none;
overflow: hidden;
z-index: 99999; } .user-menu.active .user-dropdown {
display: block;
} .user-info {
padding: 12px;
font-size: 13px;
color: #aaa;
border-bottom: 1px solid #333;
}
.dropdown-item {
display: block;
padding: 12px;
color: #fff;
text-decoration: none;
font-size: 14px;
transition: 0.2s;
}
.dropdown-item:hover {
background: #2a2a2a;
}
.dropdown-item.logout {
color: #ff4d4d;
} @media (max-width: 768px) {
.user-bell {
display: none;
}
.user-dropdown {
position: fixed;
top: 70px;
right: 10px;
left: 10px;
width: auto;
background: #1c1c1c;
border-radius: 12px;
z-index: 999999;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.user-menu.active .user-dropdown {
display: block;
}
.dropdown-item {
padding: 15px;
font-size: 16px;
display: block;
color: #fff;
}
.user-info {
padding: 15px;
font-size: 14px;
color: #aaa;
border-bottom: 1px solid #333;
}
.dropdown-item.logout {
color: #ff4d4d;
}
} .alerta-site {
background: #228b49;
color: #fff;
text-align: center;
padding: 10px;
font-size: 11px;
position: relative;
animation: fadeIn .3s ease;
}
.alerta-site a {
color: #ffd700;
font-weight: bold;
margin-left: 8px;
text-decoration: underline;
}
.fechar-alerta {
position: absolute;
right: 15px;
top: 8px;
cursor: pointer;
font-weight: bold;
}
#alerta-site {
display: none;
} @keyframes piscar {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
.aneVipBotaoFavoritos {
text-align: right;
margin-top: 1px !important;
z-index: 100 !important;
transition: all 0.25s ease;
background: #f0f0f0;
border-radius: 12px;
}
.aneVipBotaoFavoritos button {
background-color: transparent;
background-repeat: no-repeat;
background-position: 6px center;
background-size: 28px;
padding: 20px;
height: 40px;
width: 40px;
margin-top: 2px;
font-size: 0;
padding-top: -20px !important;
font-family: Arial;
margin: 0;
cursor: pointer;
border: none;
line-height: 26px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 12px;
}
.aneVipBotaoFavoritos button:hover {
background-color: transparent;
}
.aneVipBotaoFavoritos:hover {
transform: translateY(-2px);
}
.atualizacao strong {
color: #fff;
}
.tempo-corrido {
text-transform: lowercase;
color: #f7b708; font-weight: 500;
}
.data-exata {
color: #888;
font-size: 12px;
}
@media (max-width: 768px) {
.post {
will-change: auto;
transform: translateZ(0);
}
.calender button,
.icon-btn {
transition: none;
}
} .cards-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
width: 100%;
margin-bottom: 20px;
} .card-cat {
position: relative;
display: flex;
flex-direction: column;
background: #1e1e1e;
border-radius: 12px;
overflow: hidden;
transition: transform .3s, box-shadow .3s;
cursor: pointer;
} .card-cat:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, .6);
} .card-thumb {
width: 100%;
overflow: hidden;
aspect-ratio: 16 / 9;
}
.card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .card-overlay {
position: relative;
background: rgba(0, 0, 0, .3);
padding: 12px;
display: flex;
justify-content: space-between;
flex-grow: 1;
} .card-overlay h3 {
margin: 0 0 8px 0;
font-size: 1rem;
font-weight: 500;
line-height: 1.2;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: none;
} .card-overlay span {
display: flex;
font-size: 12px;
font-weight: 700;
color: #fcd34d;
letter-spacing: 1px;
} @media(max-width:768px) {
.cards-grid {
grid-template-columns: 1fr;
}
}  .filtro-busca {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin: 20px auto 40px auto;
max-width: 1200px;
text-align: center;
background-color: #1b1b1b; padding: 15px 20px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6); }
.filtro-busca input[type="text"],
.filtro-busca select {
padding: 8px;
font-size: 0.9rem;
border-radius: 6px;
border: 1px solid #444; min-width: 140px;
transition: all 0.3s ease;
background-color: #2a2a2a; color: #fff; }
.filtro-busca input[type="text"]::placeholder {
color: #bbb; }
.filtro-busca input[type="text"]:focus,
.filtro-busca select:focus {
border-color: #89094e; outline: none;
}
.filtro-busca select {
background-color: #2a2a2a; color: #fff;
}
.filtro-busca button {
padding: 12px 10px;
border-radius: 6px;
border: none;
background-color: #89094e; color: #fff;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
display: inline-flex;
align-items: center;
}
.filtro-busca button:hover {
background-color: #89094e; }
@media (max-width: 768px) {
.filtro-busca {
flex-direction: column;
align-items: stretch;
}
.filtro-busca input[type="text"],
.filtro-busca select,
.filtro-busca button {
width: 100%;
margin-bottom: 10px; }
.filtro-busca input[type="text"]:last-child,
.filtro-busca select:last-child,
.filtro-busca button:last-child {
margin-bottom: 0; }
} .search-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
margin-bottom: 40px;
}
.search-card {
background-color: #1e1e1e;
border-radius: 12px;
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
cursor: pointer;
display: flex;
flex-direction: column;
color: #fff;
position: relative;
}
.search-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
}
.search-card img {
width: 100%;
height: 140px;
object-fit: cover;
} .search-card .badge {
position: absolute;
top: 10px;
left: 10px;
font-size: 0.75rem;
padding: 4px 10px;
border-radius: 4px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
background-color: #000; transition: all 0.3s ease;
border-radius: 20px;
}
.search-card .badge.exclusivo {
animation: vipPulse 2.5s infinite;
background: linear-gradient(135deg, #3b0a45, #6a0dad);
color: #fff;
border-radius: 20px;
font-family: Montserrat, sans-serif;
}
@keyframes vipPulse {
0% {
transform: scale(1)
}
50% {
transform: scale(1.08)
}
100% {
transform: scale(1)
}
}
.search-card .card-content {
padding: 12px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
background: rgba(0, 0, 0, .3);
}
.search-card .card-content h3 {
margin: 0 0 8px 0;
font-size: 1rem;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.search-card .card-footer {
display: flex;
justify-content: space-between;
font-size: 0.9rem;
color: #ff9800;
margin-top: 8px;
}
.search-card .card-footer span {
display: flex;
align-items: center;
gap: 4px;
} @media (max-width: 1024px) {
.filtro-busca input[type="text"],
.filtro-busca select,
.filtro-busca button {
min-width: 120px;
}
}
@media (max-width: 768px) {
.filtro-busca {
flex-direction: column;
align-items: stretch;
}
.filtro-busca input[type="text"],
.filtro-busca select,
.filtro-busca button {
width: 100%;
}
}  .home-page-wrapper {
width: 100%;
}
.home-title-row {
padding-bottom: 4px;
margin-bottom: -22px;
align-items: center;
display: flex;
margin-top: 20px;
}
.home-title-row h1 {
flex: 1;
font-size: 26px;
font-weight: 800;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: .4px;
color: #fff;
} .home-actions-bar button {
color: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
transition: transform 0.2s, box-shadow 0.2s;
}
.home-actions-bar button:hover {
background-color: #590834;
}
.home-top-categories .home-dropdown-btn {
background-color: #590834; color: #fff;
text-shadow: 0 2px 2px rgb(0 0 0 / 84%);
}
.home-top-categories .home-dropdown-btn:hover {
background-color: #590834;
} .home-actions-bar {
display: flex;
align-items: center;
gap: 10px;
padding: 0;
}
.home-actions-bar button,
.home-top-categories .home-dropdown-btn {
flex: 1; text-align: center;
padding: 10px 15px;
font-weight: bold;
border-radius: 4px;
border: none;
cursor: pointer;
padding: 6px 15px;
}
.home-icon-btn {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .06);
border-radius: 12px;
color: #fff;
font-size: 16px;
text-decoration: none;
transition: .22s ease;
backdrop-filter: blur(8px);
}
.home-icon-btn:hover {
background: #89094e;
border-color: #b31267;
transform: translateY(-2px);
box-shadow:
0 8px 20px rgba(137, 9, 78, .25);
}
.home-icon-btn i {
opacity: .92;
}
.home-top-categories {
position: relative;
display: inline-flex;
align-items: center;
} .home-top-categories::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 14px;
background: transparent;
z-index: 9998;
} .home-dropdown-content {
display: none;
position: absolute;
top: calc(100% + 8px);
right: 0;
min-width: 200px;
background: #111;
border-radius: 14px;
margin: 0;
box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
z-index: 9999;
} .home-top-categories:hover .home-dropdown-content {
display: block;
}
.home-dropdown-content li {
margin: 0;
padding: 0;
}
.home-dropdown-content li a {
display: block;
padding: 10px 14px;
text-decoration: none;
color: #fff; white-space: nowrap;
transition: 0.2s;
font-size: 14px;
}
.home-dropdown-content li a:hover {
background: #590834; color: #fff;
} @media (max-width: 600px) {
.home-actions-bar {
width: 100%;
padding: 10px 0;
justify-content: center;
}
} .ver-todos .btn-ver {
display: block;
text-align: center;
padding: 5px 15px;
font-size: 0.7rem;
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .06);
border-radius: 12px;
color: #fff;
text-decoration: none;
transition: .22s ease;
backdrop-filter: blur(8px);
}
.ver-todos .btn-ver:hover {
background: #590834;
color: #fff;
transform: translateY(-2px) scale(1.08);
} .seo-title h2 {
margin-top: 9px;
}
.seo-title h2 {
Font-size: 0.8rem;
color: #aaa;
text-shadow: rgba(0, 0, 0, 0.84) 0px 2px 2px;
text-transform: uppercase;
font-family: Montserrat;
letter-spacing: .5px;
font-weight: 500;
} .home-announcement-wrap {
display: flex;
justify-content: center;
margin: 0;
}
.home-announcement-box {
background: linear-gradient(135deg, #3b0a45, #6a0dad);
padding: 6px 15px;
border-radius: 0 0 10px 10px;
font-size: 12px;
box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
transition: transform .2s, box-shadow .2s;
}
.home-announcement-box a {
color: #fff;
text-decoration: none;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.home-announcement-box a strong {
font-weight: 600;
}
.home-announcement-box:hover {
transform: translateY(-1px);
box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
} .button_assinar {
width: 100%;
height: 90px;
display: inline-block;
border: none;
border-radius: 20px;
background-image: url(https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://www.hqhentai.com.br/wp-content/uploads/2024/01/banner.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.assinar_agora {
position: absolute;
margin: 15px;
width: 250px;
padding: 5px;
font-size: 1.5rem;
font-weight: 700;
text-align: center;
color: #fff8c3;
background: #bb014e8c;
border-radius: 30px;
box-sizing: border-box;
} @media (max-width: 700px) {
.home-actions-bar {
gap: 8px;
}
.home-icon-btn {
width: 38px;
height: 38px;
border-radius: 10px;
font-size: 14px;
}
.ver-todos .btn-ver {
margin: 10px 0;
}
.ver-todos {
padding: 0 20px;
}
} @media (max-width: 600px) {
.home-title-row {
display: block;
}
.home-title-row h1 {
font-size: 1rem;
color: #fff;
line-height: 1.35;
letter-spacing: .3px;
padding: 0 18px;
}
.home-view-all-btn {
width: 100%;
padding: 5px 15px;
font-size: 0.7rem;
font-weight: bold;
}
.assinar_agora {
font-size: 1.5rem;
color: #fff8c3;
background: #bb014e8c;
border-radius: 30px;
text-align: center;
font-weight: 700;
box-sizing: border-box;
}
.ver-todos .btn-ver {
margin: 10px 0;
}
} .hf-menu-rodape a,
.footer-rodape-menu a,
.nav-footer a {
font-family: 'Montserrat', sans-serif !important;
}
.hf-footer {
width: 100%;
background: #590834;
color: #ccc;
padding: 15px 9px;
font-size: 0.8rem;
} .hf-container {
margin: 0 auto;
} .hf-nav {
display: flex;
justify-content: space-between;
gap: 50px;
align-items: flex-start;
} .hf-menu-rodape {
list-style: none;
padding: 0;
margin: 0;
}
.hf-menu-rodape li {
margin-bottom: 10px;
}
.hf-menu-rodape a {
color: #fff;
text-decoration: none;
opacity: .85;
transition: .2s ease;
}
.hf-menu-rodape a:hover {
opacity: 1;
transform: translateX(3px);
} .hf-seo {
opacity: .9;
line-height: 1.5;
}
.hf-link {
color: #fff;
font-weight: 700;
text-decoration: none;
}
.hf-link:hover {
opacity: .7;
}
.hf-copy {
opacity: .7;
} @media (max-width: 768px) {
.hf-nav {
flex-direction: column;
gap: 25px;
}
.hf-menu-rodape {
text-align: center;
}
} .ajax-pagination {
max-width: 1450px;
width: 100%;
margin: 25px 0 0 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.ajax-pagination ul {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.ajax-pagination li {
margin: 0;
padding: 0;
list-style: none;
background: #000;
border-radius: 5px;
} .ajax-pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
width: auto;
padding: 0 10px;
height: 32px;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-size: 15px;
font-weight: 700;
line-height: 1;
transition: .2s;
border: 0;
box-shadow: none;
white-space: nowrap;
} .ajax-pagination a.page-numbers:hover {
background: #89094e;
} .ajax-pagination .page-numbers.current {
background: #89094e;
color: #fff;
} .ajax-pagination .page-numbers.dots {
width: 42px;
background: #111;
font-size: 16px;
} .ajax-pagination .prev,
.ajax-pagination .next {
font-size: 0;
position: relative;
width: 42px;
} .ajax-pagination .prev::before {
content: "‹";
font-size: 22px;
color: #fff;
line-height: 1;
} .ajax-pagination .next::before {
content: "›";
font-size: 22px;
color: #fff;
line-height: 1;
} @media (max-width: 768px) {
.ajax-pagination {
width: 100%;
margin: 20px 0;
overflow: visible;
padding: 0 10px;
}
.ajax-pagination ul::-webkit-scrollbar {
display: none;
}
.ajax-pagination ul {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
gap: 6px;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
padding: 0;
margin: 0;
list-style: none;
-webkit-overflow-scrolling: touch;
}
.ajax-pagination li {
display: flex;
margin: 0;
padding: 0;
border-radius: 5px;
}
.ajax-pagination .page-numbers {
min-width: 0;
width: auto;
height: 30px;
padding: 0 10px;
font-size: 13px;
border-radius: 4px;
flex: unset;
white-space: nowrap;
}
.ajax-pagination .prev,
.ajax-pagination .next {
min-width: 34px;
width: 34px;
padding: 0;
}
.ajax-pagination .dots {
min-width: 34px;
padding: 0 6px;
}
.ajax-pagination .prev::before,
.ajax-pagination .next::before {
font-size: 18px;
}
}
.post-filter-menu {
display: flex;
margin: 0 15px;
flex-wrap: wrap;
justify-content: center;
}
.post-filter-recente {
gap: 15px;
padding: 8px 14px;
display: flex;
align-items: center;
padding: 0 5px;
font-size: 12px;
font-weight: 700;
color: #aaa;
letter-spacing: 1px;
}
.post-filter-menu a {
padding: 8px 14px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
background: rgba(0, 0, 0, 0.85);
color: #fff;
transition: .2s;
}
.post-filter-menu a:hover {
background: #89094e;
transform: scale(1.05);
}
.post-filter-menu {
color: #fff;
}
.filter-label {
display: flex;
align-items: center;
padding: 0 5px;
font-size: 12px;
font-weight: 700;
color: #aaa;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width:768px) {
.post-filter-menu {
overflow-x: auto;
flex-wrap: wrap;
padding-bottom: 6px;
gap: 8px;
-webkit-overflow-scrolling: touch;
}
.post-filter-menu a {
flex: 0 0 auto;
white-space: nowrap;
font-size: 11px;
padding: 7px 12px;
letter-spacing: 1px;
}
.filter-label {
flex: 0 0 auto;
white-space: nowrap;
font-size: 12px;
} .post-filter-menu::-webkit-scrollbar {
display: none;
}
}
.menu-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.65);
backdrop-filter: blur(4px);
opacity: 0;
visibility: hidden;
transition: 0.2s ease;
z-index: 998;
}
.menu-overlay.active {
opacity: 1;
visibility: visible;
}
.psm {
z-index: 999 !important;
}
.TPost .title-link {
display: flex;
justify-content: center;
align-items: center;
min-height: 46px;
padding: 0 6px;
text-decoration: none;
}
.TPost h3.Title {
margin: 0;
width: 100%;
text-align: center;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
}
.TPost .Title {
color: #fff !important;
font-size: 0.9rem !important;
text-align: center !important;
text-decoration: none !important;
}
.TPost .Title a {
color: #fff !important;
text-decoration: none !important;
}
.TPost .Title a:hover {
color: #fff !important;
text-decoration: none !important;
}
.VPost .title-link {
display: flex;
justify-content: center;
align-items: center;
min-height: 46px;
padding: 0 6px;
text-decoration: none;
}
.VPost h3.Title {
margin: 0;
width: 100%;
text-align: center;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
}
.VPost .Title {
color: #fff !important;
font-size: 0.9rem !important;
text-align: center !important;
text-decoration: none !important;
}
.VPost .Title a {
color: #fff !important;
text-decoration: none !important;
}
.VPost .Title a:hover {
color: #fff !important;
text-decoration: none !important;
} .msg-vip {
color: #fff;
padding: 4px 10px;
font-size: 11px;
background: #356753;
border-radius: 30px;
} .msg-renovar {
color: #fff;
font-size: 11px;
padding: 4px 10px;
font-size: 11px;
background: rgba(0, 0, 0, 0.85);
border-radius: 30px;
}
.msg-renovar a {
color: #fff;
font-weight: 600;
background: red;
padding: 2px 4px;
border-radius: 6px;
text-transform: uppercase;
font-size: 9px;
}
.msg-renovar a:hover {
color: red;
font-weight: 600;
background: #fff;
}
.msg-preview a {
color: #ffcc00;
} .msg-login {
color: #aaa;
padding: 4px 10px;
font-size: 11px;
color: rgba(255, 255, 255, 0.7);
background: rgba(0, 0, 0, 0.85);
border-radius: 30px;
}
.area-exclusiva {
text-align: center;
font-size: 0.95rem;
margin-bottom: 5px;
}
.miniaturas-container {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
flex-wrap: wrap;
position: relative;
margin-top: 10px;
margin: 0 0 20px;
}
.miniatura {
position: relative;
width: 270px;
height: 390px;
overflow: hidden;
border-radius: 10px;
background: #111;
}
.miniatura img {
width: 100%;
height: 100%;
object-fit: cover;
will-change: transform;
-webkit-transition: .3s;
}
.miniatura:hover img {
transform: scale(1.05);
}
.miniatura:hover {
box-shadow: 0 0 15px rgba(255, 20, 147, 0.4);
transform: translateY(-3px);
}
.botao-continuar {
display: inline-block;
padding: 15px 24px;
background: linear-gradient(90deg, #590834, #ff1493);
color: white;
text-decoration: none;
font-weight: bold;
border-radius: 8px;
transition: 0.3s ease;
font-family: Montserrat, sans-serif;
font-size: 1.1rem;
animation: pulseGlow 2s infinite ease-in-out;
}
@keyframes pulseGlow {
0% {
box-shadow: 0 0 5px #ff007a;
}
50% {
box-shadow: 0 0 20px #ff66b2;
}
100% {
box-shadow: 0 0 5px #ff007a;
}
}
.botao-continuar:hover {
background: linear-gradient(90deg, #ff3399, #ff66b2);
transform: translateY(-2px);
}
.actions-bar {
display: flex;
align-items: center;
gap: 12px;
margin: 5px 0;
}
.icon-action {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: none;
border-radius: 12px;
cursor: pointer;
font-size: 20px;
transition: .25s ease;
position: relative;
overflow: hidden;
} .btn-report {
background: #a31010;
color: #f0f0f0
}
.btn-report:hover {
background: #7b0909;
color: #f0f0f0;
transform: translateY(-2px)
} .btn-share {
background: #0d42e1;
color: #f0f0f0;
}
.btn-share:hover {
background: #0096ff;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 150, 255, .25);
} .icon-action::after {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .25), transparent);
transition: .4s;
}
.icon-action:hover::after {
left: 100%;
}
.close-report-modal {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
color: #7d0505;
font-size: 22px;
font-weight: 700;
cursor: pointer;
transition: .25s ease;
line-height: 1;
border: 1px solid rgba(255, 255, 255, .08);
}
.close-report-modal:hover {
background: #ff0050;
color: #fff;
transform: scale(1.08);
box-shadow: 0 0 12px rgba(255, 0, 80, .35);
}
.close-report-modal:active {
transform: scale(.96);
}
.modal-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.response-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .75);
display: flex;
align-items: center;
justify-content: center;
z-index: 99999;
padding: 20px;
}
.response-box {
width: 100%;
max-width: 420px;
background: #161616;
border-radius: 18px;
padding: 32px;
text-align: center;
box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
border: 1px solid rgba(255, 255, 255, .05);
}
.response-icon {
font-size: 52px;
margin-bottom: 18px;
color: #00c853;
}
.response-box h3 {
font-size: 22px;
color: #fff;
margin-bottom: 10px;
}
.response-box p {
font-size: 14px;
color: #bdbdbd;
line-height: 1.6;
margin-bottom: 24px;
}
#closeResponseModal {
width: 100%;
height: 48px;
border: none;
border-radius: 12px;
background: #ba014e;
color: #fff;
font-weight: 700;
font-size: 14px;
cursor: pointer;
transition: .25s;
}
#closeResponseModal:hover {
background: #ff1e73;
} .share-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .82);
display: none;
justify-content: center;
align-items: center;
z-index: 999999;
padding: 20px;
backdrop-filter: blur(6px);
}
.share-modal-box {
width: 100%;
max-width: 520px;
background: #111;
border: 1px solid rgba(255, 255, 255, .06);
border-radius: 18px;
padding: 28px;
box-shadow: 0 25px 80px rgba(0, 0, 0, .55);
position: relative;
animation: fadeShare .25s ease;
}
@keyframes fadeShare {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.share-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.share-modal-header h2 {
margin: 0;
font-size: 26px;
font-weight: 700;
color: #fff;
}
.close-share-modal {
font-size: 30px;
font-weight: 700;
color: #fff;
cursor: pointer;
line-height: 1;
transition: .2s;
}
.close-share-modal:hover {
color: #ff0050;
transform: scale(1.1);
}
.share-modal-body {
display: flex;
flex-direction: column;
gap: 18px;
}
#shareLinkInput {
width: 100%;
height: 52px;
border: 1px solid rgba(255, 255, 255, .08);
background: #1a1a1a;
border-radius: 12px;
padding: 0 16px;
color: #fff;
font-size: 14px;
outline: none;
}
#copyLinkBtn {
width: 100%;
height: 50px;
border: none;
border-radius: 12px;
background: linear-gradient(135deg, #ff0050, #ba014e);
color: #fff;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: .25s;
}
#copyLinkBtn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(255, 0, 80, .25);
}
.share-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin-top: 10px;
}
.share-grid a {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 52px;
border-radius: 12px;
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, .05);
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: .25s;
}
.share-grid a:hover {
background: #ba014e;
transform: translateY(-2px);
}
.share-grid i {
font-size: 18px;
}
@media(max-width:768px) {
.share-modal-box {
padding: 22px;
border-radius: 16px;
}
.share-grid {
grid-template-columns: 1fr;
}
.share-modal-header h2 {
font-size: 22px;
}
.imagem-slider p.descricao-single {
margin-top: -15px !important;
}
.single-info-new {
margin-top: 0;
}
.titulo-single h1 {
font-size: 1.4rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
}
}  .back-to-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 52px;
height: 52px;
border: none;
border-radius: 50%;
background: linear-gradient(45deg, #590834, #bb014e);
color: #fff;
font-size: 20px;
cursor: pointer;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 25px rgba(0, 0, 0, .4);
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: .3s;
}
.back-to-top.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.back-to-top:hover {
transform: scale(1.08);
} .viewer.full-mode .slide-container.lazy-hidden {
display: none !important;
} .vip-modal-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .75);
display: flex;
align-items: center;
justify-content: center;
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: .25s;
padding: 20px;
}
.vip-modal-overlay.active {
opacity: 1;
visibility: visible;
}
.vip-modal-box {
width: 100%;
max-width: 520px;
background: #111;
border-radius: 18px;
padding: 40px;
position: relative;
text-align: center;
box-shadow: 0 30px 80px rgba(0, 0, 0, .4);
border: 1px solid rgba(255, 255, 255, .08);
}
.vip-close-modal {
position: absolute;
top: 14px;
right: 14px;
background: none;
border: none;
color: #fff;
font-size: 28px;
cursor: pointer;
}
.vip-modal-icon {
font-size: 42px;
margin-bottom: 15px;
color: #ff9d00;
}
.vip-modal-box h2 {
color: #fff;
font-size: 28px;
margin-bottom: 15px;
}
.vip-modal-box p {
color: #bbb;
line-height: 1.7;
font-size: 15px;
margin-bottom: 30px;
}
.vip-modal-actions {
display: flex;
flex-direction: column;
gap: 14px;
}
.vip-btn {
display: block;
padding: 14px 20px;
border-radius: 12px;
text-decoration: none;
font-weight: 700;
transition: .25s;
}
.vip-login {
background: #222;
color: #fff;
}
.vip-login:hover {
background: #333;
color: #fff;
}
.vip-pay {
background: linear-gradient(90deg, #590834, #ff1493);
color: #fff;
width: 100%;
font-weight: 700;
font-family: Montserrat;
}
.vip-pay:hover {
background: linear-gradient(90deg, #7a0c4a, #ff4fb3);
color: #fff;
cursor: pointer;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(255, 20, 147, 0.5);
filter: brightness(1.15);
}
.download-zip-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-left: 8px;
background: #ff7a00;
border: none;
border-radius: 10px;
color: #fff;
cursor: pointer;
padding: 0;
box-shadow: none;
transition: .2s;
}
.download-zip-btn:hover {
background: #ff9500;
color: #fff;
transform: translateY(-2px);
}
.download-zip-btn i {
font-size: 16px;
margin: 0;
}
.btn-download {
background: linear-gradient(90deg, #590834, #ff1493);
color: #fff;
transition: all 0.25s ease;
}
.btn-download:hover {
background: linear-gradient(90deg, #7a0c4a, #ff4fb3);
transform: translateY(-2px);
}
.download-countdown {
color: #fff;
}
.download-progress-text {
color: #fff;
}
#realDownloadText.download-success {
font-size: 17px;
font-weight: 800;
text-transform: uppercase;
color: #ffffff;
padding: 14px 18px;
border-radius: 14px;
background: linear-gradient(135deg,
rgba(0, 200, 120, 0.18),
rgba(0, 255, 160, 0.08));
border: 1px solid rgba(0, 255, 160, 0.25);
box-shadow:
0 0 20px rgba(0, 255, 160, 0.08),
inset 0 0 10px rgba(255, 255, 255, 0.02);
backdrop-filter: blur(8px);
}
.imagem-slider p.descricao-single {
padding-right: 50%;
}
.post-thumb {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.video-thumb {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
display: block;
}
.banner-entre {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
} .banner-lcp-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
} .banner-entre::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
} .banner-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-align: center;
color: #fff;
}
.thumb-blocked {
cursor: not-allowed;
}
.TPost .Image {
position: relative;
overflow: hidden;
}
.full-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
} .full-link.disabled {
pointer-events: auto;
cursor: pointer;
}
.vip-actions {
display: flex !important;
gap: 10px;
pointer-events: auto;
z-index: 11;
justify-content: space-between;
}
.vip-actions a {
padding: 7px 10px;
font-size: 10px;
font-weight: 700;
border-radius: 20px;
color: #fff;
text-decoration: none;
}
.vip-ativo-plano {
background: linear-gradient(to right, #042d16, #00c97a);
}
.assinar {
background: linear-gradient(to right, #042d16, #00c97a);
z-index: 11;
justify-content: space-between;
}
.preview {
background: #444;
z-index: 11;
justify-content: space-between;
}
.vermais {
background: #89094e;
z-index: 11;
justify-content: space-between;
} #modalLancamento {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.7);
justify-content: center;
align-items: center;
z-index: 99999;
}
#modalClose {
cursor: pointer;
position: absolute;
top: 10px;
right: 15px;
font-size: 20px;
} .hentai {
background: linear-gradient(135deg, #4a148c, #7b1fa2);
box-shadow: 0 2px 6px rgba(0, 0, 0, .6), 0 0 8px rgba(123, 31, 162, .5);
}
.anime {
background: linear-gradient(135deg, #0f0f0f, #1a73e8);
box-shadow: 0 3px 8px rgba(0, 0, 0, .7), 0 0 12px rgba(0, 115, 255, .5);
}
.vip-btn-gratuito {
position: relative;
z-index: 15; display: inline-block;
text-align: center;
font-size: 10px;
padding: 5px 10px;
border-radius: 16px;
font-weight: 700;
color: #fff;
text-decoration: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
white-space: nowrap;
pointer-events: auto; }  @media only screen and (max-width: 1024px) {
.TPost .Image {
height: 320px;
}
} @media only screen and (max-width: 768px) {
.TPost .Image {
height: 280px;
}
} @media only screen and (max-width: 600px) {
.TPost .Image {
height: 240px;
}
} @media only screen and (max-width: 480px) {
.TPost .Image {
height: 260px;
}
} @media only screen and (max-width: 380px) {
.TPost .Image {
height: 190px;
}
}
@media (max-width:768px) {
.TPost .Image,
.TPost .Image figure {
position: relative;
border-radius: 12px;
overflow: hidden;
}
.vip-overlay {
pointer-events: none; }
.vip-actions,
.vip-actions a {
pointer-events: auto; }
.vip-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
min-height: 70px;
opacity: 1 !important;
justify-content: center;
padding: 0 0 6px;
background: linear-gradient(to top,
rgba(0, 0, 0, 0.95) 0%,
rgba(0, 0, 0, 0.7) 15%,
transparent 100%);
}
.vip-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
gap: 0;
}
.vip-actions a {
flex: 1;
text-align: center;
border-radius: 0;
padding: 7px 9px;
}
.vip-actions a {
backdrop-filter: blur(4px);
}
.vip-btn-gratuito {
flex: 1;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
font-size: 13px;
font-weight: 700;
border-radius: 0; text-align: center;
}
}
@media (max-width:360px) {
.vip-actions a {
flex: 1 1 100%; min-width: auto;
} .msg-preview {
margin: 10px;
}
} .btn-verde {
background: linear-gradient(to right, #0a7f3f, #00c97a);
}
.btn-rosa {
background: #ff2a75;
}
.btn-cinza {
background: #444;
}
.btn-vermelho {
background: #bfa209;
color: #000;
text-shadow: none;
}
.btn-azul {
background: #2196f3;
}
.btn-assistir {
background: linear-gradient(135deg, #0f0f0f, #1a73e8);
color: #fff;
}
.links-internos-avancado {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin: 0 auto;
font-size: 13px;
}
.links-internos-avancado p {
margin: 4px 0;
color: #8b8f91;
}
.links-internos-avancado a {
color: orange;
text-decoration: none;
}
.player-layout {
display: flex;
gap: 20px;
align-items: flex-start;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.player-sidebar {
width: 320px;
min-width: 320px;
background: #070707;
border-radius: 18px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .06);
}
.player-sidebar-header {
background: linear-gradient(180deg, #89094e, #000);
padding: 18px;
}
.player-sidebar-header h3 {
margin: 0;
color: #fff;
font-size: 1.2rem;
line-height: 1.5;
font-weight: 700;
text-transform: uppercase;
}
.player-sidebar-list {
display: flex;
flex-direction: column;
padding: 14px;
gap: 12px;
}
.player-sidebar-list a {
display: flex !important;
align-items: center;
gap: 14px;
background: #141414;
border-radius: 16px !important;
padding: 14px !important;
color: #f5f5f5 !important;
text-decoration: none;
transition: .25s ease;
font-weight: 700;
border: 1px solid rgba(255, 255, 255, .05);
position: relative;
}
.player-sidebar-list a:hover {
background: #1f1f1f;
border-color: rgba(255, 58, 167, .35);
transform: translateY(-1px);
}
.player-sidebar-list a.active {
background: linear-gradient(90deg, #89094e 0%, #590834 100%) !important;
color: #fff !important;
border: 1px solid rgba(255, 255, 255, .15);
box-shadow: 0 0 25px rgba(255, 58, 167, .35);
}
.player-sidebar-list a.active::before {
content: '';
position: absolute;
left: 0;
top: 10px;
bottom: 10px;
width: 4px;
border-radius: 20px;
background: #fff;
}
.ep-number {
width: 42px;
height: 42px;
min-width: 42px;
border-radius: 50%;
background: #000;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: .95rem;
color: #fff;
transition: .25s ease;
border: 1px solid rgba(255, 255, 255, .08);
}
.player-sidebar-list a.active .ep-number {
background: #fff;
color: #590834;
box-shadow: 0 0 18px rgba(255, 255, 255, .4);
border-color: transparent;
}
.player-area {
flex: 1;
min-width: 0;
}
.player-area .player,
.hqh-player-item {
display: none;
}
.player-area .player.active,
.hqh-player-item.active {
display: block;
}
.player-area iframe,
.player-area .jwplayer {
width: 100% !important;
aspect-ratio: 16/9;
border-radius: 20px;
overflow: hidden;
background: #000;
}
.ep-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.watching-label {
display: none !important;
font-size: .72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
opacity: .9;
color: #fff;
}
.player-sidebar-list a.active .watching-label {
display: block !important;
}
.ep-title {
font-size: .95rem;
line-height: 1.3;
text-transform: uppercase;
} @media(max-width:991px) {
.player-layout {
flex-direction: column;
}
.player-sidebar {
width: 100%;
min-width: 100%;
order: 2;
}
.player-area {
width: 100%;
order: 1;
}
.player-sidebar-list {
flex-direction: row;
overflow: auto;
padding: 12px;
}
.player-sidebar-list::-webkit-scrollbar {
height: 6px;
}
.player-sidebar-list::-webkit-scrollbar-thumb {
background: #590834;
border-radius: 20px;
}
.player-sidebar-list a {
min-width: 95px;
justify-content: center;
flex-direction: column;
text-align: center;
gap: 10px;
}
.player-sidebar-list a.active::before {
display: none;
}
}
#adblock {
position: absolute;
inset: 0;
background: radial-gradient(circle at top, #1a0010, #000);
display: none;
justify-content: center;
align-items: center;
z-index: 20;
flex-direction: column;
font-family: Arial;
}
#adblock h2 {
color: #ff1493;
font-size: 18px;
margin-bottom: 15px;
text-shadow: 0 0 10px rgba(255, 20, 147, .4);
}
#skipad {
position: absolute;
top: 15px;
right: 15px;
padding: 10px 16px;
border: none;
cursor: pointer;
background: linear-gradient(90deg, #ff1493, #590834);
color: #fff;
border-radius: 8px;
font-weight: bold;
transition: .2s;
}
#skipad:hover {
transform: scale(1.05);
opacity: .9;
}
.fake-wrapper {
position: relative;
width: 100%;
}
.fake-player {
height: 450px;
background: #000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
.fake-spinner {
width: 40px;
height: 40px;
border: 4px solid #333;
border-top: 4px solid #fff;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 10px;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.continue-box {
background: #111;
padding: 12px;
border-radius: 10px;
margin: 10px 0 15px 0;
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
}
.continue-btn {
background: linear-gradient(90deg, #89094e 0%, #590834 100%);
color: #fff;
padding: 8px 12px;
border-radius: 6px;
text-decoration: none;
}
.ep-progress {
height: 4px;
background: #333;
margin-top: 4px;
border-radius: 5px;
overflow: hidden;
}
.ep-progress span {
display: block;
height: 100%;
background: #ff1493;
width: 0%;
}
.watched {
opacity: .6;
}
.active-ep {
border-left: 3px solid #ff1493;
} .lista-contos {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
width: 100%;
margin-bottom: 20px;
} @media(max-width:1400px) {
.lista-contos {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} @media(max-width:1000px) {
.lista-contos {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media(max-width:768px) {
.lista-contos {
grid-template-columns: 1fr;
gap: 16px;
padding: 0 20px;
}
} .conto-card {
background: #1a1a1a;
border-radius: 14px;
overflow: hidden;
transition: .25s ease;
border: 1px solid #22222d;
position: relative;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: 0 2px 6px #000;
}
.conto-card:hover {
transform: translateY(-5px);
background: #590834;
} .conto-card figure {
position: relative;
margin: 0;
overflow: hidden;
} .conto-card .post-thumb {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
display: block;
transition: .35s ease;
background: #111;
}
.conto-card:hover .post-thumb {
transform: scale(1.05);
} .conto-card figure::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 90px;
background: linear-gradient(to top,
rgba(0, 0, 0, .85),
transparent);
pointer-events: none;
} .conto-badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 5;
padding: 6px 12px;
border-radius: 30px;
font-size: .72rem;
font-weight: 700;
letter-spacing: .5px;
} .conto-card .conto-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top,
rgba(0, 0, 0, .65),
rgba(0, 0, 0, .05));
display: flex;
align-items: flex-end;
justify-content: center;
opacity: 0;
transition: .25s ease;
z-index: 4;
} .conto-card {
position: relative;
overflow: hidden;
}
.conto-card .full-link {
position: absolute;
inset: 0;
z-index: 6;
display: block;
} .conto-card .conto-btn {
position: relative;
z-index: 8;
}
.conto-card .conto-badge {
z-index: 8;
position: absolute;
} @media(max-width:768px) {
.conto-card .conto-overlay {
opacity: 1;
background: linear-gradient(to top,
rgba(0, 0, 0, .35),
rgba(0, 0, 0, 0));
}
} .conto-card .vip-actions {
width: 100%;
padding: 0 14px 14px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.conto-btn {
width: 100%;
background: #ff0080;
color: #fff;
text-decoration: none;
padding: 13px 18px;
border-radius: 10px;
font-size: .88rem;
font-weight: 700;
transition: .2s ease;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.conto-btn:hover {
transform: translateY(-2px);
} .conto-card .title-link {
text-decoration: none;
}
.conto-card .Title {
color: #fff;
font-size: 1.05rem;
line-height: 1.5;
padding: 16px 16px 10px;
margin: 0;
font-weight: 700;
}
.conto-excerpt {
color: #aaa;
font-size: .92rem;
line-height: 1.7;
padding: 0 16px 16px;
flex: 1;
padding-bottom: 60px;
} .conto-card .info-box {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
border-top: 1px solid rgba(255, 255, 255, .05);
color: #888;
font-size: .78rem;
background: #151515;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 5;
margin-top: 0;
}
.conto-card .info-box i {
margin-right: 5px;
} @media(max-width:768px) {
.conto-card .Title {
font-size: .95rem;
padding: 14px 14px 8px;
}
.conto-excerpt {
font-size: .84rem;
padding: 0 14px 14px;
line-height: 1.6;
padding-bottom: 60px;
}
.conto-card .info-box {
padding: 12px 14px;
font-size: .74rem;
}
.conto-btn {
font-size: .8rem;
padding: 10px 15px;
}
} .sidebar-contos {
position: sticky;
top: 20px;
width: 320px;
height: fit-content;
border-radius: 18px;
padding: 20px;
box-shadow:
0 0 0 1px rgba(255, 255, 255, .02),
0 10px 30px rgba(0, 0, 0, .35);
} .dados-conto-sidebar {
background: #141414;
border: 1px solid rgba(255, 255, 255, .05);
border-radius: 16px;
padding: 18px;
}
.dados-conto-sidebar h4 {
display: flex;
align-items: center;
gap: 10px;
color: #fff;
font-size: 1.2rem;
font-weight: 700;
margin: 0 0 20px;
line-height: 1.2;
}
.dados-lista {
display: flex;
flex-direction: column;
gap: 20px;
} .dado-item {
display: flex;
flex-wrap: wrap;
gap: 10px;
line-height: 1.6;
}
.dado-item strong {
width: 100%;
font-size: 1rem;
font-weight: 700;
color: #fff;
margin-bottom: 2px;
} .dado-item a {
color: #ddd;
text-decoration: none;
padding: 7px 14px;
border-radius: 999px;
font-size: .82rem;
font-weight: 500;
transition: .2s ease;
border: 1px solid rgba(255, 255, 255, .07);
}
.dado-item a:hover {
background: #fc574a;
border-color: #fc574a;
color: #fff;
} .tempo-info {
font-size: .95rem;
color: #ddd;
}
.dado-item small {
color: #777;
font-size: .75rem;
} .sidebar-contos h3 {
display: flex;
align-items: center;
gap: 10px;
font-size: 1.8rem;
font-weight: 700;
color: #fff;
margin: 0 0 20px;
line-height: 1.1;
}
.sidebar-contos h3 i {
color: #fc574a;
} .sidebar-contos .item-sidebar {
display: flex;
align-items: flex-start;
gap: 14px;
text-decoration: none;
padding: 14px 0;
border-bottom: 1px solid rgba(255, 255, 255, .06);
transition: .2s ease;
}
.sidebar-contos .item-sidebar:last-child {
border-bottom: none;
padding-bottom: 0;
} .sidebar-contos .item-sidebar img {
width: 78px;
height: 78px;
border-radius: 12px;
object-fit: cover;
flex-shrink: 0;
transition: .25s ease;
} .sidebar-contos .item-sidebar span {
color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
transition: .2s ease;
} .sidebar-contos .item-sidebar:hover span {
color: #fc574a;
}
.sidebar-contos .item-sidebar:hover img {
transform: scale(1.04);
} @media(max-width:1000px) {
.sidebar-contos {
width: 100%;
position: relative;
top: auto;
margin-top: 30px;
}
} @media(max-width:768px) {
.sidebar-contos {
padding: 16px;
border-radius: 16px;
}
.dados-conto-sidebar {
padding: 16px;
border-radius: 14px;
margin-bottom: 22px;
}
.dados-conto-sidebar h4 {
font-size: 1.1rem;
margin-bottom: 18px;
}
.sidebar-contos h3 {
font-size: 1.5rem;
margin-bottom: 16px;
}
.sidebar-contos .item-sidebar {
gap: 12px;
padding: 12px 0;
}
.sidebar-contos .item-sidebar img {
width: 68px;
height: 68px;
border-radius: 10px;
}
.sidebar-contos .item-sidebar span {
font-size: .92rem;
line-height: 1.35;
}
.dado-item {
gap: 8px;
}
.dado-item strong {
font-size: .92rem;
}
.dado-item a {
font-size: .78rem;
padding: 6px 12px;
}
.tempo-info {
font-size: .88rem;
}
}
.dados-conto-sidebar h3 i {
color: #fc574a;
}
.atualizado-box {
display: flex;
flex-direction: column;
gap: 10px;
}
.tempo-wrap {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.tempo-info {
color: #fff;
font-size: .95rem;
line-height: 1;
}
.tempo-wrap small {
color: #777;
font-size: .78rem;
line-height: 1;
}
.send-conto {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.send-conto small {
color: #ebede9;
font-size: .78rem;
line-height: 1;
}
.dado-item.conteudo-destaque {
background: linear-gradient(135deg, rgba(255, 45, 85, .08), rgba(122, 0, 255, .08));
border: 1px solid rgba(255, 45, 85, .25);
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 14px 16px;
}
.tag-destaque {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: linear-gradient(263deg, #89094e, rgba(255, 255, 255, .05));
color: #fff;
border-radius: 999px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.tag-destaque:hover {
box-shadow: 0 12px 28px rgba(255, 45, 85, 0.55);
background: linear-gradient(135deg, #590834, #6c1e48);
}
.dado-enviado {
display: flex;
align-items: center;
gap: 10px;
text-transform: uppercase;
}
.label-dado {
color: #aaa;
font-size: 12px;
text-transform: uppercase;
}
.dado-enviado {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
}
.dado-enviado strong {
font-size: 12px;
font-weight: 600;
color: #aaa;
}
.dado-enviado span,
.dado-enviado a,
.dado-enviado {
font-size: 11px;
color: #fff;
}
.post-ratings {
display: flex;
align-content: center;
align-items: center;
gap: 10px;
flex-wrap: wrap;
} .starstruck,
.starstruck i,
.starstruck span {
color: #fecf5e !important;
font-size: 20px;
cursor: pointer;
}
.conto-rel-item {
position: relative;
} .hq-cover-rating {
all: unset;
position: absolute;
top: 8px;
right: 8px;
background: rgba(0, 0, 0, .75);
color: #fff;
padding: 5px 8px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
display: flex;
align-items: center;
gap: 4px;
z-index: 999;
} .hq-cover-rating:before {
content: "★";
color: #ffcc00;
} .rating-info {
font-size: 14px;
color: #999;
} .rating-value {
color: #b7ff00;
font-weight: bold;
} .circle {
position: relative;
width: 40px;
height: 40px;
} .post-ratings-loading {
font-size: 12px;
opacity: .6;
}
.navegacao-contos{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin:35px 0;
}
.nav-conto{
display:flex;
align-items:center;
gap:14px;
min-width:0;
padding:14px;
border-radius:18px;
background:#18181b;
border:1px solid rgba(255,255,255,.05);
text-decoration:none;
transition:.25s ease;
}
.nav-conto:hover{
transform:translateY(-2px);
border-color:rgba(183,255,0,.25);
box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.nav-thumb{
width:72px;
height:72px;
flex-shrink:0;
overflow:hidden;
border-radius:14px;
}
.nav-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.nav-info{
min-width:0;
display:flex;
flex-direction:column;
gap:6px;
}
.nav-info small{
color:#b7ff00;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.4px;
}
.nav-info span{
color:#fff;
font-size:14px;
font-weight:600;
line-height:1.4;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.nav-conto.next{
justify-content:space-between;
text-align:right;
}
@media(max-width:768px){
.navegacao-contos{
grid-template-columns:1fr;
}
.nav-conto{
padding:12px;
}
.nav-thumb{
width:62px;
height:62px;
}
}
.conto-avaliacao-box{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
background:#18181b;
border:1px solid rgba(255,255,255,.06);
border-radius:20px;
padding:22px 26px;
margin:24px 0;
box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.conto-avaliacao-topo{
display:flex;
align-items:center;
gap:14px;
flex-shrink:0;
}
.conto-avaliacao-topo i{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:#b7ff00;
color:#111;
font-size:18px;
}
.conto-avaliacao-topo strong{
display:block;
color:#fff;
font-size:18px;
font-weight:700;
line-height:1.2;
}
.conto-avaliacao-topo span{
display:block;
margin-top:4px;
color:#9ca3af;
font-size:13px;
}
.conto-avaliacao-stars{
display:flex;
align-items:center;
justify-content:flex-end;
flex:1;
} @media(max-width:768px){
.conto-avaliacao-box{
flex-direction:column;
align-items:flex-start;
gap:18px;
padding:18px;
}
.conto-avaliacao-stars{
width:100%;
justify-content:center;
}
}
.conteudo-wrapper {
width: 100%;
} .conteudo-parcial {
font-size: 1.15rem;
line-height: 1.9;
color: #000;
} .bloqueio-vip {
margin: 20px 0;
padding: 20px;
background: #111;
color: #fff;
text-align: center;
border-radius: 12px;
}
.bloqueio-vip i {
font-size: 28px;
color: gold;
display: block;
margin-bottom: 10px;
}
.bloqueio-vip h3 {
margin: 10px 0;
}
.bloqueio-vip p {
font-size: 14px;
opacity: .8;
} .btn-vip {
display: inline-block;
margin-top: 10px;
padding: 10px 16px;
background: #e91e63;
color: #fff;
border-radius: 8px;
text-decoration: none;
}
.conto-exclusivo-mini {
display: inline-flex;
align-items: center;
gap: 6px;
margin-bottom: 10px;
padding: 5px 10px;
background: rgba(255, 193, 7, .12);
border: 1px solid rgba(255, 193, 7, .25);
border-radius: 30px;
color: #ffc107;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .4px;
}
.conto-exclusivo-mini i {
font-size: 10px;
}
.contos-relacionados {
margin-top: 30px;
background: #111;
padding: 20px;
border-radius: 12px;
}
.contos-relacionados h3 {
color: #fff;
font-size: 1.2rem;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
}
.lista-contos-relacionados {
display: flex;
flex-direction: column;
gap: 12px;
}
.conto-rel-item {
display: flex;
gap: 12px;
align-items: center;
background: #1b1b1b;
padding: 10px;
border-radius: 10px;
text-decoration: none;
transition: .2s;
}
.conto-rel-item:hover {
background: #252525;
transform: translateY(-2px);
}
.conto-rel-item img {
width: 90px;
height: 65px;
object-fit: cover;
border-radius: 8px;
flex-shrink: 0;
}
.conto-rel-info {
display: flex;
flex-direction: column;
gap: 6px;
}
.conto-rel-titulo {
color: #fff;
font-size: 14px;
line-height: 1.5;
font-weight: 600;
}
.badge-vip {
display: inline-flex;
align-items: center;
gap: 5px;
background: linear-gradient(to bottom, #ffd54f 0%, #ffb300 100%);
color: #000;
font-size: 11px;
font-weight: 700;
padding: 4px 8px;
border-radius: 30px;
width: max-content;
}
.sidebar-contos {
width: 320px;
display: flex;
flex-direction: column;
gap: 20px;
}
.sidebar-box {
background: #111;
padding: 18px;
border-radius: 14px;
}
.sidebar-box h3 {
color: #fff;
font-size: 1rem;
margin: 0 0 15px;
display: flex;
align-items: center;
gap: 8px;
}
.item-sidebar {
display: flex;
gap: 10px;
align-items: center;
text-decoration: none;
padding: 8px;
border-radius: 10px;
transition: .2s;
margin-bottom: 10px;
background: #1b1b1b;
}
.item-sidebar:hover {
background: #252525;
transform: translateY(-2px);
}
.item-sidebar img {
width: 78px;
height: 60px;
object-fit: cover;
border-radius: 8px;
flex-shrink: 0;
}
.item-sidebar span {
color: #fff;
font-size: 13px;
line-height: 1.4;
}
.vip-mini-box {
text-align: center;
background: linear-gradient(180deg, #1a1a1a, #111);
border: 1px solid rgba(255, 215, 0, .2);
}
.vip-topo {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
color: gold;
font-weight: 700;
margin-bottom: 10px;
font-size: 1.1rem;
}
.vip-mini-box p {
color: #bbb;
font-size: 13px;
line-height: 1.5;
margin-bottom: 15px;
}
.vip-mini-box a {
display: block;
background: linear-gradient(to bottom, #32d74b 0%, #1ea83a 100%);
color: #fff;
padding: 12px;
border-radius: 10px;
font-weight: 700;
text-decoration: none;
transition: .2s;
font-size: 1rem;
}
.vip-mini-box a:hover {
background: linear-gradient(to bottom, #7dff96 0%, #43d85f 100%);
color: #000;
}
.vip-item span i {
color: gold;
margin-right: 5px;
}
.random-box a {
display: block;
text-align: center;
background: linear-gradient(to bottom, #ff9800 0%, #ff6d00 100%);
padding: 14px;
border-radius: 10px;
color: #fff;
font-weight: 700;
text-decoration: none;
font-size: 15px;
transition: .2s;
}
.random-box a:hover {
transform: translateY(-2px);
opacity: .92;
}
@media(max-width:900px) {
.sidebar-contos {
width: 100%;
}
}
@media(max-width:768px) {
.conto-rel-item img {
width: 75px;
height: 58px;
}
.conto-rel-titulo {
font-size: 13px;
}
}
.cta-header-signup {
margin-top: 15px;
padding: 12px 14px;
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 10px;
color: #fff;
max-width: 420px;
}
.cta-header-signup p {
font-size: 12px;
color: #ddd;
margin: 0 0 10px 0;
line-height: 1.4;
}
.btn-cta-signup {
display: inline-block;
padding: 8px 12px;
background: #89094e;
color: #fff;
border-radius: 6px;
font-size: 12px;
text-decoration: none;
}
.hqh-status-inline {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 12px 0 8px;
padding: 7px 12px;
border-radius: 10px;
background: rgba(255, 145, 0, .08);
border: 1px solid rgba(255, 145, 0, .18);
color: #ffb347;
font-family: Montserrat;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .3px;
max-width: max-content;
line-height: 1;
}
.hqh-status-inline i {
font-size: 11px;
color: #ff9100;
}
.home-announcement-wrap {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin: 15px 0;
}
.home-announcement-box {
flex: 1;
min-width: 240px;
border-radius: 10px;
display: flex;
align-items: center;
background: #242429;
box-shadow: 0 2px 6px #000;
border: 1px solid rgba(255, 255, 255, .06);
} .home-announcement-box a {
color: #fff;
text-decoration: none;
font-size: 13px;
line-height: 1.4;
}
.home-announcement-box a strong {
display: block;
margin-top: 4px;
color: #f5c542;
} .home-announcement-box.highlight {
gap: 10px;
justify-content: flex-start;
text-align: left;
}
.home-announcement-box .icon {
color: #f5c542;
display: flex;
align-items: center;
} .home-announcement-box .text {
display: flex;
flex-direction: column;
}
.home-announcement-box .text strong {
color: #fff;
font-size: 14px;
}
.home-announcement-box .text span {
color: #aaa;
font-size: 12px;
}
.btn-assinar {
color: #111;
font-weight: 800;
text-decoration: none;
padding: 10px 14px;
background: #fff;
border-radius: 8px;
display: inline-block;
transition: 0.2s;
}
.btn-assinar:hover {
transform: scale(1.05);
} @media (max-width: 768px) {
.home-announcement-wrap {
flex-direction: column;
padding: 0 12px;
}
} #menuP {
background: #590834;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
font-family: Arial, sans-serif;
position: sticky;
top: 0;
} .header-bar {
width: 100%;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
background: #590834;
}
.header-inner {
max-width: 1440px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
} .logo img {
height: 26px;
display: block;
margin: 10px;
} .desktop-nav {
display: flex;
align-items: center;
gap: 12px;
}
.desktop-nav a {
color: #f2f2f2;
font-size: 0.85rem;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
font-family: 'Montserrat';
}
.desktop-nav a:hover {
color: #f4389c;
} .menu-wrapper,
.user-wrapper {
position: relative;
display: flex;
align-items: center;
} .icon-btn {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: #b6b6b6;
border-radius: 8px;
border: none;
cursor: pointer;
position: relative;
border-radius: 50%;
} .menu-toggle {
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.08);
border: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.menu-toggle span {
width: 18px;
height: 2px;
background: #fff;
position: relative;
display: block;
}
.menu-toggle span::before,
.menu-toggle span::after {
content: "";
position: absolute;
width: 18px;
height: 2px;
background: #fff;
left: 0;
}
.menu-toggle span::before {
top: -6px;
}
.menu-toggle span::after {
top: 6px;
} .panel {
position: relative;
width: 100%;
max-height: 0;
overflow: hidden;
font-family: 'Montserrat';
transition: max-height 0.35s ease, padding 0.3s ease;
padding: 0 12px;
}
.panel.active {
max-height: 80vh;
overflow: hidden;
}
.panel-search input {
flex: 1;
padding: 10px;
background: linear-gradient(9deg, rgba(219, 170, 33, 1) 0%, rgba(0, 0, 0, .43) 0%);
border: 1px solid #222;
color: #fff;
border-radius: 6px;
} .panel-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.panel-menu li {
display: block;
}
.panel-menu-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
max-height: 60vh;
overflow-y: auto;
padding-right: 4px;
max-width: 1100px;
}
.panel-menu-grid::-webkit-scrollbar {
width: 4px;
}
.panel-menu-grid::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, .18);
border-radius: 20px;
}
.panel-menu-grid::-webkit-scrollbar-track {
background: transparent;
} .panel-menu {
display: flex;
flex-direction: column;
} .panel-menu a {
display: flex;
align-items: center;
padding: 8px 10px;
color: #fff;
gap: 8px;
text-decoration: none;
font-size: 13px;
border-radius: 10px;
} .panel-menu a:hover {
background:
rgba(255, 255, 255, .06);
transform: translateX(2px);
}
.panel-menu.col-2 {
padding-left: 10px;
border-left: 1px solid rgba(255, 255, 255, .06);
}
.panel-menu.col-2 a {
color: #fcd34d;
font-weight: 500;
}
.panel-menu.col-2 a:hover {
background: rgba(255, 213, 74, 0.08);
color: #ffe88a;
} .user-panel {
position: absolute;
top: calc(100% + 8px);
right: 0;
background: #111;
border-radius: 8px;
min-width: 180px;
display: none;
overflow: hidden;
z-index: 99999;
box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
}
.user-panel.active {
display: flex;
flex-direction: column;
}
.user-panel a {
display: block;
padding: 13px 16px;
color: #fff;
text-decoration: none;
font-family: Montserrat;
font-weight: 500;
}
.user-panel a:hover {
background: #590834;
}
.open-user {
color: #ff7b7b !important;
}
.open-user:hover {
background: rgba(255, 0, 0, .08) !important;
color: #ff4d4d !important;
}
.panel-search {
position: relative;
display: flex;
align-items: center;
padding: 10px;
}
.panel-divider {
width: 100%;
height: 1px;
background:
linear-gradient(to right,
transparent,
rgba(255, 255, 255, .12),
transparent);
margin: 10px 0 12px;
}
.panel-title {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: rgba(255, 255, 255, .45);
padding: 4px 10px 8px;
} .panel-search input {
width: 100%;
height: 42px;
padding: 0 14px;
border: none;
outline: none;
border-radius: 12px 0 0 12px;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .08);
color: #fff;
font-size: 16px !important;
font-family: 'Montserrat';
} .panel-search input::placeholder {
color: #aaa;
} .panel-search .Form-Icon {
width: 44px;
height: 44px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: none;
border-radius: 10px;
color: #fff;
cursor: pointer;
transition: .2s ease;
}
.panel-search .Form-Icon i {
font-size: 15px;
}
.panel-search .Form-Icon:hover {
background: #89094e;
} .Result {
position: absolute;
top: 58px;
left: 10px;
right: 10px;
background: #111;
border-radius: 14px;
padding: 10px;
z-index: 999999;
box-shadow:
0 15px 40px rgba(0, 0, 0, .35);
max-height: 320px;
overflow-y: auto;
border: 1px solid rgba(255, 255, 255, .06);
display: none;
} .Result.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.Result ul {
display: grid;
grid-template-columns:
repeat(auto-fill, minmax(150px, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
gap: 8px;
}
.Result li {
list-style: none;
}
.Result a {
text-decoration: none;
color: #fff;
}
.Result img {
width: 100%;
aspect-ratio: 3/4;
object-fit: cover;
border-radius: 10px;
display: block;
}
.Result span,
.Result h3 {
display: block;
font-size: 13px;
margin-top: 8px;
line-height: 1.3;
color: #ddd;
}
.resultadosPesquisaWrap {
grid-column: 1/-1;
list-style: none;
margin-top: 4px;
}
.resultadosPesquisa {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 46px;
background: #7a0f47;
border-radius: 12px;
color: #fff !important;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: .18s ease;
text-transform: uppercase;
}
.resultadosPesquisa:hover {
background: #941657;
}
.Result .clear {
grid-column: 1/-1;
}
@media (max-width:768px) {
.resultadosPesquisa {
font-size: 13px;
padding: 10px;
min-height: 40px;
}
.desktop-nav {
gap: 9px;
}
} #live_search_content {
display: none !important;
}
#live_search_content.show-results {
display: block !important;
} @media (max-width: 768px) {
.desktop-nav a {
color: #f2f2f2;
font-size: 10px;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
font-family: 'Montserrat';
}
.logo img {
height: 20px;
display: block;
margin: 8px;
}
.menu-toggle {
width: 30px;
height: 30px;
}
.icon-btn img {
border-radius: 50%;
width: 30px;
height: 30px;
}
.header-inner {
margin: 4px;
}
}
.retorno {
display: flex;
justify-content: center;
}
.retorno-msg {
background: rgba(17, 17, 17, .85);
max-width: 280px;
padding: 8px 10px;
border-radius: 10px;
color: #fff;
font-weight: 600;
margin-top: 12px;
font-size: 13px;
border: 1px solid rgba(255, 77, 77, .25);
}
.msg-erro {
display: inline-block;
max-width: 280px;
padding: 8px 10px;
border-radius: 10px;
background: rgba(255, 77, 77, .08);
color: #ffb4b4;
font-weight: 600;
font-size: 13px;
border: 1px solid rgba(255, 77, 77, .25);
}
.icon-btn img {
border-radius: 50%;
width: 32px;
height: 32px;
object-fit: cover;
overflow: hidden;
}
#siteContent {
transition: margin-top .35s ease;
}
.avatar-default {
background:
linear-gradient(180deg,
#7d0c4a 0%,
#590834 100%);
border: 1px solid rgba(255, 255, 255, .10);
overflow: hidden;
position: relative;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .08),
0 4px 12px rgba(0, 0, 0, .25);
}
.avatar-user {
position: relative;
width: 18px;
height: 18px;
display: block;
} .avatar-user::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 9px;
height: 9px;
background: #f3f3f3;
border-radius: 50%;
transform: translateX(-50%);
} .avatar-user::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 18px;
height: 10px;
background: #f3f3f3;
border-radius: 18px 18px 6px 6px;
transform: translateX(-50%);
} .sub-header {
width: 100%;
position: relative;
z-index: 20;
background: #343434;
border-top:
1px solid rgba(255, 255, 255, .03);
border-bottom:
1px solid rgba(255, 255, 255, .06);
box-shadow:
0 2px 10px rgba(0, 0, 0, .12);
} .sub-header-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 34px;
} .sub-header-scroll {
flex: 1;
display: flex;
align-items: center;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.sub-header-scroll::-webkit-scrollbar {
display: none;
} .sub-header-scroll a {
display: flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
padding: 7px 12px;
color: #f2f2f2;
text-decoration: none;
transition: .18s ease;
border-right: 1px solid #4c4c4c;
font-size: 13px;
cursor: pointer;
height: 38px;
font-weight: 500;
}
.sub-header-scroll a:hover {
background: #590834;
}
.sub-header-scroll a i {
font-size: 11px;
opacity: .9;
}
.btn-categorias {
height: 38px;
padding: 0 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-shrink: 0;
border: none;
outline: none;
color: #b6b6b6;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
cursor: pointer;
transition: background .18s ease, transform .18s ease;
padding-left: 10px;
border-left: 1px solid rgb(217 209 209 / 6%);
}
.btn-categorias:hover {
background: #7a0f47;
transform: translateY(-1px);
}
.btn-categorias i {
font-size: 20px;
} .categorias-panel {
position: fixed;
inset: 0;
background:
rgba(0, 0, 0, .75);
backdrop-filter: blur(3px);
z-index: 999999;
opacity: 0;
visibility: hidden;
transition:
opacity .22s ease,
visibility .22s ease;
}
.categorias-panel.active {
opacity: 1;
visibility: visible;
} .categorias-container {
position: absolute;
top: 0;
right: 0;
width: 100%;
max-width: 430px;
height: 100vh;
background: #111;
overflow-y: auto;
box-shadow:
-10px 0 30px rgba(0, 0, 0, .35);
transform: translateX(100%);
transition: transform .25s ease;
}
.categorias-panel.active .categorias-container {
transform: translateX(0);
} .categorias-topo {
position: sticky;
top: 0;
z-index: 5;
height: 60px;
padding: 0 18px;
display: flex;
align-items: center;
justify-content: space-between;
background: #111;
border-bottom:
1px solid rgba(255, 255, 255, .06);
}
.categorias-topo strong {
color: #fff;
font-size: 15px;
font-weight: 800;
letter-spacing: .3px;
} .fechar-categorias {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border: none;
outline: none;
border-radius: 10px;
background:
rgba(255, 255, 255, .06);
color: #fff;
cursor: pointer;
transition: .18s ease;
}
.fechar-categorias:hover {
background:
rgba(255, 255, 255, .12);
} .categorias-grid {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 12px;
padding: 18px;
} .categorias-grid a {
min-height: 62px;
padding: 12px 14px;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 14px;
background:
rgba(255, 255, 255, .03);
border:
1px solid rgba(255, 255, 255, .05);
text-decoration: none;
transition:
background .18s ease,
border-color .18s ease,
transform .18s ease;
}
.categorias-grid a:hover {
background:
rgba(255, 255, 255, .05);
border-color:
rgba(255, 255, 255, .1);
transform: translateY(-2px);
} .categorias-grid span {
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
} .categorias-grid small {
margin-top: 5px;
color: #999;
font-size: 11px;
font-weight: 600;
} .vip-box-single {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-top: 22px;
padding: 16px 18px;
border-radius: 14px;
background:
rgba(255, 255, 255, .03);
border:
1px solid rgba(255, 255, 255, .06);
backdrop-filter: blur(8px);
transition:
background .18s ease,
border-color .18s ease;
}
.vip-box-single:hover {
background:
rgba(255, 255, 255, .045);
border-color:
rgba(255, 255, 255, .12);
} .vip-box-text {
display: flex;
flex-direction: column;
gap: 5px;
}
.vip-box-text strong {
color: #fff;
font-size: 15px;
font-weight: 800;
letter-spacing: .3px;
}
.vip-box-text span {
color: #bdbdbd;
font-size: 13px;
line-height: 1.5;
} .vip-btn-single {
height: 44px;
padding: 0 18px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 10px;
background: #590834;
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .4px;
transition:
background .18s ease,
transform .18s ease;
}
.vip-btn-single:hover {
background: #7a0f47;
transform: translateY(-1px);
} @media (max-width:768px) {
.sub-header {
padding: 0;
}
.sub-header-wrap {
min-height: 34px;
} .sub-header-scroll a {
height: 34px;
font-size: 11px;
}
.sub-header-scroll a i {
font-size: 10px;
} .btn-categorias {
height: 34px;
padding: 0 12px;
font-size: 11px;
} .categorias-container {
max-width: 100%;
} .categorias-grid {
grid-template-columns: 1fr;
gap: 10px;
padding: 15px;
}
.categorias-grid a {
min-height: 58px;
border-radius: 12px;
}
.categorias-grid span {
font-size: 12px;
}
.categorias-grid small {
font-size: 10px;
} .vip-box-single {
flex-direction: column;
align-items: flex-start;
gap: 14px;
padding: 15px;
}
.vip-box-text {
width: 100%;
}
.vip-box-text strong {
font-size: 14px;
}
.vip-box-text span {
font-size: 12px;
}
.vip-btn-single {
width: 100%;
height: 42px;
font-size: 12px;
}
}
.vip-mobile-menu {
display: none;
}
@media(max-width:900px) {
.vip-mobile-menu {
contain: layout;
}
.vip-mobile-menu {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
z-index: 9999;
}
.vip-mobile-menu ul {
display: flex;
justify-content: space-around;
margin: 0;
padding: 8px 0;
list-style: none;
transform: translateZ(0);
font-size: 12px;
}
.vip-mobile-menu li {
flex: 1;
text-align: center;
}
.vip-mobile-menu a {
display: block;
color: #444;
text-decoration: none;
padding: 4px 0;
margin: auto;
font-size: 13px;
}
.botao-vip {
position: relative;
}
.botao-vip i {
color: #228b49;
}
.vip-mobile-menu {
will-change: transform;
transform: translateZ(0);
}
.vip-mobile-menu i {
display: block;
font-size: 20px;
transform: translateZ(0);
backface-visibility: hidden;
}
.vip-destaque i {
color: #ff8c00;
animation: pulseVip 2s infinite;
}
.vip-destaque i,
.vip-vitalicio i {
color: #ff8c00;
animation: pulseVip 2s infinite;
}
}
@keyframes pulseVip {
0% {
transform: scale(1);
}
50% {
transform: scale(1.15);
}
100% {
transform: scale(1);
}
}
@keyframes pulsarVip {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(10, 127, 63, .55);
}
70% {
transform: scale(1.04);
box-shadow: 0 0 0 12px rgba(10, 127, 63, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(10, 127, 63, 0);
}
} .premiumWrapFix {
width: 100%;
clear: both;
margin-bottom: 40px;
}
.premiumBoxFix {
width: 100%;
display: flex;
align-items: stretch;
gap: 14px;
} .premiumStatsFix {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 24px;
background: #f3f3f3;
border-radius: 9px;
box-shadow:
0 10px 25px rgba(0, 0, 0, .12);
} .premiumItemFix {
flex: 1;
display: flex;
align-items: center;
gap: 14px;
} .premiumItemFix h3 {
margin: 0;
color: #89094e;
font-size: 54px;
font-weight: 900;
line-height: 1;
letter-spacing: -1px;
} .premiumItemFix p {
margin: 0;
color: #1b1b1b;
font-size: 15px;
font-weight: 800;
line-height: 1.15;
text-transform: uppercase;
} .premiumButtonFix {
position: relative;
min-width: 380px;
padding: 20px 26px;
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
overflow: hidden;
border-radius: 9px;
text-decoration: none;
background:
linear-gradient(-45deg,
#00c392,
#015a4b,
#03f1da,
#ffd000,
#00c392);
background-size: 400% 400%;
animation:
premiumGradient 10s linear infinite;
box-shadow:
0 10px 30px rgba(0, 0, 0, .28);
transition:
transform .25s ease,
box-shadow .25s ease;
} .premiumButtonFix::before {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 70%;
height: 100%;
background:
linear-gradient(90deg,
transparent,
rgba(255, 255, 255, .22),
transparent);
transform: skewX(-22deg);
animation: shinePremium 4s linear infinite;
} .premiumButtonFix:hover {
transform: translateY(-3px);
box-shadow:
0 18px 40px rgba(0, 0, 0, .38);
} .premiumButtonFix b,
.premiumButtonFix span {
position: relative;
z-index: 2;
color: #fff;
text-shadow:
0 2px 8px rgba(0, 0, 0, .25);
}
.premiumButtonFix b {
font-size: 2.2rem;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
}
.premiumButtonFix span {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.2;
} @keyframes premiumGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes shinePremium {
0% {
left: -120%;
}
100% {
left: 140%;
}
} .premiumHeaderFix {
width: 100%;
display: flex;
justify-content: center;
margin: 20px auto;
box-sizing: border-box;
}
.premiumHeaderFix h2 {
width: 100%;
max-width: 1200px;
color: #fff;
font-size: 2.4rem;
line-height: 1.15;
font-weight: 800;
text-align: center;
text-transform: uppercase;
letter-spacing: .5px;
} @media(max-width:1000px) {
.premiumBoxFix {
flex-direction: column;
}
.premiumButtonFix {
width: 100%;
min-width: 100%;
}
} @media(max-width:768px) {
.premiumWrapFix {
margin: 25px auto;
}
.premiumBoxFix {
flex-direction: column;
gap: 14px;
padding: 0 14px;
}
.premiumStatsFix {
width: 100%;
padding: 20px 18px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.premiumItemFix {
width: 100%;
display: flex;
align-items: center;
gap: 14px;
}
.premiumItemFix h3 {
min-width: 120px;
font-size: 3rem;
text-align: right;
}
.premiumItemFix p {
font-size: 1rem;
line-height: 1.2;
}
.premiumButtonFix {
width: 100%;
min-width: 100%;
padding: 18px 16px;
gap: 12px;
}
.premiumButtonFix b {
font-size: 1.8rem;
}
.premiumButtonFix span {
font-size: 0.95rem;
line-height: 1.2;
}
.premiumHeaderFix {
margin: 20px 0;
padding: 0 14px;
}
.premiumHeaderFix h2 {
font-size: 0.88rem;
line-height: 1.4;
letter-spacing: .3px;
}
} .ctaLiberacao {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 18px;
padding: 40px 20px;
text-align: center;
} .ctaLiberacao h2 {
margin: 0;
color: #fff;
font-size: 1.7rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1.3;
text-shadow:
0 3px 12px rgba(0, 0, 0, .45);
} .ctaLiberacao h2 strong {
color: #fff;
font-weight: 900;
} .ctaLiberacaoBtn {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 560px;
min-height: 96px;
padding: 18px 40px;
border-radius: 22px;
text-decoration: none;
background:
linear-gradient(180deg,
#37ff00 0%,
#22b300 55%,
#148000 100%);
border: 3px solid #111;
overflow: hidden;
transform: rotate(-1deg);
box-shadow:
0 8px 0 #111,
0 18px 45px rgba(0, 0, 0, .50),
0 0 25px rgba(55, 255, 0, .35);
transition:
transform .25s ease,
box-shadow .25s ease,
filter .25s ease;
animation: ctaPulse 2.8s ease-in-out infinite;
} .ctaLiberacaoBtn::after {
content: "";
position: absolute;
inset: 5px;
border-radius: 16px;
border:
2px solid rgba(255, 255, 255, .18);
pointer-events: none;
}
.ctaLiberacaoBtn::before {
content: "";
position: absolute;
top: 0;
left: -130%;
width: 60%;
height: 100%;
background:
linear-gradient(90deg,
transparent,
rgba(255, 255, 255, .35),
transparent);
transform: skewX(-20deg);
animation: shineCta 4s linear infinite;
} .ctaLiberacaoBtn strong {
position: relative;
z-index: 2;
color: #111;
font-size: 2rem;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
letter-spacing: .5px;
text-shadow:
0 1px 0 rgba(255, 255, 255, .25);
}
.ctaLiberacaoBtn strong:hover {
color: #fff;
} .ctaLiberacaoBtn span {
position: relative;
z-index: 2;
margin-top: 6px;
color: #eaffea;
font-size: 1rem;
font-weight: 500;
letter-spacing: .4px;
opacity: .95;
} .ctaLiberacaoBtn:hover {
transform:
rotate(0deg) translateY(-4px) scale(1.02);
filter: brightness(1.06);
box-shadow:
0 10px 0 #111,
0 24px 60px rgba(0, 0, 0, .60),
0 0 38px rgba(55, 255, 0, .50);
}
@keyframes ctaPulse {
0% {
transform: rotate(-1deg) scale(1);
}
50% {
transform: rotate(-1deg) scale(1.02);
}
100% {
transform: rotate(-1deg) scale(1);
}
} @keyframes shineCta {
0% {
left: -130%;
}
100% {
left: 150%;
}
} @media(max-width:768px) {
.ctaLiberacao {
padding: 20px 14px;
gap: 8px;
}
.ctaLiberacao h2 {
font-size: 1.2rem;
line-height: 1.5;
}
.ctaLiberacaoBtn {
min-width: 100%;
min-height: 88px;
}
.ctaLiberacaoBtn span {
font-size: .95rem;
text-align: center;
}
.ctaLiberacaoBtn strong {
font-size: 1.35rem;
text-align: center;
}
}
.ctaLiberacaoBtnSingle {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
min-width: 560px;
min-height: 82px;
padding: 16px 36px;
border-radius: 18px;
text-decoration: none;
background:
linear-gradient(180deg,
#00c392 0%,
#015a4b 100%);
border: 3px solid #111;
overflow: hidden;
transform: rotate(-1deg);
box-shadow:
0 8px 0 #111,
0 18px 40px rgba(0, 0, 0, .45);
} .ctaBig {
position: relative;
z-index: 2;
color: #f2f2f2;
font-size: 2rem;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-align: center;
} .ctaSmall {
position: relative;
z-index: 2;
color: #eafff7;
font-size: .95rem;
font-weight: 500;
letter-spacing: .4px;
text-transform: uppercase;
text-align: center;
} @media(max-width:768px) {
.ctaLiberacaoBtnSingle {
width: 100%;
min-width: 100%;
min-height: 74px;
padding: 14px 18px;
}
.ctaBig {
font-size: 1.1rem;
}
.ctaSmall {
font-size: .78rem;
}
} .premiumUsersInfo {
display: block;
margin-top: 14px;
color: rgba(255, 255, 255, .78);
font-size: 1rem;
font-weight: 500;
letter-spacing: .8px;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 1px;
} .premiumUsersInfo strong {
color: #00c392;
font-weight: 900;
} @media(max-width:768px) {
.premiumUsersInfo {
margin-top: 10px;
font-size: .78rem;
line-height: 1.5;
letter-spacing: .5px;
}
}
.counter {
font-size: 32px;
font-weight: bold;
transition: 0.3s ease;
}
.counter {
font-variant-numeric: tabular-nums; text-align: center;
display: inline-block;
}
.episode-new-badge{
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:6px;
padding:3px 7px;
font-size:9px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
line-height:1;
color:#111;
background:#b7ff00;
border-radius:999px;
box-shadow:
0 0 10px rgba(183,255,0,.35);
animation:newPulse 2s ease-in-out infinite;
}
@keyframes newPulse{
0%{
transform:scale(1);
opacity:1;
}
50%{
transform:scale(1.08);
opacity:.88;
}
100%{
transform:scale(1);
opacity:1;
}
}