/* ============================================================
   PINTURERÍAS HELPDESK - ACCESO DE USUARIOS
   Archivo: assets/default/css/login_pinturerias.css
   Revisión documental: v1.4

   ACTIVACIÓN
   ------------------------------------------------------------
   Requiere:
       <body class="pinturerias-portal pinturerias-login">

   La clase se agrega desde include/client/header.inc.php.

   IMAGEN
   ------------------------------------------------------------
   ../images/login_background.jpg
   resuelve a:
   assets/default/images/login_background.jpg

   CLASES
   ------------------------------------------------------------
   .login-corporativo       tarjeta exterior
   #clientLogin             formulario
   .login-box               columna de credenciales
   .btn-login-corporativo   botón principal

   SUGERENCIA
   ------------------------------------------------------------
   Si la imagen no aparece, comprobar directamente que exista
   assets/default/images/login_background.jpg y hacer Ctrl+F5.
   ============================================================ */

/* FONDO DE PANTALLA DEL LOGIN */
body.pinturerias-login {
    background-color: #e9f4f8 !important;
    background-image:
        linear-gradient(rgba(5,36,58,.26), rgba(5,36,58,.26)),
        url('../images/login_background.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}
/* CONTENEDOR GENERAL */
body.pinturerias-login #container {
    max-width: 920px;
    background: rgba(255,255,255,.94);
}
/* TARJETA EXTERIOR */
body.pinturerias-login .login-corporativo {
    max-width: 780px;
    margin: 10px auto 30px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.76);
    border-radius: 20px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 16px 38px rgba(18,47,64,.17);
    backdrop-filter: blur(8px);
}
/* FORMULARIO INTERIOR */
body.pinturerias-login #clientLogin {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid #d9e4ea;
    border-radius: 18px;
    background: rgba(248,251,252,.94);
    box-shadow: none;
}
/* COLUMNA DE CREDENCIALES */
body.pinturerias-login .login-box {
    box-shadow: 12px 0 18px -18px rgba(0,0,0,.35);
}
/* CAMPOS USUARIO Y CONTRASEÑA */
body.pinturerias-login #clientLogin input[type="text"],
body.pinturerias-login #clientLogin input[type="password"] {
    width: 100%;
    max-width: 310px;
    box-sizing: border-box;
    padding: 10px 12px !important;
    border-radius: 11px !important;
}
/* ============================================================
   BOTÓN INICIAR SESIÓN - CORRECCIÓN v1.4
   ============================================================

   PROBLEMA CORREGIDO
   ------------------------------------------------------------
   El botón se renderizaba con fondo muy claro/blanco y el texto
   "Iniciar sesión" prácticamente no era visible.

   CAUSA
   ------------------------------------------------------------
   Los estilos base de osTicket podían sobrescribir el fondo del
   botón, mientras la regla corporativa sólo definía su ancho.

   SOLUCIÓN
   ------------------------------------------------------------
   Se aumenta la especificidad del selector y se fuerza:
   - fondo corporativo azul/turquesa;
   - texto blanco;
   - borde y sombra;
   - estado hover;
   - tamaño y alineación consistentes.

   ARCHIVO PHP RELACIONADO
   ------------------------------------------------------------
   include/client/login.inc.php

   CLASE DEL BOTÓN
   ------------------------------------------------------------
   .btn-login-corporativo

   NOTA
   ------------------------------------------------------------
   Se mantiene !important en propiedades sensibles porque osTicket
   puede cargar reglas con igual o mayor prioridad.
   ============================================================ */

body.pinturerias-login #clientLogin .btn-login-corporativo,
body.pinturerias-login #clientLogin input[type="submit"].btn-login-corporativo {
    min-width: 150px;
    min-height: 38px;
    box-sizing: border-box;

    padding: 9px 20px !important;

    background: linear-gradient(
        135deg,
        #0877b9,
        #13a59b
    ) !important;

    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;

    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;

    text-shadow: none !important;
    cursor: pointer;

    box-shadow: 0 6px 14px rgba(8, 119, 185, .25);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease,
        background .18s ease;
}

/* Estado hover: conserva contraste y mejora la respuesta visual */
body.pinturerias-login #clientLogin .btn-login-corporativo:hover,
body.pinturerias-login #clientLogin input[type="submit"].btn-login-corporativo:hover {
    color: #ffffff !important;

    background: linear-gradient(
        135deg,
        #0a6598,
        #108f88
    ) !important;

    transform: translateY(-2px);
    box-shadow: 0 9px 19px rgba(8, 119, 185, .32);
    filter: brightness(1.04);
}

/* Estado focus: facilita navegación por teclado */
body.pinturerias-login #clientLogin .btn-login-corporativo:focus,
body.pinturerias-login #clientLogin input[type="submit"].btn-login-corporativo:focus {
    outline: none;
    box-shadow:
        0 0 0 3px rgba(8,119,185,.18),
        0 6px 14px rgba(8,119,185,.25);
}
/* DISEÑO MÓVIL */
@media (max-width: 700px) {
    body.pinturerias-login .login-box,
    body.pinturerias-login #clientLogin > div > div {
        display: block;
        width: auto;
        box-shadow: none;
    }
}