/* Inicio de sesión con la identidad Patagonia (3/11/2026): paisaje, azul corporativo, blanco y verde.
   Archivo nuevo: login.css ya está publicado y no se edita; aquí solo se sobrescribe lo visual. */
.login-pagina.login-patagonia {
    gap: 18px; padding: 28px 16px; border-top: 0; color: #12304a;
    background: linear-gradient(180deg, #d4e8f6 0, #eaf4fb 55%, #f4f9f5 100%);
}
.login-patagonia .login-marco {
    display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); width: min(1040px, 100%);
    overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 14px 40px rgba(11, 60, 107, .16);
}
.login-patagonia .login-paisaje {
    position: relative; display: flex; align-items: flex-end; min-height: 520px; padding: 28px;
    background: #4f93d6 url("../img/patagonia/paisaje_portal_1000.5edbff21c308.webp") 70% center / cover no-repeat;
}
.login-patagonia .login-paisaje-texto {
    max-width: 380px; padding: 18px 22px; border-radius: 14px;
    background: rgba(255, 255, 255, .82); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.login-patagonia .login-paisaje-empresa { margin: 0; color: #14598f; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.login-patagonia .login-paisaje-lema { margin: 4px 0 6px; color: #0b3c6b; font-size: 24px; font-weight: 800; line-height: 1.2; }
.login-patagonia .login-paisaje-firma { margin: 0; color: #2b7a33; font-size: 15px; font-weight: 700; }
.login-pagina.login-patagonia .login-caja {
    display: flex; flex-direction: column; justify-content: center; max-width: none;
    padding: 36px 40px; border: 0; border-radius: 0; box-shadow: none;
}
.login-patagonia .login-marca p { color: #5b7186; }
.login-patagonia .login-contexto { color: #2b7a33; font-weight: 700; }
.login-patagonia .login-caja input { border-color: #c9dbe9; border-radius: 10px; }
.login-patagonia .login-caja input:focus { border-color: #14598f; outline-color: #14598f; }
.login-patagonia .login-caja .boton { background: #0b3c6b; border-color: #0b3c6b; border-radius: 10px; }
.login-patagonia .login-caja .boton:hover { background: #14598f; border-color: #14598f; }
.login-patagonia .login-recuperar a { color: #14598f; }
.login-patagonia .login-pie { display: grid; justify-items: center; gap: 6px; color: #5b7186; font-size: 13px; }
.login-patagonia .login-pie p { margin: 0; }
.login-patagonia .login-desarrollador { width: 150px; height: auto; }
@media (max-width: 1100px) {  /* celular y tablet: franja de paisaje arriba y formulario debajo */
    .login-patagonia .login-marco { grid-template-columns: minmax(0, 1fr); }
    /* Franja con el furgón completo: recorte propio (1200×514) mostrado en su proporción exacta, sin recortar */
    .login-patagonia .login-paisaje { min-height: 0; padding: 0; width: 100%; aspect-ratio: 1200 / 514; max-height: 300px; background-image: url("../img/patagonia/paisaje_acceso_movil.bf4c8437d9ae.webp"); background-position: center bottom; }
    .login-patagonia .login-paisaje-texto { display: none; }  /* en celular el paisaje es solo una franja; el logo identifica */
    .login-pagina.login-patagonia .login-caja { padding: 24px 20px; }
}
.login-patagonia .login-volver { align-self: flex-start; margin: 0 0 6px; color: #14598f; font-size: 14px; font-weight: 700; text-decoration: none; }
.login-patagonia .login-volver:hover, .login-patagonia .login-volver:focus-visible { text-decoration: underline; }