/*
 Theme Name:   Ultrapeli
 Theme URI:    https://doothemes.com/
 Description:  Ultrapeli Theme
 Author:       Dooplay
 Author URI:   https://doothemes.com/
 Template:     Dooplay
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Dooplay child theme
 Text Domain:  dooplay
*/

#seasons .se-a {
  display: none;
}
.player_sist .control nav.player ul.options li ul {
  display: block;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
  overflow: hidden;
  z-index: 3;
  background: #141516;
  width: auto;
}
.player_sist .control nav.player ul.options li ul li {
  text-align: left;
  float: left;
  margin: 0;
}
.player_sist .control nav.player ul.options li ul li a {
  padding: 15px 15px 13px 15px;
  text-transform: none;
}
.player_sist .control nav.player ul.options {
  float: left;
  background: #141516;
}
.player_sist .control nav.player {
  float: left;
  width: auto;
}
.player_sist .control nav.player ul.options li {
  float: left;
  width: auto;
}
.player_sist .control nav.player ul.options li a {
  padding: 17px 20px;
  float: left;
  width: 100%;
  color: #fff;
  font-size: 13px;
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
}
span.dt_flag {
  float: left;
  padding-right: 8px;
}
body .poster {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
body .sheader .poster img {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}
body .items .item .poster a .see {
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 7px;
}
.srelacionados article img {
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 7px;
}
.sinopsis2:before,
.capturas2:before,
.trailer2:before,
.detalles2:before,
.descarga2:before,
.descarga3:before,
.masinfo2:before,
.requisitos2:before,
.descripcion2:before,
.novedades2:before {
  display: block;
  text-align: center;
  background-color: #00ccff;
  color: #fff;
  padding: 4px 4px 1px;
  margin: -6px -6px 4px;
  border-radius: 4px 4px 0 0;
  font-size: 16px;
}
.trailer2:before,
.trailer5:before,
.trailer6:before {
  content: "TRAILER";
}
.sinopsis2:before,
.sinopsis5:before,
.sinopsis6:before {
  content: "SINOPSIS";
}
.capturas2:before,
.capturas5:before,
.capturas6:before {
  content: "CAPTURAS";
}
.descarga2:before,
.descarga3:before,
.descarga5:before,
.descarga6:before {
  content: "ENLACES";
}
.detalles2:before,
.detalles5:before,
.detalles6:before {
  content: "DATOS";
}
.masinfo2:before,
.masinfo5:before,
.masinfo6:before {
  content: "MAS INFO";
}
.descripcion2:before,
.descripcion5:before,
.descripcion6:before {
  content: "DESCRIPCION";
}
.requisitos2:before,
.requisitos5:before,
.requisitos6:before {
  content: "REQUISITOS DEL SISTEMA";
}
.novedades2:before,
.novedades5:before,
.novedades6:before {
  content: "NOVEDADES";
}
.info5:before {
  content: "INFO";
}
.sinopsis5:before,
.detalles5:before,
.capturas5:before,
.trailer5:before,
.descarga5:before,
.masinfo5:before,
.descripcion5:before,
.requisitos5:before,
.novedades5:before,
.info5:before {
  background-color: #118ead;
  display: block;
  text-align: center;
  padding: 8px 6px 6px;
  color: #fff;
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
}
.sinopsis6:before,
.detalles6:before,
.capturas6:before,
.trailer6:before,
.descarga6:before,
.masinfo6:before,
.descripcion6:before,
.requisitos6:before,
.novedades6:before {
  background-color: #118ead;
  display: block;
  text-align: center;
  padding: 5px 6px 6px;
  color: #fff;
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
}
.detalles2,
.capturas2,
.trailer2,
.sinopsis2,
.masinfo2,
.descripcion2,
.requisitos2,
.novedades2 {
  display: block;
  text-align: center;
  margin: 6px;
  padding: 6px;
  border-radius: 4px;
  background-color: #fff;
  border: 2px solid #00ccff;
}
.descarga2,
.descarga3 {
  display: block;
  margin: 6px;
  padding: 6px;
  border: 2px solid #00ccff;
  border-radius: 4px;
  text-align: center;
}
.descarga2 {
  background-color: #fff;
  color: #000;
}
.descarga3 {
  background-color: #333;
  color: #fff;
}
.descarga2 p {
  margin: 2px;
}
.descarga3 p {
  margin: 2px;
}
.descarga2 b {
  color: #00ccff;
}
.descarga3 b {
  color: #00ccff;
}
.capturas2 img,
.capturas5 img {
  border-radius: 10px;
  width: 100%;
  margin: 3px auto;
}
.sinopsis5,
.detalles5,
.capturas5,
.trailer5,
.descarga5,
.descripcion5,
.masinfo5,
.requisitos5,
.novedades5,
.info5 {
  display: block;
  padding: 8px;
  margin: 6px;
  border: 2px solid #32a9c7;
  text-align: center;
  border-radius: 8px;
  background-color: #fff;
  color: #000;
}
.sinopsis6,
.detalles6,
.capturas6,
.trailer6,
.descarga6,
.descripcion6,
.masinfo6,
.requisitos6,
.novedades6 {
  display: block;
  padding: 8px;
  margin: 6px;
  border: 2px solid #32a9c7;
  text-align: center;
  border-radius: 8px;
  background-color: #222;
  color: #fff;
}
.descarga5,
.descarga6 {
  font-weight: bold;
}
.detalles5 b,
.detalles6 b {
  color: #00e7ff;
}
.detalles5 b:first-child,
.detalles6 b:first-child {
  color: #00e7ff;
}
.requisitos5 b,
.requisitos6 b {
  color: #20b8f8;
}
.novedades5 b,
.novedades6 b {
  color: #ff4500;
}
.masinfo5 b,
.masinfo6 b {
  color: #ff4500;
}
.info5 b,
.info6 b {
  color: #ff4500;
}
.descarga5 b,
.descarga6 b {
  color: #00e7ff;
}
.descarga5 b:first-child {
  color: red;
}
.descarga5 b:last-child {
  color: #205599;
}
.descarga6 b:first-child {
  color: #ffd400;
}
.descarga6 b:last-child {
  color: #00e7ff;
}
.descarga5 a,
.descarga6 a {
  margin: 2px;
  display: inline-block;
  border-radius: 6px;
}
.descarga2 a,
.descarga3 a {
  margin: 2px;
  display: inline-block;
  border-radius: 4px;
}
.descarga2 a:hover,
.descarga3 a:hover {
  background-color: #333;
  color: #00ccff;
  border: 2px solid #00ccff;
}
.link5free:hover,
.link6free:hover {
  background-color: #333;
  border: 2px solid #00ccff;
}
.link5vip:hover,
.link6vip:hover {
  background-color: #333;
  border: 2px solid #cba901;
}
.link5vip {
  background-color: #fff;
  color: #cba901;
  padding: 4px 6px 3px;
  margin: 6px auto;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #bb791d;
  font-weight: bold;
}
.link6vip {
  background-color: #cba901;
  color: #fff;
  padding: 4px 6px 3px;
  margin: 6px auto;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #cba901;
  font-weight: bold;
}
.link6,
.link5free {
  background-color: #fff;
  color: #00ccff;
  padding: 3px 6px 2px;
  margin: 6px auto;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #00ccff;
  font-weight: bold;
}
.link5,
.link6free {
  background-color: #00ccff;
  color: #fff;
  padding: 3px 6px 2px;
  margin: 6px auto;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #209fff;
  font-weight: bold;
}
.final5 {
  width: 90%;
  background-color: #222;
  color: #fff;
  border-radius: 6px;
  margin: 4px auto;
  text-align: center;
  padding: 8px;
  display: block;
}
.detalles2 img,
.detalles5 img,
.detalles6 img {
  height: 25px;
}
img {
  vertical-align: middle;
  max-width: 100%;
}
.tsidebar {
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 1px 0 #000000;
  color: #ffffff;
  background: #193065bf;
  font-size: 16px;
  font-weight: bold;
  line-height: 14px;
  margin: 5px;
  padding: 7px 4px 5px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #000000;
}
.sidebar aside.widget {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  padding: 0;
}
header.main {
  background: #111923;
  box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
  border-bottom: 1px solid #000;
}
.module {
  background: #111923;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border-bottom: solid 1px rgba(255, 255, 255, 0.07);
  border-top: solid 1px rgba(255, 255, 255, 0.07);
}
#single {
  background: #111923;
  backdrop-filter: saturate(180%) blur(15px);
  -webkit-backdrop-filter: saturate(180%) blur(15px);
  border-bottom: solid 1px rgba(255, 255, 255, 0.07);
}
footer.main .fcmpbox {
  background: #111923;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  box-shadow: 0 10px 25px -7px rgb(0 0 0 / 70%);
}
.head-main-nav ul.main-header li a {
  padding: 25px 12px;
}
.linktabs ul li a.selected,
ul.smenu li a.selected,
a.liked,
.module .content header span a.see-all,
.page_user nav.user ul li a.selected,
.dt_mainmeta nav.releases ul li a:hover {
  background: #14739c;
}
.mepo span.quality {
  padding: 5px 10px;
  font-size: 13px;
  float: left;
  margin-right: 5px;
  border-radius: 3px;
  font-weight: 400;
  text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
  box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px,
    rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}
span.quality {
  color: #fff;
  background-image: linear-gradient(
    to bottom,
    #14739c 0,
    #14739c 50%,
    #16688c 51%,
    #16546f 100%
  );
}
a.see_all,
p.form-submit input[type="submit"]:hover,
.report-video-form fieldset input[type="submit"],
a.mtoc,
.contact .wrapper fieldset input[type="submit"],
span.item_type,
a.main {
  background: #18728a;
}
.dt_mainmeta nav.genres ul li {
  border-bottom: none;
  background: #151e29;
  border-radius: 4px;
  text-transform: uppercase;
}
.dt_mainmeta nav.genres ul li i {
  float: right;
  font-style: normal;
  font-size: 11px;
  background: #1daecf99;
  padding: 4px 4px 4px 4px;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  cursor: context-menu;
}
.head-main-nav ul.main-header li ul.sub-menu {
  background: #111923;
}
.live-search ul {
  background: #111923;
}
.live-search ul li:hover {
  background: rgb(14 19 27);
  opacity: 1;
}
.head-main-nav ul.main-header li ul.sub-menu {
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  margin: 0px 0px 0px;
}
.letter_home > .items_glossary {
  background-color: #1c1d1f;
  backdrop-filter: saturate(150%) blur(30px);
  -webkit-backdrop-filter: saturate(150%) blur(30px);
  box-shadow: 0 20px 15px -10px rgb(66 63 63 / 30%);
}
header.main .hbox .logo {
  background: #111923;
}
img {
  vertical-align: middle;
  max-width: 100%;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 7px;
}
.module .content .items .item .poster .rating {
  background: rgb(20 115 156);
  color: #fff;
  text-shadow: 1px 0 #000;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 3px 8px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: -40px;
  overflow: hidden;
  transition: 0.2s;
  border-top-left-radius: 4px;
}

.home-slider,
.hometext {
  margin-bottom: 25px !important;
  border-bottom: 0 !important;
}
.home-slider .item {
  width: 100% !important;
}
.wp-content p {
  margin-bottom: 15px;
  line-height: 23px;
  text-align: justify;
}
.sbox h1,
.sbox h2 {
  color: #fff;
  font-size: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

body:has(.block-black) .wp-content {
  margin-bottom: 0;
  border-bottom: 0;
}

.block-black {
  clear: both;
  margin: 0 -40px;
  padding: 16px;
  padding-left: 40px;
  padding-right: 40px;
  background: rgba(0,0,0, .5);
}
/* Embed tabs */
.tabs-sidebar-ul {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.tabs-sidebar-ul li a {
  padding: 10px 16px;
  line-height: 1;
  border-radius: 4px;
  display: block;
  color: rgba(255,255,255,.5);
}

.tabs-sidebar-ul li a.selected {
  background-color: #408BEA;
  color: #fff;
}

.video-responsive {
  width: 100%;
  background: rgba(255,255,255, .05);
  border-radius: 4px;
  aspect-ratio: 16/9;
  position: relative;
}

.video-responsive svg {
  position: absolute;
  width: 25%;
  height: 25%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: rgba(255,255,255, 0.5);
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.video-responsive iframe {
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
}

.video-responsive svg:hover {
  fill: #408BEA;
}

/* galería */
.gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 16px;
}

@media screen and (min-width: 992px) {
  .gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.gallery img {
  border-radius: 0;
  width: 100%;
  margin: 0;
}

.header-title {
  text-align: center;
  padding: 12px 0;
  font-size: 20px;
  font-weight: 500;
  margin: 0 -40px;
  border-top: solid 3px rgba(255,255,255,.08);
  border-bottom: solid 3px rgba(255,255,255,.08);
  margin-bottom: 16px;
}

.links-fields {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.links-fields a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  max-width: 400px;
  gap: 8px;
  padding: 16px;
  text-align: center;
  background: rgba(0,0,0, .5);
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all .3s ease-in-out;
}

.links-fields a.is-vip {
  background-color: #408BEA;
  color: #fff;
}

.links-fields a:hover {
  transform: translateY(-2px);
}

.password {
  width: max-content;
  margin: auto;
  padding: 10px 16px;
  color: #fff;
  margin-top: 8px;
}

.trailer-box {
  padding: 24px 40px;
  padding-top: 0;
  margin-left: -40px;
  margin-right: -40px;
}

.trailer-box iframe {
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
  border-radius: 4px;
}

/* Datos en las portadas */
.shortf-img,
.poster {
  position: relative;
}

.poster > img {
  width: 100%;
  height: 100% !important;
  aspect-ratio: 6/9;
  object-fit: cover;
}

.mtdta-left,
.mtdta-right {
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: flex-start;
}

.mtdta-left,
.mtdta-right {
  position: absolute;
  top: 0;
}

.mtdta-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 16px);
  margin: 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mtdta-left {
  left: 0;
  margin: 8px;
  margin-top: 12px;
  z-index: 99;
}

.mtdta-right {
  right: 0;
  margin: 8px;
  margin-top: 12px;
  z-index: 9999;
}

.mtdta-left span,
.mtdta-right span,
.mtdta-info span {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 11px;
  padding: 2px 4px;
  font-weight: 700;
  border-radius: 999px;
  text-transform: uppercase;
  display: inline-flex;
}

.mtdta-left span:empty {
  display: none;
}

.mtdta-lang {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  position: relative;
  z-index: 10;
}


.mtdta-lang span {
  background: transparent;
  padding: 0;
  position: relative;
}

.mtdta-lang span:before {
  content: attr(data-title);
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  opacity: 0;
  margin-right: 0;
  text-transform: lowercase;
  white-space: nowrap;
  pointer-events: none;
  transition: all .3s;
}

.mtdta-lang span:hover:before {
  opacity: 1;
  margin-right: 4px;
}

.mtdta-lang img {
  width: 22px !important;
  border-radius: 2px;
  display: block;
  margin-top: 0 !important;
  position: relative !important;
}
.mepo.right {
  position: absolute;
  left: unset !important;
  right: 5px;
  top: 5px;
}

.mepo.right .quality {
  margin-right: 0;
}

.mepo.vertical .quality {
  background: rgba(0, 0, 0, 0.6);
  padding-left: 4px;
  padding-right: 4px;
}

.mepo.vertical {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: start;
}
.mepo.vertical.right {
  align-items: flex-end !important;
}

.mepo.vertical span {
  font-size: 12px;
  width: auto;
}

/* Fondo player */
.block-black {
  position: relative;
}

.tabs-sidebar {
  position: relative;
  z-index: 10;
}

.block-black-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  opacity: 0.5;
  z-index: 1;
}

.block-black-backdrop::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(3px);
  opacity: 1;
  z-index: 2;
}