/* CineDoblee V23: barra lateral aislada de los estilos antiguos */
#sidebar.cdb-sidebar,
#sidebar.cdb-sidebar * {
  box-sizing: border-box;
}
#sidebar.cdb-sidebar {
  float: right !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 310px !important;
  max-width: 310px !important;
  margin: 10px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #fff;
}
#sidebar.cdb-sidebar .cdb-sidebar-box {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #292929;
  border-radius: 9px;
  background: #111;
}
#sidebar.cdb-sidebar .cdb-sidebar-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 42px;
  padding: 9px 11px !important;
  background: linear-gradient(135deg,#e50914,#850008) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-heading h3 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  text-transform: uppercase;
}
#sidebar.cdb-sidebar .cdb-sidebar-heading > a {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: none !important;
  font-size: 10px !important;
  text-decoration: none !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-content { width:100% !important; padding:10px !important; }
#sidebar.cdb-sidebar .cdb-sidebar-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item {
  float: none !important;
  clear: both !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0,1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 94px !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  overflow: hidden !important;
  border-bottom: 1px solid #292929;
}
#sidebar.cdb-sidebar .cdb-sidebar-item:first-child { padding-top:0 !important; }
#sidebar.cdb-sidebar .cdb-sidebar-item:last-child { padding-bottom:0 !important; border-bottom:0; }
#sidebar.cdb-sidebar .cdb-sidebar-thumb {
  position: relative;
  float: none !important;
  display: block !important;
  width: 62px !important;
  height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 5px;
  background: #222 !important;
  line-height: 0 !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-thumb img {
  display: block !important;
  float: none !important;
  width: 62px !important;
  min-width: 62px !important;
  max-width: 62px !important;
  height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item-info {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  overflow:hidden !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item-info h4 {
  float:none !important;
  width:100% !important;
  margin:0 0 7px !important;
  padding:0 !important;
  overflow:hidden !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.35 !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item-info h4 a {
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.35 !important;
  text-decoration:none !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-meta { color:#aaa !important; font-size:10px !important; }
#sidebar.cdb-sidebar .cdb-sidebar-rank {
  position:absolute; top:3px; left:3px; display:grid; place-items:center;
  min-width:23px; height:23px; padding:0 4px; border-radius:50%;
  background:rgba(0,0,0,.88); color:#fff; font-size:11px; font-weight:700;
}
#sidebar.cdb-sidebar .cdb-promo-link,
#sidebar.cdb-sidebar .cdb-ad-link { display:block !important; width:100% !important; padding:10px !important; text-align:center; background:none !important; }
#sidebar.cdb-sidebar .cdb-promo-link img,
#sidebar.cdb-sidebar .cdb-ad-link img,
#sidebar.cdb-sidebar .cdb-sidebar-ad img { display:block !important; float:none !important; width:100% !important; max-width:100% !important; height:auto !important; margin:0 auto !important; }
#sidebar.cdb-sidebar .cdb-promo-link > span { display:inline-block; margin-top:8px; padding:7px 13px; border-radius:20px; background:#e50914; color:#fff; font-size:11px; font-weight:700; }
#sidebar.cdb-sidebar .cdb-sidebar-categories ul { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; }
#sidebar.cdb-sidebar .cdb-sidebar-categories ul li { float:none !important; clear:both !important; display:block !important; width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; border-bottom:1px solid #292929; color:#999 !important; }
#sidebar.cdb-sidebar .cdb-sidebar-categories ul li a { display:inline-block !important; width:auto !important; margin:0 !important; padding:8px 2px !important; background:none !important; color:#ddd !important; font-size:11px !important; line-height:1.3 !important; }
#sidebar.cdb-sidebar .search-form { display:flex !important; width:100% !important; margin:0 !important; }
#sidebar.cdb-sidebar .search-form label { flex:1 1 auto !important; min-width:0 !important; }
#sidebar.cdb-sidebar .search-field { width:100% !important; }
@media (max-width:760px) {
  #sidebar.cdb-sidebar { float:none !important; width:calc(100% - 20px) !important; max-width:none !important; margin:15px 10px !important; }
}

/* V25: las sugerencias del buscador lateral deben flotar sobre los demás bloques */
#sidebar.cdb-sidebar .cdb-sidebar-search {
  position: relative !important;
  z-index: 1000 !important;
  overflow: visible !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-search .cdb-sidebar-content,
#sidebar.cdb-sidebar .sidebar-smart-search,
#sidebar.cdb-sidebar .search-form--autocomplete {
  position: relative !important;
  z-index: 1001 !important;
  overflow: visible !important;
}
#sidebar.cdb-sidebar .sidebar-smart-search .search-suggestions {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 999999 !important;
  width: 100% !important;
  max-width: none !important;
  max-height: 360px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-promo {
  position: relative !important;
  z-index: 1 !important;
}

/* =========================================================
   CineDoblee PRO V39 - Sidebar premium oscuro/dorado
   Unifica la barra lateral con el carrusel y las tarjetas.
   ========================================================= */
#sidebar.cdb-sidebar {
  gap: 18px !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-box {
  border: 1px solid rgba(255,190,0,.42) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg,#15171d 0%,#0b0c10 100%) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-heading {
  min-height: 46px !important;
  padding: 10px 13px !important;
  border-bottom: 1px solid rgba(255,190,0,.34) !important;
  background: linear-gradient(135deg,#15171d 0%,#090a0d 70%,#2a1a00 100%) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-heading h3 {
  color: #fff !important;
  font-size: 13px !important;
  letter-spacing: .25px !important;
  text-shadow: 0 1px 0 #000 !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-heading h3 span {
  filter: drop-shadow(0 0 5px rgba(255,190,0,.6));
}
#sidebar.cdb-sidebar .cdb-sidebar-heading > a {
  padding: 6px 9px !important;
  border: 1px solid rgba(255,190,0,.42) !important;
  border-radius: 999px !important;
  color: #ffc21c !important;
  font-weight: 800 !important;
  transition: background .18s ease,color .18s ease,transform .18s ease !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-heading > a:hover {
  background: #ffc21c !important;
  color: #121212 !important;
  transform: translateY(-1px) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-content {
  padding: 11px !important;
  background: transparent !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item {
  grid-template-columns: 76px minmax(0,1fr) !important;
  gap: 11px !important;
  min-height: 116px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  transition: background .18s ease !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item:hover {
  background: rgba(255,190,0,.035) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-thumb {
  width: 76px !important;
  height: 112px !important;
  border: 1px solid rgba(255,190,0,.48) !important;
  border-radius: 8px !important;
  background: #050608 !important;
  box-shadow: 0 5px 13px rgba(0,0,0,.35) !important;
  transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item:hover .cdb-sidebar-thumb {
  transform: translateY(-2px) scale(1.025) !important;
  border-color: #ffc21c !important;
  box-shadow: 0 9px 18px rgba(0,0,0,.45),0 0 0 1px rgba(255,194,28,.16) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-thumb img {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 112px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #050608 !important;
  transition: filter .2s ease !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item:hover .cdb-sidebar-thumb img {
  filter: brightness(.88) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item-info h4 {
  margin: 0 0 8px !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item-info h4 a {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #f7f7f7 !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  transition: color .18s ease !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-item:hover h4 a {
  color: #ffc21c !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-meta {
  color: #aeb3bc !important;
  font-size: 10px !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-rank {
  top: 5px !important;
  left: 5px !important;
  min-width: 25px !important;
  height: 25px !important;
  border: 1px solid rgba(255,194,28,.8) !important;
  background: rgba(5,6,8,.92) !important;
  color: #ffc21c !important;
  box-shadow: 0 3px 9px rgba(0,0,0,.45) !important;
}
#sidebar.cdb-sidebar .cdb-promo-link > span {
  background: linear-gradient(135deg,#ffd04b,#ff9f14) !important;
  color: #111 !important;
  box-shadow: 0 5px 13px rgba(255,169,0,.2) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-categories ul li {
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-categories ul li a {
  color: #e8e8e8 !important;
  transition: color .18s ease,padding-left .18s ease !important;
}
#sidebar.cdb-sidebar .cdb-sidebar-categories ul li a:hover {
  padding-left: 7px !important;
  color: #ffc21c !important;
}

@media (max-width: 900px) {
  #sidebar.cdb-sidebar .cdb-sidebar-list {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px 14px !important;
  }
  #sidebar.cdb-sidebar .cdb-sidebar-item {
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 9px !important;
    padding: 9px !important;
  }
}
@media (max-width: 540px) {
  #sidebar.cdb-sidebar .cdb-sidebar-list {
    grid-template-columns: 1fr !important;
  }
}