/* ================================================= */
/* SOLUCIÓN FINAL PARA EL ANCHO DEL FORMULARIO TML */
/* ================================================= */

/* 1. Limitar el ancho de la caja donde está el formulario de TML */
/* El ID #login es el contenedor directo del formulario */
.theme-my-login-page #login {
    width: 380px !important; 
    max-width: 380px !important;
    margin: 0 auto !important; /* Centrarlo */
    float: none !important; /* Anular cualquier estilo de float del tema */
}

/* 2. Forzar que los campos de entrada se ajusten a ese ancho de 380px */
.theme-my-login-page #login input[type="text"],
.theme-my-login-page #login input[type="email"],
.theme-my-login-page #login input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important; 
}

/* 3. Ajustar el botón (opcional) */
.theme-my-login-page #login .button-primary {
    width: 100% !important;
}

/* 4. (EXTRA) Si su tema tiene un contenedor de contenido muy ancho */
/* Si el ancho sigue sin funcionar, use esta regla para limitar el contenedor que envuelve a #login */
/* ESTO ES SOLO SI EL PASO 1 NO FUNCIONA */
.theme-my-login-page .entry-content,
.theme-my-login-page .elementor-container { 
    max-width: 420px !important; /* Limita el contenedor del tema a un ancho pequeño */
    margin: 0 auto !important;
    padding: 0 20px !important;
}
/* 1. Reemplazar Logo de WP por el de Agrotendencia C.A. en la barra superior */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    content: url(https://agrotendencia.tv/cableoperadores/wp-content/uploads/2025/10/LOGO32.png) !important; 
    background-image: none !important;
    background-size: 100% 100% !important;
    opacity: 1 !important;
    width: 18px !important; /* Ajusta este valor si tu logo es más grande */
    height: 18px !important; /* Ajusta este valor si tu logo es más grande */
    top: 1px !important;
}