/*ES CODE*/
a {
  color: #e71c23;
}

a:hover {
  a:hover{color: #e71c23 !important;text-decoration: underline;}
}

.badge{
  color:#fff;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: transparent;
  border-bottom: solid 1px #131722;
}

.card-body {
      flex: none;
}

.border-bottom {
  border-bottom: 0.0625rem solid #313131 !important;
}

.embed-responsive{
  height: 480px;
}


html, body {
  overflow-x: hidden;
  max-width: 100%;
  touch-action: pan-y;
}

.col-photo, .photo-box, .photo, .col-site, .site {
  overflow: hidden !important;
}


.video-caption-box {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.caption-dot {
    width: 6px;
    height: 6px;
    margin-top: 7px;
    border-radius: 50%;
    background-color: #ff5a5f; /* o tu color accent */
    flex-shrink: 0;
}

/*For fluidplayer*/
/* Contenedor del player */
.player-wrapper {
  width: 100%;
  height: 57vh; /* tamaño fijo */
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Video dentro del player */
.player-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: contain; /* NO deforma */
  object-position: center;
  display: block;
}

/* Fullscreen correcto */
:fullscreen .player-wrapper,
:-webkit-full-screen .player-wrapper {
  height: 100vh !important;
}

:fullscreen .player-wrapper video,
:-webkit-full-screen .player-wrapper video {
  object-fit: contain;
}

/* Barra */
.fluid_controls_container {
  height: 60px !important;
  padding: 0 10px !important;
}

/* Iconos */
.fluid_controls_container svg {
  width: 28px !important;
  height: 28px !important;
}

/* Botones */
.fluid_controls_container .fluid_button,
.fluid_controls_container .fluid_control {
  min-width: 44px !important;
  min-height: 44px !important;
}

/* Timeline */
.fluid_controls_container .fluid_timeline_container {
  height: 8px !important;
}

/*Close and play banner*/
.pause-banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 90%;
  max-width: 320px;

  z-index: 20;

  display: flex;
  flex-direction: column;
  align-items: center;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/* visible */
.pause-banner.show {
  opacity: 1;
  pointer-events: auto;
}

/* imagen */
.pause-banner img {
  width: 100%;
  border-radius: 10px;
  display: block;
}

/* botón */
.pause-close {
  margin-top: 10px;
  padding: 10px 16px;
  border: none;
  border-radius: 6px;

  background: rgba(0,0,0,0.8);
  color: #fff;
  font-size: 14px;
  cursor: pointer;

  transition: background 0.2s ease;
}

.pause-close:hover {
  background: rgba(0,0,0,1);
}


/*For video player plyr*/
.plyr__control--overlaid {
  font-size: 3rem;
  background-color: #ff9900;
}

/* Cambiar el color del control activo */
.plyr--full-ui input[type=range] {
  accent-color: #ff9900;
}


.left-sidebar, .right-sidebar{
  overflow: hidden;
  width: auto;
  border-left: solid 0.5px #313131 !important;
    /*position: -webkit-sticky; //Soporte para Safari */
    /*position: sticky;*/
    /*top: 0; // Mantener en la parte superior al hacer scroll */
    /*height: 100vh; //Asegura que el sidebar ocupe toda la altura de la pantalla */
    /*overflow-y: auto; // Hace que se pueda hacer scroll si el contenido es más largo */
}
.logo-footer{filter: grayscale(80%);}
.favicon-site{width: 16px !important; height: 16px !important;}

.btn-search{color:#bbb;}
.btn-search:hover{color:#e71c23;}

.progressbar{background:#FFC107;left:0;position:absolute;top:0;height:3px;width:0%;z-index:2;}
@keyframes progress_play{0%{width:0;}
100%{width:100%;}
}
.video-info{padding: 0.5rem; height: 85px; min-height: 85px;}
.video-duration{position: absolute;left: 12px;bottom: 3px; background-color: #1b19197d; padding:3px; border-radius: 5px; font-size: 12px; color:#fff;}
.video-views{position: absolute;right: 12px;bottom: 3px; background-color: #1b19197d;padding: 3px; border-radius: 5px; font-size: 12px; color:#fff;}
.video-likes{position: absolute;right: 12px;top: 3px; background-color: #1b19197d;padding: 3px; border-radius: 5px;  font-size: 12px; color:#fff;}
.video-dislikes{position: absolute;right: 12px;top: 30px; background-color: #1b19197d;padding: 3px; border-radius: 5px;font-size: 12px; color:#fff;}
.site-category-sites-icons-box{position: absolute;top: 0; background-color: #1b19197d; padding:3px;color:#fff; left: 0;}
.site-category-name {font-weight: 700;position: absolute;top: 70px;left: 0;text-transform: uppercase;background-color: #1b19197d;color: #fff;}

.category-thumbnail-box{padding-left: 2px; padding-right: 2px; padding-bottom: 2px; overflow: hidden;}
.category-thumbnail-box img{object-fit: cover;}
.category-thumbnail-box div{
    position: absolute;
    bottom: 90px;
    background-color: #00000061;
    font-weight: 600 !important;
    z-index: 9999;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 18px;
}


.gender-icon{width: 16px !important; height: 16px !important;}
.img-gallery{width: 100%; height: auto;}
.sale-icon,.vr-icon,.ai-icon{position: absolute; margin-left: 2px; margin-right: 2px; margin-top: -1px;}

.flag.flag-gu{background-position:-96px -55px}.flag.flag-mn{background-position:-208px -88px}.flag.flag-va{background-position:-48px -154px}.flag.flag-tibet{background-position:-32px -143px}.flag.flag-fo{background-position:-64px -44px}.flag.flag-tr{background-position:-144px -143px}.flag.flag-tl{background-position:-80px -143px}.flag.flag-kz{background-position:-144px -77px}.flag.flag-zm{background-position:-16px -165px}.flag.flag-uz{background-position:-32px -154px}.flag.flag-dk{background-position:-64px -33px}.flag.flag-scotland{background-position:-176px -121px}.flag.flag-gi{background-position:-224px -44px}.flag.flag-gy{background-position:-128px -55px}.flag.flag-bj{background-position:-112px -11px}.flag.flag-fr{background-position:-80px -44px}.flag.flag-mo{background-position:-224px -88px}.flag.flag-ir{background-position:-112px -66px}.flag.flag-tm{background-position:-96px -143px}.flag.flag-ch{background-position:-96px -22px}.flag.flag-mt{background-position:-32px -99px}.flag.flag-gp{background-position:-16px -55px}.flag.flag-im{background-position:-48px -66px}.flag.flag-tv{background-position:-176px -143px}.flag.flag-mu{background-position:-48px -99px}.flag.flag-pe{background-position:-96px -110px}.flag.flag-vi{background-position:-112px -154px}.flag.flag-hn{background-position:-176px -55px}.flag.flag-ss{background-position:-128px -132px}.flag.flag-ae{background-position:-16px 0}.flag.flag-td{background-position:-240px -132px}.flag.flag-pw{background-position:0 -121px}.flag.flag-nu{background-position:-32px -110px}.flag.flag-bt{background-position:-208px -11px}.flag.flag-ms{background-position:-16px -99px}.flag.flag-cv{background-position:-240px -22px}.flag.flag-mh{background-position:-144px -88px}.flag.flag-la{background-position:-160px -77px}.flag.flag-vn{background-position:-128px -154px}.flag.flag-py{background-position:-16px -121px}.flag.flag.flag-ye{background-position:-224px -154px}.flag.flag-ie{background-position:0 -66px}.flag.flag-gh{background-position:-208px -44px}.flag.flag-cg{background-position:-80px -22px}.flag.flag-cu{background-position:-224px -22px}.flag.flag-hu{background-position:-224px -55px}.flag.flag-sg{background-position:-224px -121px}.flag.flag-at{background-position:-176px 0}.flag.flag-lk{background-position:-224px -77px}.flag.flag-vu{background-position:-144px -154px}.flag.flag-bo{background-position:-160px -11px}.flag.flag-jo{background-position:-208px -66px}.flag.flag-er{background-position:-208px -33px}.flag.flag-za{background-position:-256px -154px}.flag.flag-rs{background-position:-80px -121px}.flag.flag-nr{background-position:-16px -110px}.flag.flag-ls{background-position:-256px -77px}.flag.flag-jm{background-position:-192px -66px}.flag.flag-tz{background-position:-208px -143px}.flag.flag-ki{background-position:-16px -77px}.flag.flag-sj{background-position:0 -132px}.flag.flag-pg{background-position:-128px -110px}.flag.flag-lv{background-position:-32px -88px}.flag.flag-lu{background-position:-16px -88px}.flag.flag-no{background-position:-256px -99px}.flag.flag-kw{background-position:-112px -77px}.flag.flag-mx{background-position:-96px -99px}.flag.flag-yt{background-position:-240px -154px}.flag.flag-ly{background-position:-48px -88px}.flag.flag-cy{background-position:0 -33px}.flag.flag-my{background-position:-112px -99px}.flag.flag-sm{background-position:-48px -132px}.flag.flag-et{background-position:-240px -33px}.flag.flag-tj{background-position:-48px -143px}.flag.flag-ai{background-position:-64px 0}.flag.flag-kp{background-position:-64px -77px}.flag.flag-uy{background-position:-16px -154px}.flag.flag-gb{background-position:-112px -44px}.flag.flag-gs{background-position:-64px -55px}.flag.flag-kurdistan{background-position:-96px -77px}.flag.flag-rw{background-position:-112px -121px}.flag.flag-ec{background-position:-128px -33px}.flag.flag-mm{background-position:-192px -88px}.flag.flag-wales{background-position:-160px -154px}.flag.flag-kg{background-position:-256px -66px}.flag.flag-ve{background-position:-80px -154px}.flag.flag-tk{background-position:-64px -143px}.flag.flag-ca{background-position:-16px -22px}.flag.flag-is{background-position:-128px -66px}.flag.flag-ke{background-position:-240px -66px}.flag.flag-ro{background-position:-64px -121px}.flag.flag-gq{background-position:-32px -55px}.flag.flag-tf{background-position:-256px -132px}.flag.flag-ad{background-position:0 0}.flag.flag-sk{background-position:-16px -132px}.flag.flag-pm{background-position:-192px -110px}.flag.flag-om{background-position:-64px -110px}.flag.flag-an{background-position:-112px 0}.flag.flag-ws{background-position:-192px -154px}.flag.flag-sh{background-position:-240px -121px}.flag.flag-mp{background-position:-240px -88px}.flag.flag-gt{background-position:-80px -55px}.flag.flag-cf{background-position:-64px -22px}.flag.flag-zanzibar{background-position:0 -165px}.flag.flag-mw{background-position:-80px -99px}.flag.flag-catalonia{background-position:-32px -22px}.flag.flag-ug{background-position:-240px -143px}.flag.flag-je{background-position:-176px -66px}.flag.flag-km{background-position:-32px -77px}.flag.flag-in{background-position:-64px -66px}.flag.flag-bf{background-position:-48px -11px}.flag.flag-mc{background-position:-80px -88px}.flag.flag-sy{background-position:-192px -132px}.flag.flag-sn{background-position:-64px -132px}.flag.flag-kr{background-position:-80px -77px}.flag.flag-eu{background-position:-256px -33px}.flag.flag-st{background-position:-144px -132px}.flag.flag-england{background-position:-192px -33px}.flag.flag-lc{background-position:-192px -77px}.flag.flag-dm{background-position:-80px -33px}.flag.flag-be{background-position:-32px -11px}.flag.flag-ni{background-position:-224px -99px}.flag.flag-ua{background-position:-224px -143px}.flag.flag-mz{background-position:-128px -99px}.flag.flag-pf{background-position:-112px -110px}.flag.flag-tn{background-position:-112px -143px}.flag.flag-ee{background-position:-144px -33px}.flag.flag-xk{background-position:-208px -154px}.flag.flag-sx{background-position:-176px -132px}.flag.flag-sd{background-position:-192px -121px}.flag.flag-gd{background-position:-128px -44px}.flag.flag-ci{background-position:-112px -22px}.flag.flag-sz{background-position:-208px -132px}.flag.flag-cl{background-position:-144px -22px}.flag.flag-fi{background-position:0 -44px}.flag.flag-ga{background-position:-96px -44px}.flag.flag-np{background-position:0 -110px}.flag.flag-re{background-position:-48px -121px}.flag.flag-bg{background-position:-64px -11px}.flag.flag-sc{background-position:-160px -121px}.flag.flag-ng{background-position:-208px -99px}.flag.flag-qa{background-position:-32px -121px}.flag.flag-mk{background-position:-160px -88px}.flag.flag-aw{background-position:-208px 0}.flag.flag-kn{background-position:-48px -77px}.flag.flag-al{background-position:-80px 0}.flag.flag-bw{background-position:-240px -11px}.flag.flag-um{background-position:-256px -143px}.flag.flag-ky{background-position:-128px -77px}.flag.flag-tt{background-position:-160px -143px}.flag.flag-so{background-position:-80px -132px}.flag.flag-lt{background-position:0 -88px}.flag.flag-by{background-position:-256px -11px}.flag.flag-bb{background-position:0 -11px}.flag.flag-us{background-position:0 -154px}.flag.flag-md{background-position:-96px -88px}.flag.flag-ag{background-position:-48px 0}.flag.flag-hm{background-position:-160px -55px}.flag.flag-as{background-position:-160px 0}.flag.flag-eg{background-position:-160px -33px}.flag.flag-sv{background-position:-160px -132px}.flag.flag-sl{background-position:-32px -132px}.flag.flag-fk{background-position:-32px -44px}.flag.flag-am{background-position:-96px 0}.flag.flag-ck{background-position:-128px -22px}.flag.flag-tw{background-position:-192px -143px}.flag.flag-kh{background-position:0 -77px}.flag.flag-to{background-position:-128px -143px}.flag.flag-se{background-position:-208px -121px}.flag.flag-cd{background-position:-48px -22px}.flag.flag-pn{background-position:-208px -110px}.flag.flag-gr{background-position:-48px -55px}.flag.flag-id{background-position:-256px -55px}.flag.flag-vc{background-position:-64px -154px}.flag.flag-somaliland{background-position:-96px -132px}.flag.flag-bi{background-position:-96px -11px}.flag.flag-pk{background-position:-160px -110px}.flag.flag-pr{background-position:-224px -110px}.flag.flag-bd{background-position:-16px -11px}.flag.flag-co{background-position:-192px -22px}.flag.flag-fm{background-position:-48px -44px}.flag.flag-bm{background-position:-128px -11px}.flag.flag-bv{background-position:-224px -11px}.flag.flag-sb{background-position:-144px -121px}.flag.flag-mq{background-position:-256px -88px}.flag.flag-eh{background-position:-176px -33px}.flag.flag-bh{background-position:-80px -11px}.flag.flag-hr{background-position:-192px -55px}.flag.flag-sa{background-position:-128px -121px}.flag.flag-mv{background-position:-64px -99px}.flag.flag-mg{background-position:-128px -88px}.flag.flag-dz{background-position:-112px -33px}.flag.flag-gg{background-position:-192px -44px}.flag.flag-gm{background-position:-256px -44px}.flag.flag-af{background-position:-32px 0}.flag.flag-li{background-position:-208px -77px}.flag.flag-sr{background-position:-112px -132px}.flag.flag-vg{background-position:-96px -154px}.flag.flag-cr{background-position:-208px -22px}.flag.flag-tc{background-position:-224px -132px}.flag.flag-ao{background-position:-128px 0}.flag.flag-ma{background-position:-64px -88px}.flag.flag-mr{background-position:0 -99px}.flag.flag-gn{background-position:0 -55px}.flag.flag-ne{background-position:-176px -99px}.flag.flag-nf{background-position:-192px -99px}.flag.flag-wf{background-position:-176px -154px}.flag.flag-hk{background-position:-144px -55px}.flag.flag-gf{background-position:-160px -44px}.flag.flag-ps{background-position:-240px -110px}.flag.flag-ic{background-position:-240px -55px}.flag.flag-cw{background-position:-256px -22px}.flag.flag-ml{background-position:-176px -88px}.flag.flag-ax{background-position:-224px 0}.flag.flag-gl{background-position:-240px -44px}.flag.flag-dj{background-position:-48px -33px}.flag.flag-ht{background-position:-208px -55px}.flag.flag-lr{background-position:-240px -77px}.flag.flag-tg{background-position:0 -143px}.flag.flag-ba{background-position:-256px 0}.flag.flag-ge{background-position:-144px -44px}.flag.flag-bz{background-position:0 -22px}.flag.flag-au{background-position:-192px 0}.flag.flag-iq{background-position:-96px -66px}.flag.flag-cm{background-position:-160px -22px}.flag.flag-gw{background-position:-112px -55px}.flag.flag-az{background-position:-240px 0}.flag.flag-na{background-position:-144px -99px}.flag.flag-fj{background-position:-16px -44px}.flag.flag-zw{background-position:-32px -165px}.flag.flag-bs{background-position:-192px -11px}.flag.flag-il{background-position:-16px -66px}.flag.flag-nz{background-position:-48px -110px}.flag.flag-me{background-position:-112px -88px}.flag.flag-si{background-position:-256px -121px}.flag.flag-nc{background-position:-160px -99px}.flag.flag-lb{background-position:-176px -77px}
.flag{display:inline-block;position: relative;width:16px;height:11px;background:url('/img/flags.png') no-repeat}
.flag.flag-do{background-position:-96px -33px}
.flag.flag-cz{background-position:-16px -33px}
.flag.flag-de{background-position:-32px -33px}
.flag.flag-cn{background-position:-176px -22px}
.flag.flag-jp{background-position:-224px -66px}
.flag.flag-es{background-position:-224px -33px}
.flag.flag-pt{background-position:-256px -110px}
.flag.flag-pl{background-position:-176px -110px}
.flag.flag-au{background-position:-192px 0}
.flag-br{background-position:-176px -11px}
.flag.flag-nl{background-position:-240px -99px}
.flag.flag-ru{background-position:-96px -121px}
.flag.flag-it{background-position:-144px -66px}
.flag.flag-id{background-position:-256px -55px}
.flag.flag-fr{background-position:-80px -44px}
.flag.flag-in{background-position:-64px -66px}
.flag.flag-ar{background-position:-144px 0}
.flag.flag-sa{background-position:-128px -121px}
.flag.flag-kr{background-position:-80px -77px}
.flag.flag-io{background-position:-80px -66px}
.flag.flag-th{background-position:-16px -143px}
.flag.flag-ph{background-position:-144px -110px}
.flag.flag-bn{background-position:-144px -11px}
.flag.flag-ar{background-position:-144px 0}
.flag.flag-pa{background-position:-80px -110px}

.blog-content p{font-size: 18px;} 
.guest-post-link{font-weight:bold;}
.img-blog{width: 480px; height: 270px !important; object-fit: cover;}
.section-title a{font-size: 14px;}
.section-title {line-height: 0.8;}
.related-title {margin-top: 2rem;}

#search_filter_list{position:absolute;z-index: 101; top: 39px;}
#search_filter_list img{
    width: 50px;
    height: auto;
}
#search_filter_list li{
    background-color: #fff !important;
    text-align: left;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-like{color:green !important;}
.icon-dislike{color:red !important;}

.btn-likes i{font-size:20px !important;}
.bt-load-more{
    display: block;
    padding: 10px !important;
    text-align: center !important;
    background-color: #313131;
    border-radius: 5px;
    font-size: x-large;
    font-weight: 700;
    will-change: transform;
    animation: colorswap 2.9s ease-in-out infinite;
}
.bt-load-more a{
    color: #fff !important;
}

.join-now{
    font-size: x-large;
    background: transparent;
    padding: 5px !important;
    border-radius: 5px;
    font-weight: 700;
    will-change: transform;
    text-align: center !important;
    animation: colorswap 1.0s ease-in-out infinite;
}
.join-now a{
    font-weight: 700;
}
@keyframes colorswap {0% {transform: scale(1);}50% {transform: scale(0.98);}100% {transform: scale(1);}}


.btn-primary{background-color: #e71c23;border-color: #e71c23; color: #fff !important;}

/*Titles*/
.video-title, .actor-title, .channel-title{
     text-align: center; 
}

.video-meta,
.video-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.video-meta span:not(:last-child)::after {
  content: ",";
  margin-right: 2px;
  color: #949cb0;
}

.video-meta.dot span:not(:last-child)::after {
  content: ".";
  margin-right: -1px;
  margin-left: 4px;
  margin-top: -3px;
}

.dark .video-title a {
  color: #fff;
}

.video-title a {
  color: #000;
}

.video-title a:hover {
  color: #24baef;
}

.video--title a {
  color: #fff;
}

.video--title a:hover {
  color: #24baef;
}

.card-home-list, .col-actor, .col-channel, .card-blog{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);}
.card-header{font-size: 1.1rem; display: block;padding: 6px 5px; color: #fff;}
.card-home-list .card-header{padding: 2px;}
.actor .card-footer, .channel .card-footer{background-color: transparent; padding: .75rem .75rem; border-top: 0px;}
.card-header{background-color: transparent;}
.card-li .card-body{padding: 1px; text-align: center;}
.text-black{color: #000 !important;}
.footer-menu-link{font-size: 13px;}
.cat-short-text,.site-short-text{text-align: center;font-size: 13px; color: #645f5f;background: #f8f8f8;padding: 0 5px;margin: 0; text-overflow: ellipsis;letter-spacing: -.1px;}
.card-home-list .card-body{padding: 0.5rem 0.5rem 0.5rem 0.5rem;}
.card-home-list ol li{padding: 2px;}
.card-columns{column-count: 4 !important;}
.channels-list .card-columns{column-count: 5;}
.actors-list .card-columns{column-count: 5;}
.channel-image img{border-radius: 50px; padding: 5px;}
.actors-list .card-columns .card .card-body a img{border-radius: 20px;}

.card-mobile{max-height: 260px !important; overflow: auto;}

.cat-icon{display: inline-block;vertical-align: middle;width: 32px;height: 32px;background-repeat: no-repeat; background-size: contain; margin-right: 5px}
.cat-icon-tab-2{width: 52px;height: 52px;}
.cat-icon-tab-3{width: 30px;height: 30px;}

.actor img {
    padding: 5px;
    width: 228px;
    height: 342px;
    object-fit: cover;
    text-align: center;
}


.photo img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    text-align: center;
    filter: brightness(1.1) contrast(1.1);
}

/*.video img, .video-thumb {*/
.video img{
    filter: brightness(1.1) contrast(1.1);
    width: 100%;
    object-fit: cover;
}

.video-thumb{
    display:none;
    background-color: #000;
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
}

.video-box {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: transparent;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ff9900 !important;
    background-color: transparent !important;
}

.pagination .active .page-link{
    border-color: #ffc107 !important;
    color: #000 !important;
    background: #ffc107 !important;
}

.top-keywords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px -5px 0;
}

.top-keywords .tag {
    margin: 5px;
}

.tag {
    height: 30px;
    padding: 8px;
    border-radius: 4px;
    line-height: 16px;
    background: #242424;
    /*color: var(--primary-text);*/
    color: #fff !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    white-space: nowrap;
}

/***********************/
/****** TAGS PAGE ******/
/***********************/
.archive-tags-list {
    padding: 20px;
}

.tags-letter-block {
    /*margin: 0 0 30px;*/
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #313131;
    padding-bottom: 10px;
}

.tags-letter-block .tag-letter {
    float: left;
    padding-top: 3px;
    padding-left: 8px;
    font-size: 30px;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
}

.tags-letter-block .tag-items {
    margin: 0 0 0 100px;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}

.tags-letter-block .tag-items .tag-item {
    display: block;
    list-style: none;
    text-overflow: ellipsis;
    padding: 5px;
    /*border: dotted 1px #313131;*/
}

.tags-letter-block .tag-items .tag-item a {
    padding: 1px;
    display: inline-block;
    outline: 0;
    /*color: #ccc;*/
}
/******************************/

.fade-es {
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fade-es:not(.show) {
    opacity: 1;
}

.zoom {
    transition: transform .2s; 
    margin: 0 auto;
    border-radius: 3px;
}
/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

.zoom:hover {
    transform: scale(1.05); 
    z-index: 99999999999;
}

.container{max-width: 1686px;}

@media (max-width: 1000px) {.card-columns{column-count: 3 !important;}.channels-list .card-columns{column-count: 3;}.actors-list .card-columns{column-count: 3;}}
@media (max-width: 767px) {
    .card-columns{column-count: 2 !important;} 
    .tags-letter-block .tag-items {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin: 0 0 0 60px;}
    .img-video{max-height: 600px !important}
}

.category-title{font-weight: 500;}
#site-tab > .nav-item {text-transform: uppercase;}
.btn-primary{background-color: transparent !important;color: #bbb !important;}
.sites-box, .sites-categories-box{margin:0 !important;}

.site-review, .site-videos-tab, .site-photos-tab{
  max-height: 600px;
  overflow: auto;
  padding: 0px 15px 0px 0px;
  scrollbar-width: thin;
}

.site-logo{width: 150px !important;}
.site-category-title:hover{color:#e71c23;}
.site-category-description{color:#bbb;}
.site-summary{
  max-height: 250px;
  overflow: auto;
  padding: 0px 15px 0px 0px;
  scrollbar-width: thin;
}
.img-sites{width: 100%; border: 0px solid #dee2e6; border-radius: 10px}
.likes-views-info{
    font-size: 12px;
    color: #4d4d4d;
}

.plug-card {
    padding: 1px !important;
    background-color: transparent;
}
.card-site {
  padding: 5px !important;
  margin-bottom: 1rem;
  border: solid #f4f6f9;
}

.max-h-250-overflow-hidden {
  max-height: 250px !important;
  overflow: hidden !important;
}

.breadcrumb {
  padding: 0.5rem 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: '\f054';
}

.breadcrumb-admin-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.breadcrumb-wrapper .breadcrumb-admin {
    white-space: nowrap;
}

.breadcrumb-admin-item i,
.breadcrumb-admin-item img {
    margin-right: 4px;
}

.theme-link {
  color: #949cb0;
}

.table {
  color: #ddd;
  background-color: transparent;
}

.nav-item{
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.select2 span{
 color:#313131;
}


/* ===== Mega Menu ===== */

.dropdown-mega .dropdown-menu {
  visibility: hidden;
  opacity: 0;
}

.dropdown-mega:hover > .dropdown-menu,
.dropdown.show > .dropdown-menu {
  visibility: visible;
  opacity: 1;
}


@media (min-width: 992px) {
  .dropdown-mega:hover > .dropdown-menu {
    display: block;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu {
    animation: megaFade .15s ease-out;
  }
}

@keyframes megaFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.navbar-brand, .navbar-brand > img {
    width: 10rem;
}


/* Navbar mobile toggle */
.navbar-toggler {
  border: none;
  outline: none;
  color: #bbb;
  background-color: transparent;

}

/* Crear las 3 barras del menú */
.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon::before,
.navbar-toggler .navbar-toggler-icon::after {
    display: block;
    width: 24px;
    height: 3px;
    background-color: #bbb; /* Cambia al color que uses en tu navbar */
    transition: 0.3s ease;
    content: "";
    border-radius: 2px;
    position: relative;
}

/* Posición de las barras */
.navbar-toggler .navbar-toggler-icon::before {
    transform: translateY(-7px);
}

.navbar-toggler .navbar-toggler-icon::after {
    transform: translateY(4px);
}

/* ===== Cuando está abierto: convertir en X ===== */

/* ===== HAMBURGER (menú cerrado) ===== */
.navbar-toggler.collapsed .navbar-toggler-icon {
    background-color: #bbb; /* barra central visible */
}

.navbar-toggler.collapsed .navbar-toggler-icon::before {
    transform: translateY(-7px); /* barra superior */
}

.navbar-toggler.collapsed .navbar-toggler-icon::after {
    transform: translateY(4px); /* barra inferior */
}

/* ===== X (menú abierto) ===== */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-color: transparent !important; /* oculta barra central */
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
    transform: rotate(45deg);
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
    transform: rotate(-45deg);
}


/* Fix icon alignment */
.navbar-nav .nav-link i {
  line-height: 1;
  vertical-align: middle;
}

/* Mobile dropdown spacing */
@media (max-width: 1199px) {
  .navbar-nav .dropdown-menu {
    position: static;
    float: none;
    box-shadow: none;
  }
}

/* ========== SEARCH========== */
.search-form-control{color: #fff; background-color: #313131; box-shadow: 0 0 0 1px #313131;}
.search-form-control:focus {box-shadow: 0 0 0 1px #313131; border-color: #313131; color: #fff; }

/* ========== MOBILE SEARCH ICON ========== */
.mobile-search-trigger {
  display: none;
}

.mobile-search-trigger button {
  background: none;
  border: 0;
  color: #fff;
  font-size: 20px;
  padding: 6px;
  cursor: pointer;
}

/* Mobile only */
@media (max-width: 1199px) {
  .mobile-search-trigger {
    display: block;
  }
}

/* ========== MOBILE SEARCH BOX ========== */
.mobile-search-box {
  display: none;
  padding: 10px;
}

.mobile-search-box.show {
  display: block;
}

.mobile-search-box input {
  width: 100%;
  padding: 10px 14px;
  border-radius: 5px;
  border: 1px solid #ddd;
  outline: none;
}


@media (max-width: 1199px) {
  .navbar > .d-flex.align-items-center.ml-xl-auto {
    position: absolute;
    right: 10px;
    top: 8px;          
    transform: none; 
    z-index: 1052;
  }
}



/*MOBILE MENU STYLE*/
@media (max-width: 1199px) {
  /* Contenedor del menú */
  .navbar-nav {
    padding: 10px 0;
  }

  /* Cada item */
  .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  /* Link */
  .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    gap: 12px;                 /* 🔑 separación icono / texto */
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
  }

  .navbar-nav .nav-link:hover {
    background: rgba(255,255,255,.05);
  }
}

@media (max-width: 1199px) {
  .navbar-nav .nav-link i {
    font-size: 18px;
    width: 22px;               /* 🔑 alineación vertical */
    text-align: center;
    opacity: .9;
  }
}

@media (max-width: 1199px) {

  .navbar-nav .dropdown-menu {
    padding: 0;
    margin: 0;
    background: transparent;
  }

  .navbar-nav .dropdown-menu a {
    display: block;
    padding: 10px 16px 10px 54px; /* indentado */
    font-size: 14px;
    color: rgba(255,255,255,.75);
  }

  .navbar-nav .dropdown-menu a:hover {
    background: rgba(255,255,255,.05);
    color: #fff;
  }
}

@media (max-width: 1199px) {
  .navbar-nav .dropdown > .nav-link::after {
    content: "▾";
    margin-left: auto;
    opacity: .6;
    font-size: 12px;
  }
}

@media (max-width: 1199px) {
  .navbar-nav > li:last-child {
    border-bottom: 0;
  }
}


/* ==========================
   FILTERS DROPDOWN
   ========================== */
/*.filters-menu{
  transform: translate3d(-100px, 21px, 0px) !important;
}*/

.filters-menu {
  position: absolute;
  top: 100%;
  right: 0 !important;
  left: auto !important;
  width: max-content;
  min-width: auto;
  max-width: 95vw;
  /*transform: translateX(-100%) !important;*/
}

.filters-menu .row > div:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,.1);
}
  
/*
.filters-menu .row > div {
  min-width: 170px;
}*/

@media (max-width: 576px) {
  .filters-menu {
    max-width: 95vw;
  }
}

@media (max-width: 767px) {

  .filters-menu {
    width: 100%;
  }

  .filters-menu.dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
  }

  .nav-pills > li {
    width: 100%;
  }

  #filters-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
  }
}

/* Tablet y superior: iconos en línea */
@media (min-width: 600px) {
  .nav-pills > li {
    width: auto;
    text-align: left;
  }
}

/* ==========================
   FIX ZOOM INPUT IOS
========================== */
@media (max-width: 767px) {
  input[type="search"],
  input[type="text"],
  .search-form-control {
    font-size: 16px !important;
  }
}

/* ==========================
   FIX Z-INDEX MENUS NAV
   ========================== */

/* Header base */
#header {
  position: relative;
  z-index: 1000;
}

.header-section{
  min-height: 60px;
}

.header-banner{
  max-height: 180px;
  overflow: hidden;
}

.header-banner img{
  width: 100% !important;
}

.one-line-fit {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  font-size: clamp(16px, 2.5vw, 20px);
}

/* Navbar */
.navbar {
  position: relative;
  z-index: 1001;
}

/* Dropdowns / Mega menus */
.dropdown-menu,
.hs-mega-menu {
  z-index: 1050;
}

.dropdown-menu{
  background-color: #131722;
}

.my-account-dropdown .dropdown-item:hover {
  background-color: transparent;
}

/* Dropdown hover desktop */
@media (min-width: 992px) {
  .dropdown-mega:hover > .dropdown-menu {
    display: block;
  }
}

/* Mejorar flechas Bootstrap Carousel */
.carousel-control-prev,
.carousel-control-next {
  background: linear-gradient(
    to right,
    rgba(0,0,0,.45),
    transparent
  );
  width: 5%;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 50px;
  height: 50px;
  background-size: 100%;
  filter: drop-shadow(0 0 6px rgba(0,0,0,.8));
}

.carousel-item img{
  max-height: 300px;
}

/*SEARCH WIDGET*/

.expandable-summary {
    cursor: pointer;
    font-weight: 600;
    color: #ff3366;
    list-style: none;
}

.expandable-summary::-webkit-details-marker {
    display: none;
}

.expandable-summary::after {
    content: " ▼";
    font-size: 12px;
}

details[open] .expandable-summary::after {
    content: " ▲";
}
/* Search widget carousel */
.search-carousel-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.search-carousel {
    display: inline-flex;
    gap: 8px;
    padding-bottom: 6px;
}

.search-carousel::-webkit-scrollbar {
    height: 6px;
}

.search-carousel::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.25);
    border-radius: 10px;
}

.search-chip {
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    font-size: 0.85rem;
    background: rgba(255,255,255,.08);
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    transition: all .2s ease;
    white-space: nowrap;
    z-index: 1;
}


.search-carousel-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Carousel */
.search-carousel {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 10px 0;

    position: relative;
    z-index: 1;
}

/* Ocultar scrollbar */
.search-carousel::-webkit-scrollbar {
    display: none;
}
.search-carousel {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* Flechas */
.carousel-arrow {
    position: absolute;
    pointer-events: all;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 40px;
    border-radius: 10%;
    background: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity .2s ease, background .2s ease;
    opacity: 0;
}
.carousel-arrow::after {
    content: "";
    position: absolute;
    inset: 0;
}

.search-carousel-wrapper:hover .carousel-arrow {
    opacity: 1;
}

/* Estado desactivado */
.carousel-arrow.disabled {
    opacity: .1;
    pointer-events: none;
}

/* Posición */
.arrow-left  { left: 0px; }
.arrow-right { right: 0px; }

/* Solo mostrar flechas en desktop */
@media (min-width: 767px) {
    .search-carousel {padding: 10px 30px;}
}


/* Solo mostrar flechas en desktop */
@media (max-width: 767px) {
    .carousel-arrow {display: none;}
}

.trend-badge {
    margin-left: .4rem;
    font-size: .9rem;
    line-height: 1;
}

.trend-very-hot {
    color: #e63946; /* rojo vivo */
}

.trend-hot {
    color: #f77f00; /* naranja */
}

.trend-star {
    color: #ffd700; /* dorado */
}

.trend-light {
    color: #6c757d; /* gris secundario */
}

/*AI CSS*/
.ai-suggested-title{background-color: transparent; border: 0px; padding: 2px;}
.ai-suggested-title:hover{color: #ff9900;}

@media (max-width: 1199.98px) {
    .navbar-expand-xl .navbar-brand, .navbar-expand-xl .navbar-brand > img {
        width: 10rem;
    }
}

/*Compare CSS*/
.compare-title h1{
font-size:28px;
font-weight:700;
margin-bottom:10px;
}

.compare-subtitle{
font-size:15px;
margin-bottom:25px;
}

.compare-table th{
background:#111;
color:#fff;
font-weight:600;
}

.compare-feature{
font-weight:600;
width:35%;
}

.compare-list{
list-style:none;
padding:0;
margin:0;
}

.compare-list li{
margin-bottom:6px;
font-size:14px;
}

.compare-hero{
margin-top:15px;
}

.compare-photo{
width: 228px;
height:auto;
max-height: 342px;
object-fit:cover;
border-radius:8px;
box-shadow:0 5px 15px rgba(0,0,0,.4);
}

.compare-name{
margin-top:10px;
font-size:20px;
font-weight:600;
}

.compare-meta{
font-size:13px;
opacity:.7;
}

.compare-vs{
font-size:42px;
font-weight:700;
opacity:.6;
letter-spacing:3px;
}

.compare-table th{
background:#0e1a2b;
font-weight:600;
}

.compare-table td{
vertical-align:middle;
}

.compare-table tr:nth-child(even){
background:#0b1523;
}

.compare-link{
display:inline-block;
margin:4px 6px;
padding:4px 10px;
background:#1e293b;
border-radius:6px;
}

.compare-link:hover{
color:#fff;
}

.modal-content table th, .modal-content table td{
  color: #000 !important;
}

.player-wrapper {
  position: relative;
}

.video-loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  z-index: 5;
}

.video-loader::after {
  content: '';
  width: 100px;
  height: 100px;
  border: 3px solid #ff9900;
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/*VIDEO BADGE*/
.video-badges {
    position: absolute;
    top: 8px;
    left: 12px;

    display: flex;
    /*flex-direction: column;*/
    gap: 6px;

    z-index: 5;
}

.video-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;

    color: #fff;
    line-height: 1;

    background-color: #1b19197d;
    padding: 3px;
    border-radius: 5px;

    text-shadow: 0 0 6px rgba(0,0,0,.6);
}

/* DOT */
.video-badge-dot {
    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: #ff3b30;

    animation: videoBadgePulse 1.4s infinite;
}

/* COLORS */
/* NEW */
.video-badge-new {
    color: #ffe066;
}

.video-badge-new i {
    animation: videoBadgeBolt .8s infinite alternate;
}

/* LIVE */
.video-badge-live .video-badge-dot {
    background: #00d26a;
    animation: videoBadgePulseLive 0.8s infinite;
}

/* REC */
.video-badge-rec {
    color: #fff;
}
.video-badge-rec .video-badge-dot {
    background: #ff3b30;
    animation: videoBadgePulseRec 0.8s infinite;
}

.video-badge-hd {
    color: #7df9ff;
    animation: videoBadgeGlow 1.6s infinite alternate;
}

/* LIVE ANIMATION */
@keyframes videoBadgePulseLive {
    0% {
        box-shadow: 0 0 0 0 rgba(0,210,106,.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0,210,106,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,210,106,0);
    }
}

/* REC ANIMATION */
@keyframes videoBadgePulseRec {
    0% {
        box-shadow: 0 0 0 0 rgba(255,59,48,.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255,59,48,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,59,48,0);
    }
}

/* HD ANIMATION */
@keyframes videoBadgeGlow {
    from {
        text-shadow:
            0 0 6px rgba(125,249,255,.7),
            0 0 12px rgba(0,229,255,.6),
            0 0 18px rgba(0,229,255,.4);
    }

    to {
        text-shadow:
            0 0 10px rgba(125,249,255,1),
            0 0 20px rgba(0,229,255,.9),
            0 0 30px rgba(0,229,255,.7);
    }
}

/* NEW ANIMATION */
@keyframes videoBadgeBolt {

    from {
        opacity: .6;
        transform: scale(1);
        text-shadow: 0 0 4px rgba(255,224,102,.5);
    }

    to {
        opacity: 1;
        transform: scale(1.15);
        text-shadow:
            0 0 8px rgba(255,224,102,1),
            0 0 16px rgba(255,224,102,.8);
    }
}

.admin-box{
  position: absolute;
  right: 12px;
  top: 10px;
  background-color: #1b19197d;
  padding: 5px;
  z-index: 100 !important;
}

.admin-box a{color: #fff !important;}
.logo-country-code{margin: -40px -0px 0px -90px; color: #fff;font-weight: bold;}

@media (max-width: 480px) {
    .gender-icon {width: 20px !important; height: 20px !important;}
    .card-columns {column-count: 1 !important;}.channels-list .card-columns{column-count: 2 !important;}.actors-list .card-columns{column-count: 2 !important; }
    ol li{font-size: 1.1rem;}
    .content, .main-footer, .main-header, .content-header{margin:0px 10px 0px 10px !important;}
    .logo-footer{width: 90%;}
    .site-review{max-height: 250px;}
    .actor img {width: 100%; height: auto;}
    /*.photo img{height: auto;}*/
    .zoom:hover {transform: scale(1); }
    .logo-country-code{margin: -40px 0px -5px -40px;}
}

#main-menu-creators-widget img{
  height: auto;
  border-radius: 50%;
   width: 128x !important;
    height: 128px !important;
    max-width: 128px !important;
}

.actor-horizontal-card img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    object-fit: cover;
}

.actor-horizontal-card .actor-meta {
    min-width: 0;
}

/*ES CODE END*/