@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Oswald:wght@500;600&display=swap');:root{--o:#ff9718;--line:#292929}*{box-sizing:border-box}body{margin:0;background:#050505;color:#f5f5f2;font-family:Montserrat,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}header{height:108px;padding:8px 5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;width:100%;z-index:10;background:#050505f2;border-bottom:1px solid #181818}.brand{height:88px;display:flex;align-items:center}.brand img{width:185px;height:82px;object-fit:contain}nav{display:flex;gap:34px;font-size:12px;letter-spacing:.13em;text-transform:uppercase}nav a:hover,.link:hover{color:var(--o)}.menu{display:none}.inside,.hero{padding-top:108px}.hero{min-height:100vh;background:linear-gradient(90deg,#050505e8 0,#0505056b 48%,transparent 72%),linear-gradient(0deg,#050505d9,transparent 35%),url('../img/banner-alma-blanca.jpg') center/cover no-repeat;display:flex;align-items:flex-end;padding-left:7vw;padding-right:7vw;padding-bottom:9vh}.hero h1,.section h1,.section h2{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;line-height:1.08}.hero h1{font-size:clamp(60px,9vw,130px);margin:.1em 0}.eyebrow{color:var(--o);font-size:12px;font-weight:700;letter-spacing:.17em}.section{padding:85px 7vw;border-top:1px solid var(--line)}.section>h2,.section>h1,.film h1{font-size:clamp(48px,7vw,88px);margin:.1em 0 .35em}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cards a{display:flex;flex-direction:column;background:#0d0d0d}.cards img{width:100%;aspect-ratio:16/9;object-fit:cover}.cards b{font-family:Oswald,sans-serif;font-size:30px;padding:18px 20px 0}.cards span{padding:0 20px 18px;color:var(--o);font-size:11px;text-transform:uppercase}.btn{display:inline-block;border:1px solid #555;padding:11px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-right:8px}.orange{background:var(--o);border-color:var(--o);color:#080808}.buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.link{font-size:13px;border-bottom:1px solid #555}.intro{padding-bottom:30px}.list{padding:20px 7vw 80px}.list>a{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.list img,.wide img{width:100%;aspect-ratio:16/9;object-fit:cover}.list h2{font-family:Oswald,sans-serif;font-size:50px;text-transform:uppercase;margin:0}.wide{background:#000}.film{display:grid;grid-template-columns:minmax(260px,390px) 1fr;gap:7vw;align-items:start}.poster{position:sticky;top:135px}.poster img{box-shadow:0 18px 55px #000}.meta{color:#aaa;font-size:13px;text-transform:uppercase}.synopsis{font-size:17px;max-width:850px}.credits{margin-top:35px;border-top:1px solid var(--line);padding-top:22px;color:#c7c7c7;font-size:14px}.credits b{color:#fff}.watch{display:flex;gap:10px;flex-wrap:wrap}.watch a{padding:9px 14px;background:#171717;border:1px solid #333}.standalone{min-height:calc(100vh - 108px);display:flex;flex-direction:column;justify-content:center}.standalone h1{line-height:1.15;max-width:1200px}.standalone>p:not(.eyebrow){max-width:850px;font-size:18px;color:#c7c7c7}.standalone>.btn{align-self:flex-start;margin-top:18px}.contact{display:flex;flex-direction:column;border:1px solid var(--line);padding:28px;max-width:580px;gap:5px}footer{border-top:1px solid var(--line);padding:45px 7vw;display:flex;justify-content:space-between;align-items:center;color:#777;font-size:12px}footer img{width:150px}@media(max-width:760px){header{height:88px}.inside,.hero{padding-top:88px}.brand{height:70px}.brand img{width:145px;height:66px}.menu{display:block;background:none;border:0;color:#fff;font-size:26px}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#080808;padding:25px 7vw;flex-direction:column}nav.open{display:flex}.hero{min-height:78vh;background-position:center}.cards,.film,.list>a{grid-template-columns:1fr}.section{padding:60px 7vw}.poster{position:static;max-width:380px}.standalone h1{line-height:1.15}footer{flex-direction:column;align-items:flex-start;gap:20px}}
/* v03 */
.home-hero{min-height:calc(100vh - 104px);background:#050505;padding-top:104px;display:flex;align-items:center}
.home-slide{width:100%;min-height:0;aspect-ratio:16/8.3;background-size:contain;background-position:center;background-repeat:no-repeat;position:relative}
.home-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505bd 0%,#05050545 35%,transparent 62%),linear-gradient(0deg,#050505b0,transparent 28%)}
.home-content{position:relative;z-index:1}
.film-page{padding-top:70px}
.legal-links{display:flex;gap:18px;flex-wrap:wrap;font-size:11px}.legal-links a:hover{color:var(--orange)}
.legal-page{max-width:1050px;margin:auto}.legal-page h1{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:clamp(48px,7vw,82px);line-height:1.1}.legal-page h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:27px;margin-top:45px}.legal-page a{color:var(--orange)}
.cookie-banner{position:fixed;z-index:99;left:22px;right:22px;bottom:20px;background:#111;border:1px solid #3a3a3a;box-shadow:0 15px 50px #000;padding:20px 24px;display:none;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.cookie-banner.show{display:flex}.cookie-banner p{margin:4px 0}.cookie-banner a{color:var(--orange)}.cookie-actions{display:flex;gap:9px;flex-shrink:0}.cookie-actions button{font:inherit;padding:9px 15px;border:1px solid #555;background:#191919;color:#fff;cursor:pointer}.cookie-actions .accept{background:var(--orange);color:#050505;border-color:var(--orange)}
@media(max-width:760px){.home-hero{min-height:auto;padding-top:86px}.home-slide{aspect-ratio:16/10}.cookie-banner{left:10px;right:10px;bottom:10px;align-items:flex-start;flex-direction:column}.cookie-actions{width:100%}.cookie-actions button{flex:1}footer{gap:16px}.legal-links{gap:10px 15px}}

/* v04 corrections */
.legal-page{padding-top:125px !important}

/* Home: show the complete 16:9 banner below the fixed header instead of cropping it */
.home-hero{
  min-height:0 !important;
  height:auto !important;
  padding-top:104px !important;
  display:block !important;
  background:#050505 !important;
}
.home-slide{
  width:100% !important;
  aspect-ratio:16/9 !important;
  min-height:0 !important;
  padding:0 7vw 7vh !important;
  display:flex !important;
  align-items:flex-end !important;
  background-image:
    linear-gradient(90deg,#050505df 0%,#05050565 38%,transparent 67%),
    linear-gradient(0deg,#050505bd 0%,transparent 34%),
    url('../img/banner-alma-blanca.jpg') !important;
  background-size:100% auto !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
.home-slide:before{display:none !important}
@media(max-width:760px){
  .legal-page{padding-top:95px !important}
  .home-hero{padding-top:86px !important}
  .home-slide{
    aspect-ratio:16/10 !important;
    padding:0 7vw 5vh !important;
    background-size:cover !important;
    background-position:center top !important;
  }
}

/* v05 — Home split composition using the ORIGINAL Alma Blanca banner */
.home-hero-split{
  padding-top:104px !important;
  min-height:100vh !important;
  height:auto !important;
  display:grid !important;
  grid-template-columns:42% 58% !important;
  align-items:stretch !important;
  background:#050505 !important;
  overflow:hidden;
}
.home-hero-split .hero-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:7vh 3vw 7vh 7vw;
  background:#050505;
}
.alma-title-art{
  width:min(100%,690px);
  height:auto;
  margin:22px 0 12px;
  display:block;
}
.hero-director{
  margin:0 0 12px;
  font-size:18px;
  color:#f0f0ed;
}
.hero-actions{margin-top:22px}
.home-hero-split .hero-image{
  position:relative;
  min-height:calc(100vh - 104px);
  background-image:url('../img/banner-alma-blanca.jpg');
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#050505;
}
.home-hero-split .hero-image:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.82) 5%,rgba(5,5,5,.22) 18%,transparent 34%);
  pointer-events:none;
}
/* Cookie controls: force both buttons to remain visible */
.cookie-actions{
  display:grid !important;
  grid-template-columns:auto auto;
  gap:9px !important;
  flex-shrink:0;
}
.cookie-actions button{display:block !important;min-width:100px;white-space:nowrap}

@media(max-width:1050px){
  .home-hero-split{grid-template-columns:40% 60% !important}
  .home-hero-split .hero-copy{padding-left:5vw;padding-right:2vw}
  .hero-director{font-size:16px}
}
@media(max-width:760px){
  .home-hero-split{
    padding-top:86px !important;
    min-height:auto !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .home-hero-split .hero-copy{
    order:2;
    padding:38px 7vw 52px;
  }
  .home-hero-split .hero-image{
    order:1;
    width:100%;
    min-height:0;
    aspect-ratio:16/9;
    background-size:contain;
    background-position:center;
  }
  .home-hero-split .hero-image:before{
    background:linear-gradient(0deg,#050505 0%,transparent 22%);
  }
  .alma-title-art{width:min(100%,560px);margin-top:18px}
  .cookie-actions{width:100%;grid-template-columns:1fr 1fr}
  .cookie-actions button{min-width:0;width:100%}
}

/* v06 — corrección botones de la portada */
.home-hero-split .hero-copy .hero-actions{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 gap:18px!important;margin-top:22px!important
}
.home-hero-split .hero-copy .hero-actions .button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-height:46px!important;padding:12px 22px!important;
 border:1px solid #555!important;font-size:12px!important;line-height:1!important;
 text-transform:uppercase!important;letter-spacing:.1em!important;white-space:nowrap!important
}
.home-hero-split .hero-copy .hero-actions .button.primary{
 background:var(--orange)!important;border-color:var(--orange)!important;color:#080808!important
}
.home-hero-split .hero-copy .hero-actions .button:not(.primary){
 background:transparent!important;color:#fff!important
}
@media(max-width:520px){
 .home-hero-split .hero-copy .hero-actions{flex-direction:column!important;align-items:stretch!important}
 .home-hero-split .hero-copy .hero-actions .button{width:100%!important}
}

/* v07 — botón VER TEASER de la Home: estilo dedicado */
.home-hero-split .hero-copy a.teaser-button,
.home-hero-split .hero-copy a.teaser-button:link,
.home-hero-split .hero-copy a.teaser-button:visited{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:126px !important;
  min-height:46px !important;
  padding:12px 22px !important;
  background:#f18a00 !important;
  background-color:#f18a00 !important;
  border:1px solid #f18a00 !important;
  color:#080808 !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  text-decoration:none !important;
}
.home-hero-split .hero-copy a.teaser-button:hover,
.home-hero-split .hero-copy a.teaser-button:focus{
  background:#ffa126 !important;
  background-color:#ffa126 !important;
  border-color:#ffa126 !important;
  color:#080808 !important;
}