/* Animación de rebote pequeña para la imagen */
        @keyframes bounce {
            0%, 100% {
                transform: translateY(0); /* Empieza en su posición original */
            }
            50% {
                transform: translateY(-20px); /* Sube 10px */
            }
            

            
        }
      

        /* Estilo para la imagen */
        .animated-img {
            animation: bounce 5s ease-in-out infinite; /* Repite el rebote cada segundo */
        }

        /* Estilos del body */
        .body-index {
            background-color: #006d09;
            background-image: url("../imagenes/fondo2.png");
            background-size: cover; /* Redimensionar la imagen para cubrir todo el contenedor */
            background-position: center; /* Centrar la imagen en el contenedor */ 
            display: flex;
            justify-content: center;   /* Centrado horizontal */
            align-items: center;       /* Centrado vertical */
            min-height: 100vh;         /* Ocupa toda la altura de la pantalla */
            margin: 0;
        }

        /* Estilos del formulario */
        .custom-form {
            background-color: #ffffff;
            padding: 2em;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0,0,0,1);
        }

        /* Botón de login */
        .ui.green.button {
            background-color: #21ba45 !important; /* Semantic green */
        }

        .ui.green.button:hover {
            background-color: #16ab39 !important;
        }

        .password-container {
            display: flex;
            align-items: center; /* Alinea verticalmente */
            gap: 10px; /* Espacio entre el input y el checkbox */
        }