/* login.css - estética filete porteño para login.php (solo visual) */
:root{ --marfil:#FFFDF8; --crema:#F6EEDD; --bordo:#551B20; --bordo-2:#6E2429; --dorado:#B38A3E; --cafe:#A9774A; }
html,body{ background:var(--marfil) !important; }
body.login-body{
  font-family:'Inter',sans-serif; position:relative; isolation:isolate;
  background-color:var(--marfil) !important;
  background-image:
    radial-gradient(900px 500px at 15% 0%, rgba(246,238,221,.95), transparent 60%),
    radial-gradient(900px 500px at 100% 100%, rgba(239,228,205,.95), transparent 60%) !important;
}
/* esquinas grandes en los cuatro vértices de la pantalla */
body.login-body::before,body.login-body::after{ content:""; position:fixed; left:0; right:0; z-index:-1; pointer-events:none; background-repeat:no-repeat; }
body.login-body::before{
  top:0; height:clamp(130px,19vw,280px);
  background-image:url("ornamentos/fil-cafe-tl.svg"),url("ornamentos/fil-cafe-tr.svg");
  background-position:left top, right top;
  background-size:clamp(130px,19vw,280px) auto, clamp(90px,12vw,180px) auto;
}
body.login-body::after{
  bottom:0; height:clamp(110px,15vw,220px);
  background-image:url("ornamentos/fil-cafe-bl.svg"),url("ornamentos/fil-cafe-br.svg");
  background-position:left bottom, right bottom;
  background-size:clamp(90px,12vw,180px) auto, clamp(130px,17vw,250px) auto;
}
.login-blob{ display:none; }
.font-playfair{ font-family:'Playfair Display',serif; }

/* logo */
.login-logo{
  background:#fff !important; border:1.5px solid var(--dorado) !important; border-radius:2rem !important;
  box-shadow:0 10px 28px rgba(85,27,32,.15), 0 0 0 4px var(--marfil), 0 0 0 5px rgba(179,138,62,.55) !important;
  backdrop-filter:none !important;
}

/* tarjeta */
.login-card{
  position:relative; background:#fff !important; border:1.5px solid var(--dorado) !important; border-radius:28px !important;
  box-shadow:0 22px 50px rgba(85,27,32,.18), 0 0 0 4px var(--marfil), 0 0 0 5px rgba(179,138,62,.55) !important;
  overflow:visible !important;
}
.login-card::before{ content:""; position:absolute; inset:6px; border:1px solid rgba(179,138,62,.55); border-radius:22px; pointer-events:none; }
.login-card::after{
  content:""; position:absolute; inset:-14px; pointer-events:none; z-index:2;
  background:
    url("ornamentos/fil-cafe-tl.svg") left top / 96px 96px no-repeat,
    url("ornamentos/fil-cafe-tr.svg") right top / 96px 96px no-repeat,
    url("ornamentos/fil-cafe-bl.svg") left bottom / 96px 96px no-repeat,
    url("ornamentos/fil-cafe-br.svg") right bottom / 96px 96px no-repeat;
}
.login-card h2{ color:var(--bordo) !important; filter:drop-shadow(1.5px 1.5px 0 rgba(169,119,74,.55)); }
.login-card .login-sub{ color:var(--cafe) !important; }
.login-card label{ color:var(--bordo-2) !important; }
.login-card input{
  background:#FBF7EF !important; border:1px solid rgba(179,138,62,.55) !important; color:#3B2A2A !important;
}
.login-card input::placeholder{ color:#B9A98F !important; }
.login-card input:focus{ border-color:var(--bordo) !important; box-shadow:0 0 0 3px rgba(85,27,32,.12) !important; }
.login-card button[type="submit"]{
  background:linear-gradient(135deg,#6E2429 0%,#551B20 60%,#43151A 100%) !important; color:#FFF8EA !important;
  border:1px solid var(--dorado) !important;
  box-shadow:0 8px 20px rgba(85,27,32,.28), inset 0 0 0 2px rgba(235,213,150,.35) !important;
}
.login-card button[type="submit"]:hover{ filter:brightness(1.12); }
.login-footer{ background:var(--crema) !important; border-top:1px solid rgba(179,138,62,.5) !important; border-radius:0 0 26px 26px; }
.login-footer a{ color:var(--bordo-2) !important; }
.login-copy{ color:var(--bordo-2) !important; opacity:.8; }
.login-remate{ display:block; margin:0 auto; width:190px; opacity:.95; }
@media (max-width:640px){
  .login-card::after{ background-size:70px 70px,70px 70px,70px 70px,70px 70px; inset:-10px; }
}