/* TVDigital Plus — Catálogo V12
   Solo presentación. No modifica API, proxy, credenciales ni app.js. */

body:not(.catalog-active) #hero.hero{
  grid-template-columns:190px minmax(0,1fr)!important;
  min-height:138px!important;
  margin:10px 0 14px!important;
  padding:15px 20px!important;
  gap:18px!important;
  border-radius:18px!important;
}
body:not(.catalog-active) #hero .home-brand{width:170px!important}
body:not(.catalog-active) #hero .home-brand img{
  width:155px!important;max-width:155px!important;max-height:104px!important;
}
body:not(.catalog-active) #hero .stats{gap:10px!important}
body:not(.catalog-active) #hero .stat{
  padding:13px 8px!important;min-height:88px!important;border-radius:14px!important;
}
body:not(.catalog-active) #hero .stat strong{
  font-size:clamp(27px,2.7vw,39px)!important;letter-spacing:-1.2px!important;
}
body:not(.catalog-active) #hero .stat span{margin-top:6px!important}

.catalog-toolbar{
  margin-bottom:8px!important;padding:10px 13px!important;min-height:58px!important;
}
.tabs{padding-bottom:6px!important;margin-bottom:0!important}

/* El contenido pasa a ser el protagonista */
.catalog-layout.home-mode .carousel-row{
  padding:18px 0 4px 18px!important;border-radius:18px!important;
}
.catalog-layout.home-mode .section-head{margin-bottom:12px!important}
.catalog-layout.home-mode .section-head h2{font-size:24px!important}

.carousel{
  grid-auto-columns:154px!important;
  gap:13px!important;
  padding:2px 18px 14px 0!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity;
}
.carousel::-webkit-scrollbar{display:none!important}
.carousel .card{
  scroll-snap-align:start;
  min-width:0!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.carousel .card:hover{
  transform:translateY(-5px) scale(1.015)!important;
  border-color:#4a78b4!important;
  box-shadow:0 20px 38px rgba(0,0,0,.28),0 0 0 1px rgba(47,124,255,.08)!important;
}
.carousel .poster{aspect-ratio:2/3!important}
.carousel .poster img{width:100%!important;height:100%!important;object-fit:cover!important}
.carousel .meta{min-height:70px!important}
.carousel .meta strong{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.carousel .meta small{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* Grillas de películas/series */
body.catalog-active .grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:14px!important;
}
body.catalog-active .card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.catalog-active .card:hover{
  transform:translateY(-4px)!important;
  border-color:#4774aa!important;
  box-shadow:0 18px 34px rgba(0,0,0,.24)!important;
}
body.catalog-active .poster{aspect-ratio:2/3!important}
body.catalog-active .poster img{width:100%!important;height:100%!important;object-fit:cover!important}
body.catalog-active .meta strong{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.catalog-active .meta small{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* Detalle visual existente: lo convertimos en ficha premium */
.modal{
  width:min(880px,calc(100vw - 28px))!important;
  max-height:min(86vh,760px)!important;
  border:1px solid #2b4668!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#0b1727,#08111e)!important;
  box-shadow:0 35px 100px rgba(0,0,0,.55)!important;
}
.modal::backdrop{background:rgba(1,6,14,.78)!important;backdrop-filter:blur(7px)}
.detail{gap:22px!important}
.detail .poster{border-radius:16px!important;overflow:hidden!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important}
.detail h2{font-size:clamp(25px,3vw,38px)!important;letter-spacing:-1px!important}

/* Sidebar de categorías más limpia */
body.catalog-active .category-sidebar{
  border-radius:17px!important;background:#081321!important;border-color:#203650!important;
}
body.catalog-active .category-list{scrollbar-width:thin!important}

/* Búsqueda con foco azul consistente */
.catalog-search:focus-within{
  border-color:#397cff!important;
  box-shadow:0 0 0 3px rgba(47,124,255,.12)!important;
}

/* Móvil */
@media(max-width:760px){
  .catalog-toolbar{display:block!important}
  .catalog-toolbar-copy{display:none!important}
  .catalog-search{width:100%!important}
  body:not(.catalog-active) #hero.hero{
    grid-template-columns:1fr!important;padding:12px!important;gap:10px!important;
  }
  body:not(.catalog-active) #hero .home-brand{display:none!important}
  body:not(.catalog-active) #hero .stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body:not(.catalog-active) #hero .stat{min-height:72px!important;padding:10px 4px!important}
  body:not(.catalog-active) #hero .stat strong{font-size:clamp(21px,7vw,31px)!important}
  body:not(.catalog-active) #hero .stat span{font-size:9px!important}
  .carousel{grid-auto-columns:132px!important;gap:10px!important}
  .carousel .meta{min-height:66px!important;padding:8px!important}
  body.catalog-active .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:390px){
  .tab{padding:0 11px!important;font-size:12px!important}
}