/* Estilos generales del cuerpo */
body {
    font-family: 'Inter', sans-serif;
}

/* Fondo con gradiente animado estilo Chicha */
.chicha-background {
    background: linear-gradient(45deg, #fef08a, #f97316, #ec4899, #0ea5e9);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

/* Animación del gradiente */
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Estilo de botones con efecto 3D */
.chicha-btn {
    background-color: #fde047; /* Amarillo */
    color: #1e293b; /* Azul oscuro/casi negro */
    border: 3px solid #1e293b;
    font-weight: 700;
    box-shadow: 5px 5px 0px #1e293b;
    transition: all 0.2s ease-in-out;
}

.chicha-btn:hover {
    background-color: #a3e635; /* Verde lima */
    box-shadow: 0px 0px 0px #1e293b;
    transform: translate(5px, 5px);
}

/* Estilo para los títulos principales */
.chicha-title {
    color: #1e293b;
    text-shadow: 3px 3px 0px #fde047;
}

/* Sombra especial para la foto de perfil */
.profile-pic-shadow {
    box-shadow: 8px 8px 0px #ec4899;
}