/* ============================================
     EDITAR ACÁ: datos de la película y de donación
     ============================================ */
  :root{
    --bg:            #0a0a0b;
    --bg-raised:     #131315;
    --text:          #f2ede2;
    --text-dim:      #918d84;
    --accent:        #e0a94a;
    --accent-dim:    #8c6b2e;
    --rule:          rgba(242,237,226,0.12);
  }

  *{ margin:0; padding:0; box-sizing:border-box; }

  html{ scroll-behavior:smooth; }

  body{
    background:var(--bg);
    color:var(--text);
    font-family:'Work Sans', sans-serif;
    font-weight:400;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }

  h1, h2{
    font-family:'Fraunces', serif;
    font-weight:500;
    letter-spacing:-0.01em;
  }

  a{ color:inherit; }

  /* ---------- HERO ---------- */

  .hero{
    position:relative;
    width:100%;
    min-height:100svh;
    display:flex;
    align-items:flex-end;
    background-image:
      linear-gradient(to top, rgba(10,10,11,0.95) 0%, rgba(10,10,11,0.35) 45%, rgba(10,10,11,0.05) 65%, rgba(10,10,11,0.4) 100%),
      url('ultima-p.jpg');
    background-size:cover;
    background-position:center 30%;
  }

  .hero-inner{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:0 6vw 7vw;
  }

  .hero-kicker{
    font-size:0.85rem;
    color:var(--accent);
    margin-bottom:1.1rem;
  }

  .hero h1{
    font-size:clamp(2.6rem, 7vw, 5.6rem);
    line-height:0.98;
    max-width:14ch;
  }

  .hero-tagline{
    margin-top:1.4rem;
    max-width:46ch;
    font-size:1.05rem;
    color:var(--text-dim);
  }

  .scroll-hint{
    position:absolute;
    bottom:2.4rem;
    left:6vw;
    display:flex;
    align-items:center;
    gap:0.6rem;
    font-size:0.8rem;
    color:var(--text-dim);
  }

  .scroll-hint::before{
    content:"";
    width:1px;
    height:34px;
    background:var(--text-dim);
    display:block;
  }

  /* ---------- VIDEO ---------- */

  .video-section{
    padding:7rem 6vw 6rem;
    max-width:1000px;
    margin:0 auto;
  }

  .video-section h2{
    font-size:clamp(1.5rem, 3vw, 2.1rem);
    font-weight:500;
    margin-bottom:0.7rem;
  }

  .video-section p{
    color:var(--text-dim);
    max-width:56ch;
    margin-bottom:2.6rem;
  }

  .video-frame{
    position:relative;
    width:100%;
    padding-top:56.25%; /* 16:9 */
    background:var(--bg-raised);
    border:1px solid var(--rule);
  }

  .video-frame iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
  }

  /* ---------- FOOTER / DONACIONES ---------- */

  footer{
    border-top:1px solid var(--rule);
    padding:5.5rem 6vw 4rem;
  }

  .footer-inner{
    max-width:1000px;
    margin:0 auto;
    text-align:center;
  }

  footer h2{
    font-size:clamp(1.4rem, 2.6vw, 1.9rem);
    font-weight:500;
  }

  footer p{
    color:var(--text-dim);
    max-width:44ch;
    margin:0.9rem auto 2.6rem;
    font-size:0.98rem;
  }

  .support-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:0.9rem;
  }

  .support-link{
    display:inline-flex;
    align-items:center;
    gap:0.55rem;
    padding:0.85rem 1.5rem;
    border:1px solid var(--rule);
    text-decoration:none;
    color:var(--text);
    font-size:0.92rem;
    font-weight:500;
    transition:border-color 0.2s ease, color 0.2s ease;
  }

  .support-link:hover{
    border-color:var(--accent);
    color:var(--accent);
  }

  .support-link svg{
    width:15px;
    height:15px;
    flex-shrink:0;
  }

  .footer-meta{
    margin-top:4.5rem;
    padding-top:2rem;
    border-top:1px solid var(--rule);
    font-size:0.8rem;
    color:var(--text-dim);
  }

  @media (max-width:640px){
    .hero-inner{ padding-bottom:12vw; }
    .scroll-hint{ display:none; }
    .video-section{ padding:4.5rem 6vw 3.5rem; }
    footer{ padding:4rem 6vw 3rem; }
  }

  @media (prefers-reduced-motion:reduce){
    html{ scroll-behavior:auto; }
  }