:root{--color-primario:#005f73;--color-secundario:#0a9396;--color-acento:#04B431;--color-warning:#ffc107;--color-danger:#dc3545;--color-texto:#333;--color-fondo:#f4f4f4;--color-blanco:#fff;--font-base:1rem;--font-small:0.875rem;--font-large:1.5rem;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial,sans-serif;font-size:var(--font-base);background:url('fondo2.jpg') no-repeat center center;background-size:cover;background-attachment:fixed;color:var(--color-texto);line-height:1.6;min-height:100vh;padding-bottom:14rem;}header{background-color:#154954;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:1rem;text-align:left;position:fixed;width:100%;top:0;z-index:1000;}header h1{font-size:var(--font-large);color:var(--color-blanco);}main{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);margin-top:100px;}.login-container{background:var(--color-blanco);padding:2rem;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);width:90%;max-width:400px;}.login-container h2{text-align:center;margin-bottom:1rem;color:var(--color-primario);}form{display:flex;flex-direction:column;gap:1rem;}label{font-size:var(--font-small);color:var(--color-texto);}input[type="text"],input[type="email"],input[type="password"],input[type="date"],input[type="number"]{padding:0.45rem;font-size:var(--font-base);border:1px solid #ccc;border-radius:5px;}select{padding:0.45rem;font-size:var(--font-base);border:1px solid #ccc;border-radius:5px;}button{padding:0.75rem;font-size:var(--font-base);border:none;background-color:var(--color-primario);color:var(--color-blanco);border-radius:5px;cursor:pointer;transition:background-color 0.3s;}button:hover{background-color:var(--color-secundario);}.message{margin-top:1rem;text-align:center;font-size:0.7rem;text-align:center;}.error{text-align:center;color:var(--color-danger);font-size:0.8rem;}.ok{text-align:center;color:var(--color-acento);font-size:0.8rem;}.forgot-password{text-align:center;margin-top:1rem;font-size:var(--font-small);}.forgot-password a{text-decoration:none;color:var(--color-secundario);}.forgot-password a:hover{text-decoration:underline;}.auth-section{margin-top:1rem;display:none;text-align:center;}.auth-section img{max-width:200px;margin:0 auto;display:block;}@media (max-width:768px){.login-container{padding:1rem;margin-top:10px;}header h1{font-size:1.5rem;}}