/* Pacific Cinemas - ajustes index moderno */
body{
  background:#020914;
}
.pc-wide-container{
  width: min(96vw, 1660px);
  max-width: 1660px;
}

/* Avisos superiores: compactos, en dos columnas y sin altura sobrante */
.pc-important-notices{
  background: radial-gradient(circle at top, rgba(0,112,191,.16), rgba(2,9,20,.96) 60%, #020914 100%);
  padding: 26px 0 14px;
}
.pc-notice-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
  align-items: stretch;
}
.pc-notice-grid .callout-box{
  margin:0 !important;
  padding:0 !important;
  border-radius:22px;
  overflow:hidden;
  min-height:0 !important;
  height:auto !important;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.12);
  background: linear-gradient(145deg, rgba(5,26,46,.96), rgba(3,12,25,.96)) !important;
}
.pc-notice-grid .callout-box:nth-child(1){
  background: radial-gradient(circle at top right, rgba(21,155,82,.32), transparent 45%), linear-gradient(145deg, #071d2d, #06101d) !important;
}
.pc-notice-grid .callout-box:nth-child(2){
  background: radial-gradient(circle at top right, rgba(236,45,4,.28), transparent 45%), linear-gradient(145deg, #071d2d, #06101d) !important;
}
.pc-notice-grid .callout-box > .container{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}
.pc-notice-grid .callout-content{
  display:grid !important;
  grid-template-columns: 1fr 72px;
  gap:16px;
  align-items:flex-start;
  padding:24px 26px !important;
  min-height:0 !important;
  height:auto !important;
}
.pc-notice-grid .callout-text{
  width:auto !important;
  font-size:15px !important;
  line-height:1.55 !important;
  color:rgba(255,255,255,.84) !important;
}
.pc-notice-grid .callout-text h4,
.pc-notice-grid .callout-text p,
.pc-notice-grid .callout-text a{
  font-size:15px !important;
  line-height:1.55 !important;
  margin:0 !important;
  color:rgba(255,255,255,.84) !important;
}
.pc-notice-grid .callout-text h4 > b:first-child{
  display:block;
  color:#fff !important;
  font-size:22px !important;
  line-height:1.15;
  margin-bottom:10px;
}
.pc-notice-grid .callout-text br{
  display:none;
}
.pc-notice-grid .callout-text b{
  color:#fff;
}
.pc-notice-grid .callout-action{
  width:auto !important;
  padding:0 !important;
  text-align:right;
}
.pc-notice-grid .callout-action img{
  width:58px !important;
  height:58px !important;
  object-fit:contain;
  opacity:.9;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));
}
.pc-top-alert{
  background:#041328 !important;
  color:#fff;
}
.pc-top-alert .container{
  width:min(96vw, 1500px);
}
.pc-top-alert h1,
.pc-top-alert h3{
  font-size:clamp(20px, 2vw, 30px) !important;
  line-height:1.25 !important;
}

/* Encabezado de cartelera más cool y menos pesado */
#content > .section > .container{
  width:min(96vw, 1660px);
  max-width:1660px;
}
#content .heading-box{
  margin-bottom:24px;
}
#content .heading-box h4{
  color:rgba(255,255,255,.72);
  font-size:15px;
  margin-bottom:8px;
}
#content .heading-box .box-title{
  font-size:clamp(28px, 3.2vw, 48px);
  line-height:1.08;
  letter-spacing:-.02em;
}
#content .heading-box .desc-lg{
  font-size:16px;
  color:rgba(255,255,255,.72);
}
#content .heading-box .btn.style2{
  border-radius:999px;
  padding:11px 22px;
  background:linear-gradient(135deg,#ff7a00,#ff4b00) !important;
  border:0;
  box-shadow:0 12px 30px rgba(255,101,0,.28);
}

/* Redes sociales compactas debajo de cartelera */
.pc-social-compact-section{
  background:#020914;
  padding: 0 0 34px;
}
.pc-social-compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:20px 24px;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(7,28,52,.96), rgba(3,13,27,.96));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 42px rgba(0,0,0,.25);
}
.pc-social-eyebrow{
  display:inline-block;
  color:#ff7500;
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:4px;
}
.pc-social-copy h3{
  margin:0 0 4px;
  color:#fff;
  font-size:22px;
  font-weight:800;
}
.pc-social-copy p{
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:14px;
}
.pc-social-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.pc-social-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px;
  border-radius:999px;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  border:1px solid rgba(255,255,255,.14);
  transition:transform .2s ease, filter .2s ease;
}
.pc-social-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
.pc-facebook{ background:linear-gradient(135deg,#1877f2,#0a4ca3); }
.pc-instagram{ background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045); }

@media (max-width: 991px){
  .pc-notice-grid{grid-template-columns:1fr;}
  .pc-social-compact{align-items:flex-start; flex-direction:column;}
  .pc-social-actions{justify-content:flex-start;}
}
@media (max-width: 600px){
  .pc-important-notices{padding:18px 0 10px;}
  .pc-notice-grid .callout-content{grid-template-columns:1fr; padding:20px !important;}
  .pc-notice-grid .callout-action{display:none;}
  .pc-social-compact{padding:18px;}
  .pc-social-btn{width:100%; justify-content:center;}
  .pc-social-actions{width:100%;}
}

/* Ajuste V5: estrenos próximos dentro del index también se integran al look oscuro */
.bg-client-section{
  background-color:#020914 !important;
  background-blend-mode:multiply;
}
.bg-client-section .section{
  background:radial-gradient(circle at top, rgba(0,112,191,.24), rgba(2,9,20,.92) 50%, #020914 100%);
}
.pc-upcoming-slider article.post{
  background:linear-gradient(180deg, rgba(9,25,47,.96), rgba(3,13,28,.96));
  border:1px solid rgba(115,188,255,.18);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.32);
}
.pc-upcoming-slider article.post figure{
  margin:0;
  height:340px;
  overflow:hidden;
  background:#06182b;
}
.pc-upcoming-slider article.post figure img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.pc-upcoming-slider article.post h3{
  padding:14px 16px 0;
  margin:0;
  font-weight:800;
}
.pc-upcoming-slider article.post .post-action{
  margin:12px 16px 16px;
  border-radius:12px;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.1);
}
@media(max-width:767px){
  .pc-upcoming-slider article.post figure{height:420px;}
}
@media(max-width:480px){
  .pc-upcoming-slider article.post figure{height:350px;}
}