/* CineDoblee portada v3 - archivo independiente para evitar CSS cacheado */
html { box-sizing: border-box !important; }
*, *::before, *::after { box-sizing: inherit !important; }
html, body { width: 100% !important; min-width: 0 !important; }
body.home {
  margin: 0 !important;
  background: #07090e !important;
  color: #fff !important;
  overflow-x: hidden !important;
}
body.home #marco {
  display: block !important;
  float: none !important;
  width: min(1280px, calc(100% - 32px)) !important;
  min-width: 0 !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.home #cabeza { width: 100% !important; height: 140px !important; overflow: hidden !important; position: relative !important; }
body.home #logo, body.home #logo h1 { width: 100% !important; height: 100% !important; }
body.home #logo h1 a {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  height: 140px !important;
  background-position: center !important;
  background-size: cover !important;
}
body.home .banner-top { position: absolute !important; top: 25px !important; right: 18px !important; width: auto !important; max-width: 62% !important; height: auto !important; margin: 0 !important; float: none !important; }
body.home .banner-top img { display: block !important; width: 100% !important; max-width: 728px !important; height: auto !important; }
body.home #menu { width: 100% !important; min-width: 0 !important; overflow-x: auto !important; }
body.home #menu ul { white-space: nowrap !important; }
body.home #estrenos, body.home .front-promos, body.home .home-wrapper { display: block !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; }
body.home #estrenos { margin: 22px 0 0 !important; }
body.home .marco-filas { width: 100% !important; min-width: 0 !important; overflow: hidden !important; }
body.home .front-promos { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; margin: 16px 0 26px !important; }
body.home .front-promos > *, body.home .front-promos img, body.home .front-promos .metaslider, body.home .front-promos .flexslider { width: 100% !important; max-width: 100% !important; height: auto !important; }
body.home .home-wrapper { margin: 0 auto !important; padding: 6px 0 42px !important; }
body.home .home-section { display: block !important; clear: both !important; float: none !important; width: 100% !important; min-width: 0 !important; margin: 0 0 42px !important; }
body.home .home-section__header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; width: 100% !important; margin: 0 0 18px !important; padding: 0 2px 12px !important; border-bottom: 1px solid rgba(255,255,255,.14) !important; }
body.home .home-section__header h2 { margin: 0 !important; color: #fff !important; font: 700 23px/1.2 Arial,Helvetica,sans-serif !important; }
body.home .home-section__more { flex: 0 0 auto !important; color: #ff4961 !important; font: 700 12px/1.2 Arial,Helvetica,sans-serif !important; text-transform: uppercase !important; }
body.home .media-grid {
  display: grid !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 22px 14px !important;
  align-items: start !important;
}
body.home .media-card {
  display: block !important;
  float: none !important;
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  background: #11151e !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
}
body.home .media-card__poster { display: block !important; position: relative !important; width: 100% !important; height: auto !important; aspect-ratio: 2/3 !important; overflow: hidden !important; background: #202634 !important; }
body.home .media-card__poster img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }
body.home .media-card__body { display: block !important; padding: 11px 11px 12px !important; }
body.home .media-card__body h3 { min-height: 34px !important; margin: 0 0 8px !important; overflow: hidden !important; font: 700 13px/17px Arial,Helvetica,sans-serif !important; text-align: left !important; }
body.home .media-card__body h3 a { color: #f5f6f8 !important; }
body.home .media-card__meta { display: flex !important; justify-content: space-between !important; gap: 8px !important; color: #9199a9 !important; font-size: 10px !important; }
body.home .media-card__badge { position: absolute !important; top: 9px !important; left: 9px !important; z-index: 3 !important; padding: 5px 8px !important; color: #fff !important; background: #ed304c !important; border-radius: 4px !important; font: 800 9px/1 Arial,Helvetica,sans-serif !important; }
body.home .media-card__overlay { position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0; background: linear-gradient(to top,rgba(7,9,14,.92),rgba(7,9,14,.06) 65%) !important; }
body.home .media-card:hover .media-card__overlay { opacity: 1 !important; }
body.home .media-card__overlay span { padding: 8px 13px !important; color: #fff !important; font-size: 11px !important; border: 1px solid rgba(255,255,255,.72) !important; border-radius: 30px !important; }
body.home .home-section__empty { width: 100% !important; min-height: 125px !important; padding: 24px !important; color: #9ea6b6 !important; text-align: center !important; background: rgba(18,22,31,.78) !important; border: 1px dashed rgba(255,255,255,.16) !important; border-radius: 8px !important; }
body.home #footer { clear: both !important; float: none !important; width: 100% !important; }
@media (max-width:1050px){body.home .media-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}}
@media (max-width:860px){body.home #marco{width:calc(100% - 24px) !important;}body.home .media-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}}
@media (max-width:680px){body.home #marco{width:calc(100% - 20px) !important;}body.home #cabeza,body.home #logo h1 a{height:105px !important;}body.home .media-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px 11px !important;}body.home .home-section__header h2{font-size:19px !important;}}
@media (max-width:480px){body.home #marco{width:calc(100% - 16px) !important;}body.home .media-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}body.home .home-section__header h2{font-size:17px !important;}}

/* CineDoblee portada V4 - tema claro */
body.home {
  background: #000000 !important;
  color: #171a21 !important;
}
body.home #marco {
  background: #ffffff !important;
  padding: 0 18px !important;
  box-shadow: 0 0 28px rgba(0,0,0,.10) !important;
}
body.home .home-wrapper {
  background: #ffffff !important;
}
body.home .home-section__header {
  border-bottom-color: #d9dde5 !important;
}
body.home .home-section__header h2 {
  color: #171a21 !important;
}
body.home .home-section__more {
  color: #e32645 !important;
}
body.home .media-card {
  color: #171a21 !important;
  background: #ffffff !important;
  border-color: #dfe3ea !important;
  box-shadow: 0 5px 16px rgba(20,27,38,.12) !important;
}
body.home .media-card__poster {
  background: #e9edf3 !important;
}
body.home .media-card__body h3 a {
  color: #171a21 !important;
}
body.home .media-card__meta {
  color: #697386 !important;
}
body.home .home-section__empty {
  color: #5e6878 !important;
  background: #f8f9fb !important;
  border-color: #cfd5df !important;
}
body.home .media-card__overlay {
  background: linear-gradient(to top,rgba(14,18,26,.88),rgba(14,18,26,.04) 65%) !important;
}
@media (max-width:860px){
  body.home #marco{padding:0 12px !important;}
}
@media (max-width:480px){
  body.home #marco{padding:0 8px !important;}
}