body { background:#000; color:#fff; padding-top:70px; }

    /* Navbar */
    nav.navbar { transition:all .4s ease; background:transparent; padding:15px 0; }
    nav.navbar.scrolled { background:rgba(0,0,0,.9); padding:5px 0; box-shadow:0 2px 10px rgba(0,0,0,.8); }
    nav .nav-link { color:#fff!important; transition:.3s; }
    nav .nav-link:hover { color:#f00!important; }

    /* Sections */
    section { padding:60px 0; }
    footer { background:rgba(0,0,0,.9); padding:20px 0; font-size:.9rem; }
    footer a { color:#fff; text-decoration:none; }
    footer a:hover { color:#f00; }

    /* Eventos */
    .cartelera-scroll { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:15px; }
    .cartelera-scroll::-webkit-scrollbar { height:8px; }
    .cartelera-scroll::-webkit-scrollbar-thumb { background:#ff004f; border-radius:4px; }
    .evento-card { flex:0 0 auto; width:280px; height:380px; background-size:cover; background-position:center;
      border-radius:15px; position:relative; cursor:pointer; scroll-snap-align:start; transition:.3s ease; }
    .evento-card:hover { transform:scale(1.05); box-shadow:0 15px 40px rgba(0,0,0,.8); }
    .evento-overlay { background:linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.4)); position:absolute; bottom:0; width:100%; color:#fff; padding:15px; }
    .evento-pasado { filter:grayscale(100%) brightness(.6); }

    /* Modales */
    .nav-btn { position:absolute; top:50%; transform:translateY(-50%); font-size:3rem; color:#fff; background:rgba(0,0,0,.4);
      border:none; padding:10px 15px; border-radius:50%; cursor:pointer; z-index:10; }
    .nav-btn:hover { background:rgba(0,0,0,.7); }
    .left-btn { left:20px; } .right-btn { right:20px; }

    /* Contacto */
    .whatsapp-button { border-radius:50px; transition:.3s; }
    .whatsapp-button:hover { transform:scale(1.05); box-shadow:0 0 15px rgba(37,211,102,.6); }
    .social-icon { background:rgba(255,255,255,.1); color:#fff; width:45px; height:45px;
      display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:1.2rem; transition:.3s; }
    .social-icon:hover { background:#ff004c; transform:translateY(-3px); box-shadow:0 4px 12px rgba(255,0,76,.5); }