* { margin:0; padding:0; box-sizing:border-box; text-decoration:none; font-family:sans-serif; }
body { background:white; color:#222; }

/* HEADER */
header {
    position: fixed; top:0; left:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:12px 20px;
    background: linear-gradient(135deg,#45c7ff,#ff6fd9); background-size:300% 300%; animation:agua 6s ease infinite; z-index:9999;
}
@keyframes agua {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.logo{height:45px}

/* HAMBURGER */
.hamburger{width:34px;height:26px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:100000;}
.hamburger span{height:4px;background:white;border-radius:5px;transition:.3s;}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(10px);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-10px);}

/* MENU */
nav{position:absolute;top:70px;width:100%;padding:18px;display:none;background:linear-gradient(135deg,#4ecbff,#ff7ad9);background-size:300% 300%;animation:agua 6s ease infinite;z-index:99999;opacity:0;transform:translateY(-20px);transition:.4s;}
nav.open{display:block;opacity:1;transform:translateY(0);}
nav ul{list-style:none;}
nav ul li{padding:12px 0;font-size:19px;color:white;}
nav ul li a{color:white;}
.submenu{margin-left:14px;}
.today-date{margin-bottom:10px;}

/* CARRUSEL */
.carousel{margin-top:80px;width:100%;position:relative;overflow:hidden;}
.carousel-container{display:flex;transition:.5s ease;}
.slide{width:100%;aspect-ratio:16/9;object-fit:cover;}
.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;background:rgba(0,0,0,.4);padding:6px 12px;color:white;border:none;cursor:pointer;}
.left{left:5px;} .right{right:5px;}

/* SECCIONES */
section{padding:30px 20px;}
section h2{margin-bottom:15px; font-size:24px;}

/* GRIDS */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}

/* TARJETAS */
.movie-card, .card, .cine-card{background:#f0f0f0;padding:10px;border-radius:12px;box-shadow:0 3px 6px rgba(0,0,0,.1);opacity:0;transform:translateY(20px);transition:.5s;}
.movie-card.visible,.card.visible,.cine-card.visible{opacity:1;transform:translateY(0);}
.movie-card img,.card img,.cine-card img{width:100%;border-radius:10px;}
.movie-card p,.card p,.cine-card p{text-align:center;margin-top:8px;font-weight:bold;}

/* BUSCADOR */
form{display:flex;justify-content:center;margin-top:20px;}
input[type=text]{width:70%;padding:10px;border-radius:8px;border:1px solid #aaa;}
button{padding:10px 14px;border:none;border-radius:8px;background:#4ecbff;color:white;cursor:pointer;}

/* FOOTER */
footer{text-align:center;padding:20px;background:white;margin-top:40px;}