* {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font-family:roboto,sans-serif
}
b {
  font-weight:500!important
}
:focus {
  outline:0
}
body {
  background-color:#f6f6f6
}
html {
    scrollbar-gutter: stable;
}
.header .navbar {
  background-color:#0944b6
}
.navbar-nav {
  margin:0 auto
}
.nav-link {
  font-size:1.2em;
  font-weight:400;
  border-bottom:2px solid transparent;
  -webkit-transition:all 250ms ease-in-out;
  -moz-transition:all 250ms ease-in-out;
  -ms-transition:all 250ms ease-in-out;
  -o-transition:all 250ms ease-in-out;
  transition:all 250ms ease-in-out;
}
.nav-item:hover .nav-link {
  border-radius:2px;
  border-bottom:2px solid #fff;
  -webkit-transition:all 250ms ease-in-out;
  -moz-transition:all 250ms ease-in-out;
  -ms-transition:all 250ms ease-in-out;
  -o-transition:all 250ms ease-in-out;
  transition:all 250ms ease-in-out
}
.navbar-icon {
  margin:0 10px
}
.torrents-list {
  width:265px;
  margin: 30px 10px;
}
.list-group-item {
  padding:7px 14px
}
.top {
  color:#fff!important;
  padding:2px 6px;
  font-size:1.5em;
  font-weight:500;
  text-align:center;
  background:#0944b6!important;
  border-color:#0944b6!important
}
.list-group-item .number {
  float:right;
  font-weight:400;
  padding:5px!important
}
.sub-list {
  background:#f0f8ff;
  padding-left:30px!important;
  border-left:2px solid #1e90ff!important
}
.sidebar {
  top:90px;
  position:relative;
}
.wrapper {
  display:flex;
  flex-wrap:wrap;
  display:-webkit-box;
  display:-ms-flexbox;
  -ms-flex-wrap:wrap
}
.backInfo {
  top:40%;
  right:0;
  opacity:.5;
  z-index:-1;
  padding:15px;
  max-width:400px;
  min-width:400px;
  position:absolute;
  text-align:center
}
.backInfo {
  -webkit-transition:all 250ms ease-in-out;
  -moz-transition:all 250ms ease-in-out;
  -ms-transition:all 250ms ease-in-out;
  -o-transition:all 250ms ease-in-out;
  transition:all 250ms ease-in-out
}
.backInfo.active {
  opacity:1;
  z-index:1;
  right:-90%;
  -webkit-transition:all 250ms ease-in-out;
  -moz-transition:all 250ms ease-in-out;
  -ms-transition:all 250ms ease-in-out;
  -o-transition:all 250ms ease-in-out;
  transition:all 250ms ease-in-out
}
.backInfo b {
  margin-left:10px
}
.moreBtn {
  top:50%;
  right:-20px;
  padding:15px;
  cursor:pointer;
  position:absolute
}
.moreBtn {
  -webkit-transition:all 250ms ease-in-out;
  -moz-transition:all 250ms ease-in-out;
  -ms-transition:all 250ms ease-in-out;
  -o-transition:all 250ms ease-in-out;
  transition:all 250ms ease-in-out
}
.moreBtn.active {
  transform:scale(-1,1);
  -webkit-transition:all 250ms ease-in-out;
  -moz-transition:all 250ms ease-in-out;
  -ms-transition:all 250ms ease-in-out;
  -o-transition:all 250ms ease-in-out;
  transition:all 250ms ease-in-out
}
.moreBtn:hover {
  right:-25px
}
.descargarTitulo {
  color:#0a3a86
}
.seccion {
  top:90px;
  margin:30px;
  position:relative
}
.seccionMovil {
  top:90px;
  margin:30px;
  position:relative
}
.seccionMovil .display-4 {
  font-size:2.5m
}
.nightMode {
  top:100px;
  right:10px;
  padding:10px;
  color:#303339;
  cursor:pointer;
  font-size:18px;
  font-weight:500;
  user-select:none;
  position:absolute;
  background:#e3e3e3;
  border-radius:50px
}
.nightMode span::before {
  content:"";
  width:27px;
  height:31px;
  display:inline-block;
  vertical-align:middle;
  background-size:100% 100%;
  background-image:url(../images/off.svg)
}
body.dark .card {
  color:#b6bbc4!important;
  background-color:#2f3136!important
}
body.dark .popover {
  color:#202225!important;
  background-color:#2f3136!important
}
body.dark .popover-body {
  color:#b6bbc4!important
}
body.dark .input-group-text {
  color:#b6bbc4!important;
  border:1px solid #26282c;
  background-color:#3e4148
}
body.dark .text-dark {
  color:#b6bbc4!important
}
body.dark hr {
  border-color:rgba(255,255,255,.1)
}
body.dark input[type=text],
body.dark select {
  color:#b6bbc4;
  border-color:#26282c;
  background-color:#36393f
}
body.dark {
  background-color:#202225
}
body.dark .list-group-item {
  color:#b6bbc4;
  background-color:#2f3136;
  border:1px solid #42464d6b
}
body.dark .list-group-item:hover {
  background-color:#3b3e44
}
body.dark .sub-list {
  background:#36393f
}
body.dark .page-item .page-link,
body.dark .page-item.disabled .page-link {
  border-color:#42464d;
  background-color:#2f3136
}
body.dark .page-item.active .page-link {
  border-color:#007aff;
  background-color:#007aff
}
body.dark .nightMode {
  color:#b6bbc4;
  background:#42464d
}
body.dark .text-dark {
  color:#fff!important
}
body.dark .nightMode span::before {
  content:"";
  width:27px;
  height:31px;
  display:inline-block;
  vertical-align:middle;
  background-size:100% 100%;
  background-image:url(../images/on.svg)
}
body.dark .descargarTitulo {
  color:#90b5ef
}
body.dark .bold {
  color:#fff
}
#disqus_thread {
  position:relative
}
#disqus_thread:after {
  content:"";
  display:block;
  height:55px;
  width:100%;
  position:absolute;
  bottom:0;
  background:#fff
}
.mh-share-buttons {
  margin-bottom:2px;
  overflow:hidden;
  background-clip:border-box;
  border:1px solid rgba(0,0,0,.125);
  border-radius:.25rem;
  box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important
}
.entry-content .mh-share-buttons a,
.entry-content .mh-share-buttons a:hover {
  color:#fff
}
.mh-share-buttons .fa {
  display:inline-block;
  font-size:17px;
  color:#fff
}
.mh-share-button {
  float:left;
  width:25%;
  font-size:16px;
  padding:5px 0;
  text-align:center;
  text-transform:uppercase;
  opacity:.7
}
.mh-share-button:hover {
  opacity:1
}
.mh-facebook span {
  background:#3e64ad
}
.mh-twitter span {
  background:#6aadd1
}
.mh-pinterest span {
  background:#de010d
}
.mh-whatsapp span {
  background:#28a745
}
.mh-email span {
  background:#ccc
}
.form-inline .form-control {
  width: 195px;
}
.descargar .text-center .d-inline-block {
  margin-right:10%;
  padding-bottom:2px
}
body::-webkit-scrollbar {
  width:1em
}
body::-webkit-scrollbar-track {
  box-shadow:inset 0 0 2px rgba(0,0,0,.1)
}
body::-webkit-scrollbar-thumb {
  background-color:#4b4d50;
  outline:1px solid #1b1b1b
}
.rounded.m-1.shadow-sm {
  border-radius:.6rem!important
}
#helping {
  display:block;
  height:50px;
  margin-top:5px
}
.glyphicon-download-alt {
  color:#ff5a28
}
.retruk p {
  font-size:20px
}
.socia_boxen {
  margin-top:11px
}
.lampario {
  margin-bottom:20px
}
.mantekol {
  text-align:justify!important
}
.retruk {
  display:none;
  padding:15px;
  background-color:rgba(0,0,0,.13);
  font-size:12px;
  text-transform:uppercase
}
.socia_boxen span {
  display:inline-block;
  font-size:30px;
  background-color: #36393f;
  text-decoration:none;
  opacity:.9;
  cursor:pointer;
  margin-top: 2%;
}
.socia_boxen span:hover {
  opacity:1
}
.buttonsocial.fa-facebook {
  padding:15px 21px;
  color:#3b5998!important
}
.buttonsocial.fa-twitter {
  padding:15px 16px;
  color:#55acee!important
}
.buttonsocial.fa-envelope,
.buttonsocial.fa-instagram,
.buttonsocial.fa-whatsapp,
.buttonsocial.fa-telegram {
  padding:15px 17px
}
.buttonsocial.fa-envelope {
  color:#dd4b39!important
}
.buttonsocial.fa-whatsapp {
  color:#28a745!important
}
.buttonsocial.fa-instagram {
  color:#125688!important
}
.buttonsocial.fa-telegram {
  color:#2196f3!important
}

/* ========== ESTILOS PERSONALIZADOS PARA POPOVERS ========== */

/* Popover principal - fondo oscuro con borde sutil */
.popover {
  background-color: #2c3e50 !important;
  border: 1px solid #34495e !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4) !important;
  border-radius: 8px !important;
  max-width: 320px !important;
}

/* Contenido del popover - texto blanco */
.popover-body {
  color: #ecf0f1 !important;
  padding: 12px 15px !important;
  font-size: 0.9rem !important;
}

/* Títulos dentro del popover */
.popover-body .lead {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
}

/* Texto pequeño (año, capítulo) */
.popover-body small {
  color: #bdc3c7 !important;
}

/* Badges de género */
.popover-body .badge-secondary {
  background-color: #0944b6 !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
}

/* Separador horizontal */
.popover-body hr {
  border-top: 1px solid #34495e !important;
  margin: 8px 0 !important;
}

/* Flecha del popover - oculta para un look más limpio */
.popover .arrow {
  display: none !important;
}

/* Alternativa: Si quieres mantener la flecha pero con mejor color */
/*
.popover .arrow::before {
  border-top-color: #2c3e50 !important;
  border-bottom-color: #2c3e50 !important;
  border-left-color: #2c3e50 !important;
  border-right-color: #2c3e50 !important;
}
.popover .arrow::after {
  border-top-color: #2c3e50 !important;
  border-bottom-color: #2c3e50 !important;
  border-left-color: #2c3e50 !important;
  border-right-color: #2c3e50 !important;
}
*/

/* Transición suave - sin animación que cause parpadeo */
.popover {
  transition: opacity 0.15s linear !important;
}

.popover.show {
  opacity: 1 !important;
}

.popover.fade:not(.show) {
  opacity: 0 !important;
}

/* Paginación - Iconos del mismo tamaño que los números */
.pagination .page-link i {
  font-size: 1.25rem;
}

/* Live Search Dropdown */
#liveSearchResults {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  width: 400px;
  max-width: calc(100vw - 40px);
  background: #2f3136;
  border: 1px solid rgba(13, 110, 253, 0.3);
  border-radius: 4px;
  max-height: 500px;
  max-height: min(500px, calc(100dvh - 160px));
  overflow-y: auto;
  z-index: 1050;
  box-shadow: none;
  display: none;
}

#liveSearchResults.show {
  display: block;
}

.live-search-item {
  padding: 12px 16px;
  border-bottom: 1px solid #23262a;
  cursor: pointer;
  transition: background-color 0.15s ease;
  text-decoration: none;
  display: block;
  color: #dcddde;
  min-height: 44px;
  overflow-wrap: anywhere;
}

.live-search-item:hover {
  background-color: #36393f;
  text-decoration: none;
}

.live-search-item:last-child {
  border-bottom: none;
}

.live-search-title {
  font-weight: 400;
  margin-bottom: 4px;
  font-size: 0.95rem;
  color: #ffffff;
}

.live-search-meta {
  font-size: 0.8rem;
  color: #b9bbbe;
}

.live-search-footer {
  padding: 14px 16px;
  text-align: center;
  background-color: #26292d;
}

.live-search-count {
  color: #b9bbbe;
  font-size: 0.8rem;
}

.live-search-all-results,
.live-search-retry {
  min-height: 44px;
  padding: 8px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8fc5ff;
  cursor: pointer;
  font-size: 1rem;
}

.live-search-no-results,
.live-search-error {
  padding: 16px;
  color: #dcddde;
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.live-search-error p {
  margin-bottom: 4px;
}

#search {
  gap: 8px;
}

#search input {
  min-height: 44px;
  font-size: 16px;
}

#search > input[type=submit] {
  margin: 0 !important;
}

#search :focus,
#buscador :focus,
.search-film-form :focus {
  outline: 2px solid #8fc5ff;
  outline-offset: 2px;
}

.search-film-form input:not([type=hidden]),
.search-film-form select {
  min-height: 44px;
  height: auto;
  font-size: 16px;
}

.search-wrapper {
  position: relative;
  min-width: 0;
}

#liveSearchLoading {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  color: #6c757d;
  font-size: 0.85rem;
  pointer-events: none;
  z-index: 10;
  background: rgba(52, 58, 64, 0.95);
  padding: 2px 6px;
  border-radius: 2px;
}

#liveSearchLoading i {
  animation: spin 1s linear infinite;
}

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

.search-wrapper input#query {
  padding-right: 34px !important;
  margin-right: 0 !important;
}

@media (max-width: 991.98px) {
  #search {
    width: 100%;
    flex-wrap: nowrap;
  }

  #search .search-wrapper {
    flex: 1;
  }

  #search input#query {
    width: 100%;
  }

  #liveSearchResults {
    left: 0;
    right: auto;
    max-width: calc(100vw - 32px);
  }
}

/* Scrollbar personalizada */
#liveSearchResults::-webkit-scrollbar {
  width: 6px;
}

#liveSearchResults::-webkit-scrollbar-track {
  background: #2f3136;
}

#liveSearchResults::-webkit-scrollbar-thumb {
  background: #42464d;
  border-radius: 3px;
}

#liveSearchResults::-webkit-scrollbar-thumb:hover {
  background: #4f5359;
}

/* El buscador ocupa su columna sin heredar el margen lateral de las fichas. */
.search-page > .container > .row > .col-md,
.movie-search-page > .container > .row > .col-md {
  min-width: 0;
}

#buscador {
  min-width: 0;
  overflow-wrap: anywhere;
}

#buscador .search-results {
  margin: 0;
  padding: 0;
  list-style: none;
}

#buscador .search-result {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#buscador .search-result:last-child {
  border-bottom: 0;
}

#buscador .search-result-link {
  display: inline-block;
  padding: 8px 0;
  min-height: 44px;
  max-width: 100%;
  color: #8fc5ff;
}

#buscador .search-result-format {
  color: #b6bbc4;
}

#buscador .search-result-link .text-secondary {
  color: #c7dfff !important;
  font-weight: 500;
}

#buscador .pagination {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 20px;
}

#buscador .page-link,
#buscador .search-retry {
  min-width: 44px;
  min-height: 44px;
  font-size: 16px;
}

#buscador .search-error {
  font-size: 1rem;
  color: #ffd3d3;
}

@media (max-width: 767.98px) {
  .search-page > .container > .row > .col-md,
  .movie-search-page > .container > .row > .col-md {
    width: 100%;
  }

  #buscador {
    margin: 30px 0;
    width: 100%;
  }

  .movie-search-page #seccion {
    width: 100%;
    max-width: none;
    margin: 30px 0;
  }

  #buscador .display-4 {
    font-size: 2.25rem;
  }

  #buscador .card-body {
    padding: 16px;
  }

  .search-film-form .input-group {
    flex-wrap: wrap;
    gap: 8px 0;
  }

  .search-film-form .input-group > #tipo {
    flex: 0 0 100%;
    border-radius: 4px;
  }
}