* {
  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% + 20px);
  right: -90px;
  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;
  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;
}

.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;
  border-top: 1px solid #1a1c1f;
}

.live-search-footer a:hover {
  color: #4a9eff !important;
  text-decoration: none !important;
}

.live-search-no-results {
  padding: 40px 20px;
  text-align: center;
  color: #b9bbbe;
}

/* Responsive */
@media (max-width: 768px) {
  #liveSearchResults {
    width: calc(100vw - 40px);
    left: 10px;
    right: 10px;
    max-width: none;
    border-radius: 6px;
  }
}

.search-wrapper {
  position: relative;
}

#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: 25px !important;
}

/* 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;
}