/* Variables corporativas de Hidráulica Bauer */
:root {
    --hb-blue: #003366;
    --hb-red: #D92121;
    --hb-dark: #333333;
    --hb-gray: #f4f7f6;
}

body {
    background-color: var(--hb-gray);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
}

.login-container {
    height: 100vh; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}

.login-box {
    background: white; 
    padding: 40px; 
    border-radius: 8px; 
    border-top: 5px solid var(--hb-blue);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15); 
    text-align: center; 
    width: 320px;
}

.login-box h2 {
    color: var(--hb-blue);
    margin-bottom: 5px;
    font-weight: bold;
    letter-spacing: 1px;
}

.login-box p {
    color: #666;
    font-size: 0.9em;
    margin-bottom: 25px;
}

.hb-input {
    width: 100%; 
    padding: 12px; 
    margin: 10px 0; 
    border: 1px solid #ccc; 
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}

.hb-input:focus {
    border-color: var(--hb-blue);
    outline: none;
}

.hb-btn {
    width: 100%; 
    padding: 12px; 
    background: var(--hb-red); 
    color: white; 
    border: none; 
    border-radius: 4px; 
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 15px;
}

.hb-btn:hover {
    background: #b31b1b;
}

.hb-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}