/* --- PANTALLA DE LOGIN (TAMAÑO PROPORCIONAL) --- */
#login-form .box-inner {
    text-align: center !important;
}

#logo {
    display: block !important;
    float: none !important;
    width: 140px !important;       /* Tamaño intermedio perfecto (ni gigante ni minúsculo) */
    height: auto !important;        /* Evita que se aplaste el contenedor */
    margin: 15px auto 25px auto !important; /* Añade una separación elegante con el formulario */
}

#logo img {
    display: block !important;
    float: none !important;
    width: 100% !important;        /* Se adapta al ancho del contenedor anterior */
    height: auto !important;       /* PROPORCIONAL: Evita que la imagen se deforme o aplaste */
}

/* --- BANDEJA DE ENTRADA (INTERIOR) --- */
#topnav #toplogo {
    width: 130px !important;  /* Limita el ancho dentro del correo */
    height: 35px !important;  /* Limita el alto para que quepa en la barra */
    max-width: 130px !important;
    max-height: 35px !important;
    object-fit: contain !important; /* Fuerza a la imagen a encogerse sin deformarse */
    top: 5px !important;
    position: relative !important;
}

/* --- CORRECCIÓN: FONDO BLANCO EN EL RECUADRO VISUAL DE LOGIN --- */
#login-form .box-inner {
    text-align: center !important; /* Mantiene tu regla anterior */
    background: #ffffff !important;
    background-image: none !important; /* Elimina el degradado gris nativo */
    border: 1px solid #cccccc !important; /* Delimita el recuadro sobre el fondo gris exterior */
    box-shadow: 0px 2px 10px rgba(0,0,0,0.1) !important; /* Sombra sutil opcional para dar volumen */
}

/* Evitamos que el contenedor padre invisible pinte nada fuera de lugar */
#login-form {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
}

/* --- TEXTO DE USUARIO Y CONTRASEÑA EN NEGRO Y EN NEGRITA --- */
#login-form table td.title,
#login-form label {
    color: #000000 !important;
    /*font-weight: bold !important; /* Hace la letra más gruesa (negrita) */
    text-shadow: none !important; /* Elimina sombras claras nativas para máxima legibilidad */

    /* NUEVA PROPIEDAD PARA AGRANDAR EL TEXTO */
    font-size: 14px !important;   /* Aumenta el tamaño de la letra (puedes probar con 15px si lo quieres aún mayor) */

}

/* --- HACER LAS CAJAS DE USUARIO Y CONTRASEÑA MÁS ANCHAS --- */
#login-form input[type="text"],
#login-form input[type="password"] {
    width: 240px !important;       /* Agranda el ancho de las cajas (por defecto es menor) */
    padding: 6px 8px !important;    /* OPCIONAL: Las hace un poco más altas por dentro para que se vea estilizado */
    font-size: 14px !important;     /* OPCIONAL: Aumenta el tamaño del texto que escribe el usuario */
    box-sizing: border-box !important; /* Evita que el padding extra rompa el diseño o las desplace */
}


/* --- BORDE ROJO EN EL BOTÓN DE INICIAR SESIÓN --- */
/*#login-form button.button.mainaction {
    border: 2px solid #ff0000 !important; /* Fuerza un borde rojo de 2 píxeles de grosor */
/*}

/* --- BOTÓN DE INICIAR SESIÓN CON BORDE ROJO, FONDO GRIS Y LETRA BLANCA --- */
#login-form button.button.mainaction {
    border: 2px solid #ff0000 !important;      /* Mantiene tu borde rojo de 2px */
    background: #cccccc !important;           /* Aplica el fondo gris claro exacto que pediste */
    background-image: none !important;        /* Elimina el degradado azul nativo de la skin */
    color: #000000 !important;                /* Pone las letras del botón en color blanco */
    text-shadow: none !important;             /* Quita sombras oscuras nativas para que la letra blanca se lea nítida */
    font-weight: bold !important;             /* OPCIONAL: Hace que la palabra "Iniciar sesión" resalte en negrita */

 /* NUEVAS PROPIEDADES PARA HACERLO MÁS GRANDE */
    padding: 10px 25px !important;            /* Añade espacio interno (arriba/abajo y lados) para agrandar la caja */
    font-size: 14px !important;               /* Agranda el tamaño de la letra del botón */
    height: auto !important;                  /* Evita que Roundcube limite la altura por defecto */

}




/* --- CAMBIAR EL FORMATO DEL NOMBRE DEL PRODUCTO EN EL PIE DE PÁGINA --- */
#bottomline {
    font-size: 16px !important;    /* Ajusta los píxeles a tu gusto (ej. 16px, 18px) */
    /*font-weight: bold !important;  /* Aplica la letra en negrita */
    /*font-style: italic !important; /* HACE LA LETRA CURSIVA */
    color: #000000 !important;     /* Color gris oscuro para que contraste bien con tu fondo claro */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;  /* Elimina cualquier sombra clara por defecto */
}