/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
/* Estilos generales del botón */
.btn-auth {
    display: inline-block;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: Arial, sans-serif; /* Ajusta a la fuente de tu tema */
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Estado: Iniciar Sesión (Rojo Garza Roja) */
.btn-login {
    background-color: #d32f2f; 
    color: #ffffff !important;
    border: 1px solid #d32f2f;
}

.btn-login:hover {
    background-color: #b71c1c;
    border-color: #b71c1c;
    color: #ffffff !important;
}

/* Estado: Cerrar Sesión (Gris Oscuro Neutro) */
.btn-logout {
    background-color: #333333;
    color: #ffffff !important;
    border: 1px solid #333333;
}

.btn-logout:hover {
    background-color: #111111;
    border-color: #111111;
    color: #ffffff !important;
}

/* Comportamiento Responsive (Móviles) */
@media screen and (max-width: 768px) {
    .btn-auth {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin: 10px 0;
        padding: 12px 20px;
    }
}