/* Reset básico */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Arial', sans-serif; }
body { background-color:#000; color:#fff; }
.hidden { display:none; }
.show { display:block; animation:fadeIn 0.5s ease-in-out; }

/* Animaciones */
@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }
[data-animate] { opacity:0; transform: translateY(20px); transition: all 0.5s ease-out; }
[data-animate].visible { opacity:1; transform: translateY(0); }

/* Header */
header { display:flex; align-items:center; justify-content:space-between; padding:10px 20px; background: linear-gradient(90deg,#2596be,#ff69b4); }
.logo-img-header { height:50px; }
.custom-select { position:relative; cursor:pointer; }
.select-selected { background:#222; padding:5px 10px; border-radius:5px; }
.select-items div { background:#333; padding:5px 10px; cursor:pointer; }
.select-items div:hover { background:#2596be; }

/* Pantalla de entrada */
#entry-screen { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100vh; }
.logo-img { width:150px; margin-bottom:20px; }
button { padding:10px 20px; margin:5px; background:#2596be; border:none; border-radius:8px; color:#fff; cursor:pointer; transition:0.3s; }
button:hover { background:#ff69b4; }

/* Formularios */
form { display:flex; flex-direction:column; gap:10px; width:250px; text-align:center; }
input { padding:10px; border-radius:5px; border:none; }

/* Cuenta usuario */
#user-account { background:#111; padding:20px; border-radius:10px; margin:20px; }
#logout-btn { background:#ff69b4; }

/* Carrusel y eventos */
.carousel { display:flex; overflow-x:auto; gap:20px; padding:20px; }
.event { min-width:250px; background:#111; padding:10px; border-radius:10px; transition:transform 0.3s; }
.event:hover { transform:scale(1.05); }
.event-img { width:100%; border-radius:10px; }

/* Otros */
.search { padding:5px 10px; border-radius:5px; border:none; }
.account { cursor:pointer; }