/* ── BITÁCORA ──
   [v2026.10.25-1] nav-ayuda.css
   2026-10-25 | NUEVO. Los ejemplos de la ayuda de la barra de arriba (nav-ayuda-ejemplos.js [v2026.10.25-1]): la barra,
     la ventana de «Dile a Heavensy», la campanita, la búsqueda y el menú de tu nombre, en chico (.nay-*), con los
     colores de verdad. Lo común del panel está en hvy-ayuda.css. El «?» de la barra está en navbar.css.
     · .nay-foco: el foco de «Muéstrame dónde» y del recorrido va sobre la barra (z 1000), la ventana de la voz (9000) y
       su guía (9010): hvy-ayuda.js le pone esta clase (focoClase).
     · .sa-marca--frase: lo que se dice en voz alta («dale», «listo») en los atajos.
───────────────────────────────────────────────────────── */
/* El foco, sobre la barra y la ventana de la voz */
.nay-foco.sa-foco-capa  { z-index: 9040; }
.nay-foco.sa-foco-aro   { z-index: 9041; }
.nay-foco.sa-foco-globo { z-index: 9042; }

/* Lo que se dice, en los atajos */
.sa-marca--frase { background: #f5f3ff; color: #7c3aed; border: 1px solid #ddd6fe; font-family: 'DM Sans', sans-serif; }
.sa-atajo-nombre--frase { color: #6d28d9; }

/* ── Piezas comunes ── */
.nay-flex { flex: 1; }
.nay-mentira { cursor: default; }
.nay-cand { color: #f59e0b; font-size: 9px; margin-left: 5px; }
.nay-pulso { box-shadow: 0 0 0 3px rgba(153,97,255,.4) !important; border-radius: 8px; }
.nay-ph { color: #9ca3af; }
.nay-luz { width: 7px; height: 7px; border-radius: 50%; display: inline-block; flex-shrink: 0; }
.nay-btn-ok, .nay-btn-no { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 700; padding: 5px 10px;
  border-radius: 8px; white-space: nowrap; }
.nay-btn-ok { background: #9961FF; color: #fff; }
.nay-btn-no { background: #f3f4f6; color: #4b5563; }
.nay-link-ej { color: #7c3aed; font-weight: 600; font-size: 10.5px; }
.nay-chips { display: flex; flex-wrap: wrap; gap: 5px; padding: 7px 10px 0; }
.nay-chips span { font-size: 10px; font-weight: 600; background: #f8f7fc; border: 1px solid #ece9f8; border-radius: 12px; padding: 3px 8px; color: #4b5563; }
.nay-chips--rubro { padding: 8px 0 4px; }
.nay-chips--rubro span:first-child { background: #9961FF; color: #fff; border-color: #9961FF; }
.nay-hora { display: inline-block; font-size: 10.5px; font-weight: 700; border: 1px solid #ddd6fe; color: #7c3aed; border-radius: 7px; padding: 2px 7px; margin: 3px 4px 0 0; }
.nay-hora.on { background: #9961FF; color: #fff; border-color: #9961FF; }
.nay-ondas { display: inline-flex; align-items: center; gap: 2px; height: 12px; }
.nay-ondas i { width: 2.5px; height: 100%; background: currentColor; border-radius: 2px; animation: nay-onda .9s ease-in-out infinite; }
.nay-ondas i:nth-child(2) { animation-delay: .15s; } .nay-ondas i:nth-child(3) { animation-delay: .3s; } .nay-ondas i:nth-child(4) { animation-delay: .45s; }
@keyframes nay-onda { 0%, 100% { transform: scaleY(.3); } 50% { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { .nay-ondas i, .nay-rec { animation: none; } }

/* ── La barra, en chico ── */
.nay-barra { display: flex; align-items: center; gap: 3px; background: rgba(70,90,180,.96); border-radius: 10px; padding: 7px 5px;
  color: #fff; font-family: 'Poppins', sans-serif; font-size: 9.5px; overflow: hidden; }
.nay-parte { display: inline-flex; align-items: center; gap: 3px; color: rgba(255,255,255,.88); background: none; border: 0;
  font: inherit; padding: 3px 3px; border-radius: 7px; white-space: nowrap; flex-shrink: 0; }
button.nay-parte { cursor: pointer; }
button.nay-parte:hover { background: rgba(255,255,255,.16); color: #fff; }
.nay-logo { width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle, #c9d6ff, #5b78d6); border: 1.5px solid rgba(255,255,255,.5); }
.nay-marca b { font-weight: 600; font-size: 10.5px; }
.nay-link { color: rgba(255,255,255,.75); }
.nay-voz { border: 1px solid rgba(255,255,255,.3); border-radius: 14px; padding: 3px 7px; background: rgba(255,255,255,.08); }
.nay-voz kbd { font: 600 8.5px 'DM Sans', sans-serif; background: rgba(255,255,255,.18); border-radius: 4px; padding: 1px 4px; }
.nay-bell { position: relative; color: #fde68a; }
.nay-pip { position: absolute; top: -5px; right: -6px; background: #9961FF; color: #fff; font-size: 7.5px; font-weight: 700; border-radius: 7px;
  padding: 0 3px; line-height: 11px; }
.nay-pip--r { background: #B3261E; }
.nay-ay { width: 16px; height: 16px; border-radius: 50% !important; border: 1.3px solid rgba(255,255,255,.55) !important; justify-content: center;
  font-weight: 700; font-size: 9px; padding: 0 !important; }
.nay-av { width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(135deg, #9961FF, #5b8dee); display: grid; place-items: center;
  font-size: 7.5px; font-weight: 700; color: #fff; }
.nay-barra--movil { gap: 8px; }

/* El menú ☰: la app en chico */
.nay-app { border: 1px solid #e4e9f5; border-radius: 10px; overflow: hidden; }
.nay-app .nay-barra { border-radius: 0; }
.nay-app-cuerpo { display: flex; height: 120px; background: #f8f9fd; }
.nay-lat { width: 120px; background: #fff; border-right: 1px solid #e4e9f5; padding: 6px; font-size: 10.5px; color: #4b5563;
  transition: width .35s, padding .35s; overflow: hidden; white-space: nowrap; }
.nay-lat div { display: flex; align-items: center; gap: 7px; padding: 4px 5px; border-radius: 6px; }
.nay-lat div:nth-child(3) { background: #f5f3ff; color: #7c3aed; font-weight: 600; }
.nay-lat i { width: 12px; color: #9961FF; }
.nay-lat.nay-oculta { width: 0; padding: 6px 0; border-right: 0; }
.nay-app-zona { flex: 1; display: grid; place-items: center; font-size: 10.5px; color: #9ca3af; }

/* ── La ventana de «Dile a Heavensy» ── */
.nay-vz { background: #fff; border: 1px solid #ece9f8; border-radius: 14px; box-shadow: 0 10px 28px rgba(30,42,94,.12); overflow: hidden; }
.nay-vz-cab { display: flex; align-items: center; gap: 8px; padding: 8px 9px 8px 12px; border-bottom: 1px solid #f0edf8; }
.nay-vz-cab > i { color: #9961FF; font-size: 12px; }
.nay-vz-in { flex: 1; font-size: 11.5px; color: #1f2937; min-height: 16px; }
.nay-vz-mic { width: 28px; height: 28px; border-radius: 50%; background: #f5f0ff; color: #9961FF; display: grid; place-items: center; font-size: 11px;
  position: relative; flex-shrink: 0; }
.nay-vz-mic.nay-oye { background: #9961FF; color: #fff; }
.nay-vz-mic.nay-oye::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid rgba(153,97,255,.45); animation: nay-pulso 1.3s infinite; }
@keyframes nay-pulso { 0% { transform: scale(.9); opacity: 1; } 100% { transform: scale(1.3); opacity: 0; } }
.nay-vz-ses { display: flex; align-items: center; gap: 7px; padding: 6px 12px; background: #faf8ff; border-bottom: 1px solid #f0edf8; font-size: 10.5px; color: #7c3aed; }
.nay-rec { width: 7px; height: 7px; border-radius: 50%; background: #e11d48; animation: nay-rec 1.2s infinite; }
@keyframes nay-rec { 50% { opacity: .35; } }
.nay-mini-btn { font-size: 10px; font-weight: 700; background: #fff; border: 1px solid #ddd6fe; border-radius: 7px; padding: 2px 7px; color: #6d28d9; }
.nay-vz-cuerpo { padding: 4px 12px; max-height: 260px; overflow: auto; }
.nay-vz-cuerpo:empty { display: none; }
.nay-vz-pie { display: flex; flex-wrap: wrap; gap: 5px; padding: 7px 10px; border-top: 1px solid #f0edf8; background: #fcfbff; }
.nay-chip-g { display: inline-flex; align-items: center; gap: 4px; font-size: 9.5px; font-weight: 600; color: #6b7194; border: 1px solid #ece9f8;
  border-radius: 10px; padding: 3px 7px; background: #fff; }
.nay-chip-g i { color: #9961FF; }
.nay-chip-g.nay-on { background: #9961FF; color: #fff; border-color: #9961FF; }
.nay-chip-g.nay-on i { color: #fff; }
.nay-turno { padding: 7px 0; border-bottom: 1px dashed #f0edf8; animation: nay-entra .3s ease-out; }
.nay-turno:last-child { border-bottom: 0; }
@keyframes nay-entra { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.nay-dicho { font-size: 11px; color: #6d28d9; font-weight: 600; }
.nay-dicho i { margin-right: 5px; font-size: 9.5px; opacity: .7; }
.nay-resp { font-size: 11px; color: #374151; margin-top: 4px; line-height: 1.45; }
.nay-tenue { opacity: .45; }
.nay-cola { color: #9ca3af; font-size: 10.5px; }
.nay-habla { color: #9961FF; margin-right: 6px; display: inline-flex; align-items: center; gap: 4px; }
.nay-ficha { border: 1px solid #ddd6fe; border-radius: 11px; margin: 7px 0; overflow: hidden; animation: nay-entra .3s ease-out; }
.nay-ficha-tit { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: #4c1d95; background: #f5f3ff; padding: 6px 10px; }
.nay-ficha-est { margin-left: auto; color: #1D8A63; font-size: 10.5px; }
.nay-ficha-fila { display: flex; justify-content: space-between; gap: 10px; padding: 4px 10px; font-size: 10.5px; border-top: 1px solid #f5f3ff; }
.nay-ficha-fila span { color: #6b7194; }
.nay-ficha-fila b { color: #1f2937; transition: background .3s; border-radius: 5px; padding: 0 3px; }
.nay-ficha-fila b.nay-cambio { background: #fef3c7; }
.nay-ficha-acc { display: flex; gap: 6px; padding: 7px 10px; border-top: 1px solid #f5f3ff; }
.nay-deshacer { font-size: 10.5px; font-weight: 600; color: #1D8A63; padding: 6px 10px; }
.nay-deshacer u { color: #7c3aed; }
.nay-msg { background: #dcf8c6; border-radius: 9px 9px 2px 9px; font-size: 11px; padding: 6px 9px; margin: 4px 0 6px auto; max-width: 85%; color: #1f2937; }
.nay-teclas { text-align: center; font-size: 11px; color: #6b7194; margin-bottom: 8px; }
.nay-teclas kbd { font: 700 11px 'DM Sans', sans-serif; background: #fff; border: 1px solid #d1d5db; border-bottom-width: 2px; border-radius: 6px; padding: 2px 8px; color: #374151; }

/* La guía y «Cuándo te pregunto» */
.nay-guia { background: #fff; border: 1px solid #ece9f8; border-radius: 12px; overflow: hidden; }
.nay-guia-cab { display: flex; align-items: center; gap: 7px; padding: 8px 11px; background: #faf8ff; font-size: 11.5px; color: #4c1d95; }
.nay-guia-cab i { color: #9961FF; }
.nay-guia-sec { padding: 7px 11px; border-top: 1px solid #f3f0fb; }
.nay-guia-sec h5 { margin: 0 0 5px; font-size: 10.5px; color: #374151; display: flex; align-items: center; gap: 6px; }
.nay-guia-sec h5 > i:first-child { color: #9961FF; width: 12px; }
.nay-guia-ej { display: inline-block; font-size: 10.5px; background: #f8f7fc; border: 1px solid #ece9f8; border-radius: 8px; padding: 3px 8px; margin: 0 4px 4px 0; color: #4b5563; }
.nay-guia-ej mark, .sa-ej-pie mark { background: #ede9fe; color: #6d28d9; border-radius: 3px; padding: 0 2px; }
.nay-bloq { opacity: .55; }
.nay-aj { background: #fff; border: 1px solid #ece9f8; border-radius: 12px; overflow: hidden; }
.nay-aj-tit { font-size: 11px; font-weight: 700; color: #4c1d95; padding: 8px 11px; background: #faf8ff; }
.nay-aj-fila { display: flex; align-items: center; gap: 8px; padding: 7px 11px; border-top: 1px solid #f3f0fb; }
.nay-aj-fila > i { color: #9961FF; width: 13px; font-size: 11px; }
.nay-aj-fila > div { flex: 1; min-width: 0; }
.nay-aj-fila b { display: block; font-size: 10.5px; color: #1f2937; }
.nay-aj-fila small { display: block; font-size: 9.5px; color: #8b90a8; }
.nay-aj-fija { font-size: 9.5px; font-weight: 700; color: #6b7194; background: #f3f4f6; border-radius: 7px; padding: 3px 7px; white-space: nowrap; }
.nay-seg { display: inline-flex; background: #f3f4f6; border-radius: 8px; padding: 2px; flex-shrink: 0; }
.nay-seg-op { border: 0; background: none; font: 600 9.5px 'DM Sans', sans-serif; color: #6b7194; padding: 3px 6px; border-radius: 6px; cursor: pointer; white-space: nowrap; }
.nay-seg-op.on { background: #fff; color: #6d28d9; box-shadow: 0 1px 3px rgba(0,0,0,.1); }

/* ── La campanita ── */
.nay-bell-sola { position: relative; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 10px;
  background: rgba(70,90,180,.96); color: #fde68a; font-size: 15px; margin: 0 0 8px auto; }
.nay-bell-sola .nay-pip { font-size: 9px; line-height: 13px; padding: 0 4px; border-radius: 8px; }
.nay-bell-sola--bloq { color: rgba(253,230,138,.5); margin: 0; }
.nay-camp { background: #fff; border: 1px solid #e4e9f5; border-radius: 12px; box-shadow: 0 10px 28px rgba(30,42,94,.12); overflow: hidden; font-size: 11px; }
.nay-camp-cab { display: flex; align-items: center; padding: 8px 11px; color: #1f2937; font-size: 11.5px; }
.nay-camp-tabs { display: flex; gap: 4px; padding: 0 9px; border-bottom: 1px solid #eef0f6; }
.nay-camp-tabs span { font-size: 10.5px; font-weight: 600; color: #8b90a8; padding: 6px 8px; border-bottom: 2px solid transparent; }
.nay-camp-tabs span.on { color: #6d28d9; border-bottom-color: #9961FF; }
.nay-camp-tabs i { font-style: normal; font-size: 9px; background: #ede9fe; color: #6d28d9; border-radius: 7px; padding: 0 5px; margin-left: 3px; }
.nay-camp-tabs i.r { background: #fde8e8; color: #B3261E; }
.nay-camp-lista { padding-bottom: 4px; }
.nay-vacia { padding: 14px; text-align: center; color: #b0b5c8; font-size: 10.5px; }
.nay-al { padding: 8px 11px; border-bottom: 1px solid #f3f4f8; transition: opacity .25s; }
.nay-al.nay-atendida { opacity: .5; }
.nay-al-top { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #1f2937; }
.nay-al-top small { color: #9ca3af; font-size: 9.5px; }
.nay-al-av { width: 20px; height: 20px; border-radius: 50%; background: #ede9fe; color: #6d28d9; display: grid; place-items: center; font-size: 8px; font-weight: 700; flex-shrink: 0; }
.nay-al-pt { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.nay-al-tag { font-size: 8.5px; font-weight: 800; letter-spacing: .03em; }
.nay-al-mot { font-size: 10.5px; color: #4b5563; margin: 3px 0 0 26px; }
.nay-al-mot i { color: #9961FF; font-size: 9px; margin-right: 4px; }
.nay-al-niv { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin: 6px 0 0 26px; }
.nay-nb { border: 1px solid #e8eaf2; background: #fff; border-radius: 7px; padding: 4px 2px 3px; font: 700 8.5px 'DM Sans', sans-serif; color: #767D99; cursor: pointer; }
.nay-nb span { display: block; width: 6px; height: 6px; border-radius: 50%; margin: 0 auto 2px; }
.nay-nb.on { border-color: #9961FF; background: #f5f3ff; color: #4c1d95; }
.nay-aviso { display: flex; gap: 8px; margin: 0 9px 7px; padding: 7px 9px; border-radius: 9px; font-size: 10.5px; line-height: 1.4; }
.nay-aviso b { display: block; }
.nay-aviso--a { background: #fff8e8; color: #7a5200; }
.nay-aviso--r { background: #fdecec; color: #8a1c15; }
.nay-aviso > i { margin-top: 2px; }
.nay-aviso-acc { display: flex; gap: 5px; margin-top: 5px; }
.nay-pago { padding: 8px 11px; border-bottom: 1px solid #f3f4f8; border-left: 3px solid transparent; transition: opacity .4s, transform .4s; }
.nay-pago--v { border-left-color: #1D8A63; }
.nay-pago--r { border-left-color: #B3261E; }
.nay-pago .nay-al-mot { margin-left: 26px; }
.nay-pago-acc { display: flex; align-items: center; gap: 5px; margin: 6px 0 0 26px; }
.nay-preg { font-size: 10.5px; font-weight: 600; color: #374151; margin-right: 3px; }
.nay-sale { opacity: 0; transform: translateX(20px); }

/* ── Buscar servicios ── */
.nay-bus { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e4e9f5; border-radius: 12px; padding: 6px 6px 6px 11px; font-size: 11.5px; color: #1f2937; }
.nay-bus > i { color: #6b7194; }
.nay-bus [data-in] { flex: 1; }
.nay-cuenta { font-size: 10.5px; color: #6b7194; margin: 6px 0; }
.nay-emp { background: #fff; border: 1px solid #e4e9f5; border-radius: 12px; padding: 9px 10px; animation: nay-entra .3s ease-out; }
.nay-emp-cab { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; }
.nay-emp-cab b, .nay-emp-prof b { display: block; font-size: 11px; color: #1f2937; }
.nay-emp-cab small, .nay-emp-prof small { font-size: 9.5px; color: #6b7194; }
.nay-emp-logo { width: 28px; height: 28px; border-radius: 8px; background: linear-gradient(135deg, #c4b5fd, #818cf8); color: #fff; display: grid; place-items: center; font-size: 10px; font-weight: 700; flex-shrink: 0; }
.nay-emp-prof { display: flex; align-items: center; gap: 7px; padding: 5px 0; border-top: 1px solid #f3f4f8; }
.nay-emp-prof > div { flex: 1; }
.nay-emp-pie { padding-top: 6px; border-top: 1px solid #f3f4f8; text-align: right; }
.nay-est { color: #C9A227; font-weight: 700; }
.nay-emp--mini { padding: 7px 10px; margin-bottom: 5px; display: flex; justify-content: space-between; font-size: 10.5px; }
.nay-fil-wrap { display: flex; gap: 8px; }
.nay-fil { width: 46%; background: #fff; border: 1px solid #e4e9f5; border-radius: 12px; padding: 8px; font-size: 10.5px; color: #374151; display: flex; flex-direction: column; gap: 6px; }
.nay-fil > b i { color: #9961FF; }
.nay-fil label { display: flex; flex-direction: column; gap: 2px; font-size: 9.5px; color: #8b90a8; font-weight: 600; }
.nay-campo { font-size: 10.5px; color: #1f2937; border: 1px solid #e4e9f5; border-radius: 6px; padding: 2px 6px; font-weight: 500; }
.nay-checks { display: flex; flex-wrap: wrap; gap: 3px; }
.nay-checks span { font-size: 9.5px; border: 1px solid #e4e9f5; border-radius: 6px; padding: 1px 5px; color: #6b7194; font-weight: 500; }
.nay-checks span.on { background: #f5f3ff; border-color: #c4b5fd; color: #6d28d9; }
.nay-fil-res { flex: 1; min-width: 0; }
.nay-orden { position: relative; font-size: 10.5px; color: #6b7194; }
.nay-orden b { color: #1f2937; }
.nay-orden-menu { margin-top: 4px; background: #fff; border: 1px solid #e4e9f5; border-radius: 9px; box-shadow: 0 6px 16px rgba(30,42,94,.1); overflow: hidden; }
.nay-orden-menu button { display: block; width: 100%; text-align: left; border: 0; background: none; font: 500 10.5px 'DM Sans', sans-serif; color: #374151; padding: 4px 8px; cursor: pointer; }
.nay-orden-menu button.on { color: #6d28d9; font-weight: 700; background: #f5f3ff; }
.nay-pag { background: #fff; border: 1px solid #e4e9f5; border-radius: 12px; padding: 10px; display: flex; flex-direction: column; gap: 6px; font-size: 10.5px; animation: nay-entra .3s ease-out; }
.nay-pag-cab, .nay-pag-sel { display: flex; align-items: center; gap: 7px; }
.nay-pag-sel { background: #f5f3ff; border-radius: 8px; padding: 5px 7px; }
.nay-pag-sel i { margin-left: auto; color: #1D8A63; }
.nay-pag .nay-btn-ok { align-self: flex-end; }

/* ── Servicios e IA ── */
.nay-est-fila { display: flex; gap: 8px; flex-wrap: wrap; }
.nay-glob { flex: 1 1 170px; background: #fff; border: 1px solid #e4e9f5; border-radius: 12px; padding: 9px 10px; font-size: 10.5px; color: #374151;
  display: flex; flex-direction: column; gap: 5px; box-shadow: 0 8px 22px rgba(30,42,94,.1); }
.nay-glob-cab { font-size: 9.5px; color: #8b90a8; }
.nay-glob-cab b { display: block; font-size: 11px; color: #1f2937; }
.nay-glob-f { display: grid; grid-template-columns: 9px 1fr auto auto; gap: 5px; align-items: center; }
.nay-glob-f small { color: #9ca3af; font-size: 9px; }
.nay-glob-f span { color: #1D8A63; font-weight: 600; font-size: 9.5px; }
.nay-glob-pie { color: #9ca3af; font-size: 9px; }
.nay-glob-grande { font-size: 17px; font-weight: 700; color: #1f2937; }
.nay-glob-est { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; color: #a16207; }
.nay-glob-f2 { display: flex; justify-content: space-between; font-size: 10px; color: #6b7194; }
.nay-glob .nay-btn-ok { align-self: flex-start; }

/* ── Tu cuenta ── */
.nay-dd-wrap { display: flex; gap: 8px; flex-wrap: wrap; }
.nay-dd-wrap > div { flex: 1 1 130px; }
.nay-dd-rot { display: block; font-size: 9.5px; font-weight: 700; color: #8b90a8; margin-bottom: 4px; }
.nay-dd { background: rgba(30,40,105,.97); border-radius: 10px; padding: 3px 0; font-size: 10.5px; }
.nay-dd-it { display: flex; align-items: center; gap: 7px; padding: 6px 10px; color: rgba(255,255,255,.88); }
.nay-dd-it > i:first-child { width: 11px; opacity: .7; }
.nay-dd-bloq { color: rgba(255,255,255,.45); }
.nay-dd-bloq .nay-cand { margin-left: auto; }
.nay-dd-sep { display: block; height: 1px; background: rgba(150,175,255,.15); margin: 3px 0; }
.nay-dd-salir { color: rgba(255,100,100,.85); }
.nay-perm { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.nay-voz--bloq { display: inline-flex; align-items: center; gap: 5px; background: rgba(70,90,180,.96); color: rgba(255,255,255,.55); font-size: 10.5px;
  border-radius: 14px; padding: 5px 10px; }
.nay-perm-globo { background: #fff; border: 1px solid #ece9f8; box-shadow: 0 6px 16px rgba(30,42,94,.12); border-radius: 8px; padding: 5px 8px; font-size: 10.5px; color: #374151; }
.nay-tel { width: 230px; margin: 0 auto; border: 5px solid #1f2937; border-radius: 18px; overflow: hidden; background: #f8f9fd; }
.nay-tel .nay-barra { border-radius: 0; padding: 6px 7px; }
.nay-tel-cuerpo { height: 110px; display: grid; place-items: center; font-size: 10px; color: #9ca3af; }