/* Botones de los exámenes de admisión UNI: uno por proceso, cada uno con su color. Los usan la portada
   (debajo del mensaje principal) y la página /examenes (como selector de proceso). */
.xpills{display:flex;flex-wrap:wrap;gap:10px}
.xpill{
  --c1:#1d4ed8;--c2:#3b82f6;
  position:relative;display:inline-grid;grid-template-columns:auto auto;align-content:center;align-items:center;justify-content:start;column-gap:8px;
  min-height:54px;padding:9px 18px 10px;border-radius:14px;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,var(--c1),var(--c2));
  box-shadow:0 10px 28px -14px var(--c2),inset 0 1px 0 #ffffff33;
  transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s,filter .2s;
}
.xpill small{grid-column:1/-1;font-size:8.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffffe6;line-height:1.5}
.xpill b{font-size:19px;font-weight:700;letter-spacing:-.3px;line-height:1.15}
.xpill em{font-style:normal;font-size:7.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;
  background:#00000038;color:#fff;border:1px solid #ffffff4d;border-radius:20px;padding:3px 7px}
.xpill:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px var(--c2),inset 0 1px 0 #ffffff40;filter:saturate(1.1)}
.xpill:active{transform:scale(.97)}
.xpill:focus-visible{outline:2px solid var(--c2);outline-offset:3px}
.xpill[aria-current=page]{box-shadow:0 0 0 2px var(--bg,#060608),0 0 0 4px var(--c2),0 14px 30px -14px var(--c2)}
.xpill[data-tone=blue]{--c1:#1d4ed8;--c2:#3b82f6}
.xpill[data-tone=violet]{--c1:#6d28d9;--c2:#8b5cf6}
.xpill[data-tone=emerald]{--c1:#047857;--c2:#059669}
.xpill[data-tone=orange]{--c1:#c2410c;--c2:#ea580c}
.xpill[data-tone=rose]{--c1:#be123c;--c2:#e11d48}

/* Portada: los botones viven en el bloque del mensaje principal. */
.xhome{margin-top:26px}
/* El bloque del mensaje mide 640 px; los cinco botones caben en una fila si pueden asomar sobre la galaxia. */
@media(min-width:1100px){.xhome .xpills{flex-wrap:nowrap;width:max-content}}
.xhome__label{display:block;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:11px}
@media(max-width:600px){
  .xhome{margin-top:20px}
  .xpills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .xpill{min-height:48px;padding:8px 14px 9px;border-radius:12px}
  .xpill b{font-size:16px}
  .xpill small{font-size:7.5px}
  .xpill em{grid-column:1/-1;justify-self:start;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.xpill{transition:none}.xpill:hover{transform:none}}