/* Mantis Estudio V8.9 — UX detail polish
   Scope: assessment landing position + premium migration capability chips.
   Keeps the rest of V8.8 intact. */

/* Migration capabilities: tactile, executive pills using the established Mantis palette. */
.story-slide[aria-label*="Migraciones"] .story-tags{
  gap:10px;
  align-items:center;
}
.story-slide[aria-label*="Migraciones"] .story-tags span{
  position:relative;
  isolation:isolate;
  padding:8px 13px;
  border:1px solid rgba(35,119,166,.24);
  border-radius:999px;
  color:#174967;
  font-weight:850;
  letter-spacing:.005em;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(226,247,254,.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -2px 0 rgba(38,153,204,.10),
    0 6px 12px rgba(31,116,161,.12),
    0 1px 2px rgba(16,78,112,.10);
  text-shadow:0 1px 0 rgba(255,255,255,.85);
  transform:translateY(0);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease;
}
.story-slide[aria-label*="Migraciones"] .story-tags span:nth-child(1){
  background:linear-gradient(145deg,#eaf8ff 0%,#dff1ff 52%,#e7ecff 100%);
  border-color:rgba(72,124,211,.28);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(76,123,210,.12),0 7px 14px rgba(65,117,194,.15),0 1px 2px rgba(16,78,112,.10);
}
.story-slide[aria-label*="Migraciones"] .story-tags span:nth-child(2){
  background:linear-gradient(145deg,#e5fbff 0%,#d4f4fd 100%);
  border-color:rgba(28,170,218,.30);
}
.story-slide[aria-label*="Migraciones"] .story-tags span:nth-child(3){
  background:linear-gradient(145deg,#edf5ff 0%,#dfeaff 100%);
  border-color:rgba(63,123,217,.28);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(63,123,217,.10),0 7px 14px rgba(63,123,217,.13),0 1px 2px rgba(16,78,112,.10);
}
.story-slide[aria-label*="Migraciones"] .story-tags span:nth-child(4){
  background:linear-gradient(145deg,#e7fcf8 0%,#d6f5f0 100%);
  border-color:rgba(31,175,168,.30);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(31,175,168,.10),0 7px 14px rgba(31,175,168,.13),0 1px 2px rgba(16,78,112,.10);
}
.story-slide[aria-label*="Migraciones"] .story-tags span:nth-child(5){
  background:linear-gradient(145deg,#f0f1ff 0%,#e3e6ff 100%);
  border-color:rgba(91,111,208,.28);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(91,111,208,.10),0 7px 14px rgba(91,111,208,.13),0 1px 2px rgba(16,78,112,.10);
}
.story-slide[aria-label*="Migraciones"] .story-tags span:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -2px 0 rgba(38,153,204,.11),
    0 10px 18px rgba(31,116,161,.16),
    0 2px 3px rgba(16,78,112,.10);
}

@media(max-width:680px){
  .story-slide[aria-label*="Migraciones"] .story-tags{gap:8px}
  .story-slide[aria-label*="Migraciones"] .story-tags span{padding:8px 11px;font-size:9px}
}

@media(prefers-reduced-motion:reduce){
  .story-slide[aria-label*="Migraciones"] .story-tags span{transition:none}
}