/* Fuente (si CSP lo permite) */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");

/* --- Limpieza básica del website (NO tocar body aquí) --- */
html,
.web-page, .page-container, .page-content, .page-wrapper,
.container, .page-header, .navbar { background: transparent !important; }

body, .login-content, .page-card {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Paleta (teal/verde para todo) */
:root{
  --andes-white:#ffffff;
  --andes-text:#0f172a;
  --andes-muted:#64748b;

  /* Botón (ya los usas) */
  --andes-primary:#0ea5b7;   /* teal */
  --andes-primary-2:#16b8a6; /* teal verdoso */
}

/* --- Card / formulario --- */
.login-content.page-card{
  width:100%; max-width:520px; margin:0;
  padding:28px 28px 32px; border-radius:18px;
  background:var(--andes-white)!important; border:none!important;
  box-shadow:0 12px 50px rgba(2,6,23,.18);
  position:relative; z-index:2;
}
.login-content .page-card-head .indicator{ display:none; }
.login-content h4, .login-content .title, .login-content .page-card-head .headings{
  font-weight:700; font-size:26px; color:var(--andes-text);
}
.login-content input[type="text"],
.login-content input[type="email"],
.login-content input[type="password"],
.login-content .form-control{
  height:44px; border-radius:12px; border:1px solid #e5e7eb;
  padding:10px 12px; font-size:14px;
}
.login-content .btn.btn-primary, .login-content button[type="submit"]{
  height:44px; border-radius:12px; font-weight:600;
  background:linear-gradient(90deg,var(--andes-primary),var(--andes-primary-2))!important;
  border:none!important; color:#fff!important;
  box-shadow:0 8px 24px rgba(14,165,183,.35);
}
.login-content .btn.btn-primary:hover{ transform:translateY(-1px); }
.login-content a[href*="reset"]{ color:var(--andes-muted); text-decoration:none; }
.login-content a[href*="reset"]:hover{ text-decoration:underline; }
.brand-login, .page-logo, .login-header{ display:none!important; }

/* ===========================
   Fondo con IMAGEN SOLO en /login
   =========================== */
body.andes-login{
  position:relative;
  min-height:100vh;
  overflow-x:hidden;

  /* Imagen + tinta teal muy suave (ajusta o quita la tinta si quieres) */
  background: 
    linear-gradient(180deg, rgba(14,165,183,.22), rgba(22,184,166,.12)),
    url("/files/Back1.jpg") center center / cover no-repeat fixed !important;
}

/* Desactiva pseudo-olas (si no las quieres encima de la foto) */
body.andes-login::before,
body.andes-login::after{ content:none !important; }

/* Centrado vertical suave del card en /login */
body.andes-login .page-content,
body.andes-login .page-wrapper,
body.andes-login .web-page{
  display:grid; place-items:start center;
  padding-top:clamp(40px, 12vh, 120px);
}

/* (Opcional) Hero si usas el bloque que añades por JS */
.andes-hero{
  position:relative; z-index:1;
  margin-top:24px; margin-left:0;
  max-width:min(680px, 90vw);
  color:#eafff9;
  text-shadow:0 2px 18px rgba(0,0,0,.25);
}
.andes-hero .hero-title{
  font-size:clamp(28px, 5vw, 44px);
  line-height:1.05; margin:0 0 12px;
}
.andes-hero .hero-title span{ opacity:.9; }
.andes-hero .hero-tagline{
  margin:6px 0 8px; font-size:clamp(13px, 1.6vw, 16px);
  max-width:56ch; opacity:.9;
}
.andes-hero .dots span{
  display:inline-block; width:6px; height:6px; margin-right:6px;
  border-radius:999px; background:#bff7ee; opacity:.9;
}

/* Cajón blanco para registro */
/* Cajón blanco para registro */
.andes-signup-box{
  width:100%;
  max-width:520px;           /* igual que el card */
  margin:18px auto 0;        /* espacio arriba */
  padding:18px 24px;
  border-radius:18px;        /* mismo radio */
  background:#ffffff;
  box-shadow:0 12px 50px rgba(2,6,23,.18); /* igual sombra */
  text-align:center;
  line-height:1.45;
  font-size:15px;
}
.andes-signup-box a{
  font-weight:600;
  text-decoration:none;
  color:var(--andes-text, #0f172a);
}
.andes-signup-box a:hover{ text-decoration:underline; }

.andes-signup-box a{
  font-weight: 600;
  text-decoration: none;
  color: var(--andes-text, #0f172a);
}
.andes-signup-box a:hover{ text-decoration: underline; }

/* Oculta el aviso nativo debajo del card (según versión) */
.login-content .sign-up-message,
.login-content .signup-message { display:none !important; }

/* Cajones bajo el card */
.andes-signup-box,
.andes-signin-box{
  width:100%;
  max-width:520px;
  margin:18px auto 0;
  padding:18px 24px;
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 12px 50px rgba(2,6,23,.18);
  text-align:center;
  line-height:1.45;
  font-size:15px;
}
.andes-signup-box a,
.andes-signin-box a{
  font-weight:600;
  text-decoration:none;
  color:var(--andes-text, #0f172a);
}
.andes-signup-box a:hover,
.andes-signin-box a:hover{ text-decoration:underline; }

/* Oculta mensajes nativos debajo del card */
.login-content .sign-up-message,
.login-content .signup-message,
.login-content .sign-in-message,
.login-content .signin-message{ display:none !important; }

#andes-signup-box, #andes-signin-box { display:block !important; }