/* Reset */
* { margin:0; padding:0; box-sizing:border-box; font-family:Arial,sans-serif; }

/* BODY */
body { background: linear-gradient(120deg,#2980b9,#6dd5fa); min-height:100vh; }

/* Login / Registro */
.login-container {
    background:#fff;
    padding:40px 30px;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
    width:400px;
    margin:50px auto;
    text-align:center;
}

.login-container h2 {
    margin-bottom:25px;
    color:#333;
}

.login-form {
    display:flex;
    flex-direction:column;
}

.login-form label {
    text-align:left;
    margin-bottom:5px;
    color:#555;
}

.login-form input {
    padding:12px;
    margin-bottom:20px;
    border-radius:5px;
    border:1px solid #ccc;
    font-size:16px;
}

.login-form input:focus {
    border-color:#2980b9;
    outline:none;
}

.login-form button {
    padding:12px;
    background:#2980b9;
    color:#fff;
    border:none;
    border-radius:5px;
    cursor:pointer;
    font-weight:bold;
    font-size:16px;
    transition:0.3s;
}

.login-form button:hover {
    background:#1c5980;
}

.error {
    background:#e74c3c;
    color:#fff;
    padding:10px;
    margin-bottom:15px;
    border-radius:5px;
    font-size:14px;
}

.login-container p {
    margin-top:15px;
    color:#555;
    font-size:15px;
}

/* Navbar */
.navbar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#111;
    color:white;
    padding:15px;
    position:relative;
}

.navbar .logo { font-weight:bold; font-size:18px; }
.navbar .hamburger { display:none; font-size:28px; cursor:pointer; }
.navbar .menu { display:flex; gap:15px; align-items:center; }
.navbar .menu a { color:white; text-decoration:none; }
.navbar .menu a:hover { color:#00ffcc; }

/* Content Panel */
.content { padding:20px; color:#fff; text-align:center; }

/* MOBILE / RESPONSIVE */
@media (max-width:1068px) {

    /* Login / Registro más grandes */
    .login-container {

    }
     .login-container {
    width: 100%;
    max-width: 100%;
    min-height: 95vh;
    padding: 80px 60px; /* 2x padding desktop */
    border-radius: 0;
    justify-content: center;
  }
    }

    .login-form label {
        font-size: 58px;
    }

    .login-form input {
        padding: 28px;
        font-size: 28px;
    }

    .login-form button {
        padding: 28px;
        font-size:40px;
    }

    .login-container p {
        font-size: 26px;
    }

    /* Navbar hamburguesa en móvil */
    .navbar .hamburger { display:block; }
    .navbar .menu {
        display:none;
        flex-direction:column;
        background:#222;
        position:absolute;
        top:60px;
        right:0;
        width:220px;
        padding:15px;
        border-radius:0 0 5px 5px;
        z-index:100;
    }

    .navbar .menu.active { display:flex; }
}