/* Estilos comunes de las pantallas de la plataforma (inicio, pre-registro, administración, acceso).
   Identidad: guinda y dorado institucionales del SNTISSSTE sobre crema. */
:root{
  --guinda:#7C142B;--guinda-osc:#5C0E1F;--guinda-suave:#F6EDEF;
  --oro-c:#C49A67;--oro-m:#B17F49;--oro-o:#7E4F24;
  --crema:#FBF7F1;--papel:#fff;--tinta:#2b1a1e;--tinta-s:#6b5a5e;--borde:#E7D8D9;
  --ok:#1f7a4d;--ok-bg:#E4F3EA;--warn:#9a6a00;--warn-bg:#FFF1CC;--bad:#b3261e;--bad-bg:#FBE4E1;
  --foil:linear-gradient(100deg,#7E4F24,#C49A67 28%,#F3DDB6 44%,#C49A67 58%,#B17F49 78%,#E2C28F 92%,#7E4F24);
  --f-display:"Cormorant Garamond",Georgia,serif;--f-body:"Montserrat",system-ui,sans-serif;
}
body{font:400 15px/1.55 var(--f-body);color:var(--tinta);background:var(--crema)}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}
.btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:10px;border:1px solid var(--guinda);background:var(--guinda);color:#fff;font:600 .88rem var(--f-body);text-decoration:none;touch-action:manipulation;transition:transform .15s,background .2s}
.btn2:hover{background:var(--guinda-osc)}.btn2:active{transform:scale(.97)}
.btn2.ghost{background:transparent;color:var(--guinda)}.btn2.ghost:hover{background:var(--guinda-suave)}
.btn2.gold{background:var(--oro-c);border-color:var(--oro-m);color:#2b1a1e}.btn2.gold:hover{background:#d4ab78}
.btn2.sm{min-height:36px;padding:6px 12px;font-size:.8rem}
.btn2:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:3px solid var(--oro-m);outline-offset:2px}
.pill{display:inline-block;padding:3px 10px;border-radius:99px;font:600 .72rem var(--f-body);letter-spacing:.02em}
.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.gris{background:#eee;color:#555}
.card{background:var(--papel);border:1px solid var(--borde);border-radius:14px;padding:20px;box-shadow:0 2px 10px rgba(92,14,31,.05)}
.fld{display:grid;gap:6px;font-weight:600;font-size:.85rem;color:var(--tinta)}
.fld small{font-weight:400;color:var(--tinta-s)}
.fld input,.fld select{width:100%;min-height:46px;padding:10px 14px;border:1px solid #cdbcbe;border-radius:10px;background:#fff;font:400 16px var(--f-body);color:var(--tinta)}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--guinda);box-shadow:0 0 0 3px rgba(124,20,43,.15)}
.fld input[aria-invalid="true"]{border-color:var(--bad)}
.err{color:var(--bad);font-size:.8rem;min-height:1.1em}
.demo-banner{background:var(--guinda-osc);color:#f3ddb6;text-align:center;font:600 .74rem var(--f-body);letter-spacing:.08em;padding:8px 12px}
.demo-banner a{color:#fff;margin-left:8px}
.top{display:flex;align-items:center;gap:14px;padding:12px 0}
.top img{height:46px;width:auto;border-radius:6px}
.top b{font:600 1.05rem var(--f-display);color:var(--guinda);line-height:1.1}
.top small{display:block;color:var(--tinta-s);font-size:.74rem}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}