/* Natha Insights · Estilo INTERNO (formulario + admin).
   Paleta violeta/dorado de los documentos de trabajo, distinta de la del Mapa. */

:root{
  --violeta:#3B2A5A; --violeta-claro:#5B4B82; --dorado:#C9A85F;
  --marfil:#FBF8F4; --tinta:#241C33; --gris:#7A7286; --linea:#E6DFD2;
  --ok:#3C7A5A; --warn:#9A6B1E; --err:#9A3B3B;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--marfil); color:var(--tinta);
  font-family:Georgia,"Times New Roman",serif; line-height:1.6;
}
.wrap{max-width:760px; margin:0 auto; padding:32px 22px 64px}
.wrap.ancho{max-width:1040px}
header.app{border-bottom:2px solid var(--dorado); padding-bottom:14px; margin-bottom:28px}
header.app .logo{font-variant:small-caps; letter-spacing:.26em; color:var(--violeta); font-size:20px}
header.app .sub{color:var(--gris); font-size:13px; letter-spacing:.04em}
header.app a{color:var(--violeta-claro); text-decoration:none; font-size:13px; margin-left:14px}
h1{font-size:26px; color:var(--violeta); margin:0 0 6px}
.lede{color:var(--gris); margin:0 0 26px}
label{display:block; font-size:13px; color:var(--violeta-claro); margin:16px 0 5px; letter-spacing:.03em}
.opt{color:var(--gris); font-weight:normal; font-style:italic}
input,textarea{
  width:100%; padding:11px 13px; border:1px solid var(--linea); border-radius:7px;
  background:#fff; font:inherit; font-size:15px; color:var(--tinta);
}
textarea{min-height:84px; resize:vertical}
.row{display:flex; gap:14px} .row>div{flex:1}
.fieldset{border:1px solid var(--linea); border-radius:10px; padding:8px 18px 18px; margin:22px 0; background:#fffdf9}
.fieldset legend{padding:0 8px; color:var(--dorado); font-variant:small-caps; letter-spacing:.18em; font-size:13px}
.btn{
  display:inline-block; margin-top:22px; padding:12px 26px; border:0; border-radius:8px;
  background:var(--violeta); color:#fff; font:inherit; font-size:15px; cursor:pointer; text-decoration:none;
}
.btn:hover{background:var(--violeta-claro)}
.btn.sec{background:transparent; color:var(--violeta); border:1px solid var(--violeta)}
.btn.gold{background:var(--dorado); color:#2a2010}
.btn.sm{padding:6px 13px; font-size:13px; margin:0}
.nota{font-size:12.5px; color:var(--gris); font-style:italic; margin-top:8px}

/* ── Landing ──────────────────────────────────────────────────────── */
header.landing{text-align:center; padding:40px 0 10px}
.landing-logo{max-width:300px; margin:0 auto 0; margin-bottom: 15px;}
.landing-title{
  font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;
  font-size:36px; color:var(--violeta); letter-spacing:.12em;
  margin:0 0 4px; font-weight:normal;
}
.landing-frase{
  font-style:italic; color:var(--dorado); font-size:16px;
  margin:0 0 28px; letter-spacing:.03em;
}
.intro{
  text-align:center; max-width:600px; margin:0 auto 32px;
  color:var(--gris); font-size:15px; line-height:1.7;
}
.intro p{margin:0 0 12px}
form h2{
  font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;
  font-size:22px; color:var(--violeta); font-weight:normal;
  text-align:center; margin:0 0 20px;
}
form .btn{display:block; width:100%; text-align:center; margin-top:28px}

/* ── Responsive ───────────────────────────────────────────────────── */
@media(max-width:600px){
  .wrap{padding:20px 16px 48px}
  .row{flex-direction:column; gap:0}
  .landing-logo{max-width:140px}
  .landing-title{font-size:28px}
  h1{font-size:22px}
  table{font-size:12px}
  th,td{padding:7px 6px}
  .btn.sm{padding:5px 10px; font-size:12px}
}

table{width:100%; border-collapse:collapse; margin-top:10px; font-size:14px}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--linea)}
th{color:var(--violeta-claro); font-variant:small-caps; letter-spacing:.08em; font-size:12.5px}
td.acc{white-space:nowrap}
.badge{font-size:11px; padding:2px 9px; border-radius:20px; letter-spacing:.04em; font-variant:small-caps}
.b-nuevo{background:#ECE7F5;color:var(--violeta)}
.b-procesando{background:#FBF1DD;color:var(--warn)}
.b-generado{background:#E7F0EC;color:var(--ok)}
.b-aprobado{background:#E1EFE8;color:var(--ok)}
.b-pdf_listo{background:#DCEBE2;color:var(--ok)}
.b-entregado{background:#D7E7DD;color:var(--ok)}
.b-error{background:#F6E1E1;color:var(--err)}
.metric{color:var(--gris); font-size:12.5px}
.flash{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}
.flash.ok{background:#E7F0EC;color:var(--ok)}
.flash.err{background:#F6E1E1;color:var(--err)}
.derivacion{background:#F6E1E1;color:var(--err);font-size:11px;padding:2px 8px;border-radius:20px}