/* ============================================================
   Leggado app — Premium overlay
   v1.0 · 15 mayo 2026 · Alinea visualmente app con leggado.digital
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Sora:wght@300;400;500;600;700&display=swap');

:root {
  --leggado-primary: #177F84;
  --leggado-primary-hover: #0F5F63;
  --leggado-primary-soft: #E4F2F2;
  --leggado-gold: #D4AF37;
  --leggado-gold-soft: #F5E6B8;
  --leggado-gold-bg: #FAF3DC;
  --leggado-navy: #0B1434;
  --leggado-paper: #FAF9F5;
  --leggado-paper-warm: #F2EDE3;
  --leggado-text: #10204D;
  --leggado-text-muted: #64738A;
  --leggado-border: #E3E0D6;
  --shadow-paper: 0 1px 2px rgba(11,20,52,.04), 0 4px 16px rgba(11,20,52,.06);
}

/* Fondo papel + tipografía Sora */
html, body {
  background-color: var(--leggado-paper) !important;
  font-family: 'Sora', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: var(--leggado-text);
}

/* Fraunces para headings */
h1, h2, h3, h4, h5, h6,
.font-heading,
.font-display,
[class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"] {
  font-family: 'Fraunces', Georgia, 'Times New Roman', serif !important;
  letter-spacing: -0.015em;
  font-weight: 500;
}

/* H1 hero size */
h1 { font-weight: 500; line-height: 1.1; }

/* Botones primarios: pill + sombra champagne */
button[type="submit"],
.btn-primary,
button.bg-primary,
button[class*="bg-cyan"],
button[class*="bg-teal"],
[class*="bg-[#177F84]"],
[class*="bg-[#177f84]"] {
  border-radius: 999px !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 12px rgba(23,127,132,.20);
}

button[type="submit"]:hover,
.btn-primary:hover {
  box-shadow: 0 6px 20px rgba(23,127,132,.30);
  transform: translateY(-1px);
}

/* Inputs y forms: estética papel */
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
select {
  font-family: 'Sora', sans-serif !important;
  border-radius: 10px !important;
  border-color: var(--leggado-border) !important;
  background-color: #FFFFFF;
  transition: border-color 0.2s, box-shadow 0.2s;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--leggado-primary) !important;
  box-shadow: 0 0 0 3px rgba(23,127,132,.12) !important;
  outline: none !important;
}

/* Labels más sutiles */
label {
  font-family: 'Sora', sans-serif !important;
  color: var(--leggado-text-muted);
  font-weight: 500;
  font-size: 0.92rem;
}

/* Cards y contenedores principales: fondo blanco con sombra papel */
[class*="rounded-lg"][class*="bg-white"],
[class*="rounded-xl"][class*="bg-white"],
[class*="rounded-2xl"][class*="bg-white"],
.card,
.bg-white.shadow {
  box-shadow: var(--shadow-paper) !important;
  border: 1px solid var(--leggado-border) !important;
}

/* Links: usar primary */
a {
  color: var(--leggado-primary);
  text-decoration: none;
}
a:hover {
  color: var(--leggado-primary-hover);
}

/* Acento champagne en elementos premium / badges */
[class*="badge"][class*="premium"],
[class*="badge"][class*="recommend"],
[class*="badge"][class*="popular"],
[class*="featured"] {
  background-color: var(--leggado-gold-bg) !important;
  color: #8B6F18 !important;
  border-color: var(--leggado-gold-soft) !important;
}

/* Sidebar / nav: tipografía limpia */
nav, .navbar, [class*="sidebar"], header {
  font-family: 'Sora', sans-serif !important;
}

/* Eliminar 4xl muy agresivo en login si lo hay */
.text-4xl, .text-5xl {
  line-height: 1.1 !important;
}

/* Pequeñas microcorrecciones de visualización en formularios autenticación */
[class*="login"] form,
[class*="signup"] form,
[class*="auth"] form {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 36px 32px;
  box-shadow: var(--shadow-paper);
  border: 1px solid var(--leggado-border-light, #EFEBE0);
  max-width: 480px;
  margin: 0 auto;
}

/* Footer / textos pequeños */
.text-xs, .text-sm {
  font-family: 'Sora', sans-serif !important;
}

/* ============================================================
   Microcopy del legal: enlace a las páginas legales nuevas
   ============================================================ */
[href="/terms"], [href="/legal/terms"], [href*="terms"] { color: var(--leggado-primary); }
[href="/privacy"], [href*="privacy"] { color: var(--leggado-primary); }