/* Ajustes propios sobre el tema Soft UI del proyecto `directorio` (agenda/static/softui). */

/* --- Barra superior fusionada con el hero (degradado de `directorio`) ------ */

.navbar-hero {
  background: linear-gradient(120deg, #0057b8, #003b7a);
  border-radius: 1.25rem;
  color: #fff;
  flex-wrap: wrap !important; /* el bloque extra (saludo y contadores) va debajo de la fila principal */
}

.navbar-hero .text-dark,
.navbar-hero .text-body,
.navbar-hero .breadcrumb-item,
.navbar-hero .breadcrumb-item::before,
.navbar-hero h6,
.navbar-hero .nav-link {
  color: #fff !important;
}

.navbar-hero .breadcrumb-item a.opacity-5 {
  opacity: 0.75;
}

.navbar-hero .sidenav-toggler-line {
  background: #fff;
}

/* --- Chips de estatus ------------------------------------------------------ */

.estatus {
  display: inline-block;
  /* Ancho igual para todos los badges de estatus, sin importar el texto: el
     más largo ("Turnada a otra dependencia") define el mínimo y el resto se
     centra. */
  min-width: 13rem;
  padding: 0.55em 0.9em;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-radius: 0.45rem;
  color: #fff;
  background-image: linear-gradient(135deg, #63666a, #a1a1aa);
}

.estatus-EN_ANALISIS,
.estatus-INFORMACION,
.estatus-TURNADA {
  background-image: linear-gradient(135deg, #eab308, #fbb140);
}

.estatus-AUTORIZADA,
.estatus-AGENDADA {
  background-image: linear-gradient(135deg, #22c55e, #26c6a8);
}

.estatus-REALIZADA {
  background-image: linear-gradient(135deg, var(--pan-blue), var(--pan-blue-dark));
}

.estatus-RECHAZADA,
.estatus-CANCELADA,
.estatus-FUSIONADA {
  background-image: linear-gradient(135deg, #ef4444, #f56036);
}

/* Punto de color por estatus en las listas del inicio (`hi-dot`). */
.hi-dot-AUTORIZADA {
  background: #22c55e;
}

.hi-dot-AGENDADA {
  background: var(--pan-blue);
}

/* --- Acordeón de discursos (evento_detail.html) --------------------------- */

.accordion .accordion-header {
  font-size: 0.875rem;
}

.accordion .accordion-button {
  padding: 0.75rem 0;
}

/* --- Calendario interactivo (eventos/calendario.html, FullCalendar) ------- */

#calendario {
  --fc-border-color: #eef1f6;
  --fc-today-bg-color: #e8f1fb;
  --fc-button-bg-color: var(--pan-blue);
  --fc-button-border-color: var(--pan-blue);
  --fc-button-hover-bg-color: var(--pan-blue-dark);
  --fc-button-hover-border-color: var(--pan-blue-dark);
  --fc-button-active-bg-color: var(--pan-blue-dark);
  --fc-button-active-border-color: var(--pan-blue-dark);
  --fc-now-indicator-color: #ef4444;
  --fc-page-bg-color: #fff;
  font-size: 0.875rem;
}

#calendario .fc-toolbar-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #27272a;
  text-transform: capitalize;
}

#calendario .fc-button {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: none;
  border-radius: 0.5rem;
  padding: 0.35rem 0.75rem;
  box-shadow: none;
  background-image: linear-gradient(135deg, var(--pan-blue), var(--pan-blue-dark));
  border: 0;
}

#calendario .fc-button-primary:not(:disabled).fc-button-active,
#calendario .fc-button-primary:not(:disabled):active {
  background-image: linear-gradient(135deg, var(--pan-blue-dark), #002a55);
}

#calendario .fc-button:disabled {
  opacity: 0.55;
}

#calendario .fc-button-group .fc-button {
  border-radius: 0;
}

#calendario .fc-button-group .fc-button:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
}

#calendario .fc-button-group .fc-button:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}

#calendario .fc-col-header-cell-cushion {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8392ab;
  padding: 0.5rem 0;
}

#calendario .fc-daygrid-day-number {
  font-size: 0.75rem;
  color: #52525b;
  padding: 0.35rem 0.5rem;
}

#calendario .fc-day-today .fc-daygrid-day-number {
  background: linear-gradient(135deg, var(--pan-blue), var(--pan-blue-dark));
  color: #fff;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem;
  padding: 0;
}

#calendario .fc-event {
  border: 0;
  border-radius: 0.35rem;
  font-size: 0.72rem;
  padding: 1px 4px;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

#calendario .fc-daygrid-block-event .fc-event-title,
#calendario .fc-daygrid-block-event .fc-event-time,
#calendario .fc-timegrid-event .fc-event-main {
  color: #fff;
}

#calendario .fc-event:hover {
  filter: brightness(0.95);
}

#calendario .fc-daygrid-block-event .fc-event-time {
  font-weight: 700;
}

#calendario .fc-daygrid-day-frame {
  min-height: 6rem;
}

#calendario .fc-event.evento-REALIZADA {
  opacity: 0.7;
}

/* Eliminados en el legacy: en gris y tachados, solo con el filtro activo. */
#calendario .fc-event.evento-eliminado {
  background: #8a8d91 !important;
  border-color: #8a8d91 !important;
  text-decoration: line-through;
  opacity: 0.8;
}

#calendario .fc-list-event-title a {
  color: #27272a;
}

#calendario .fc-list-day-cushion {
  background: #f8f9fa;
}

#calendario .fc-timegrid-slot-label-cushion,
#calendario .fc-timegrid-axis-cushion {
  font-size: 0.65rem;
  color: #8392ab;
}

#mini-calendario {
  --fc-border-color: transparent;
  --fc-today-bg-color: transparent;
  font-size: 0.7rem;
}

#mini-calendario .fc-toolbar-title {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: capitalize;
}

#mini-calendario .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0.5rem;
}

#mini-calendario .fc-button {
  background: transparent;
  border: 0;
  color: #52525b;
  padding: 0.1rem 0.35rem;
  box-shadow: none;
}

#mini-calendario .fc-col-header-cell-cushion {
  font-size: 0.6rem;
  color: #8392ab;
  text-decoration: none;
}

#mini-calendario .fc-daygrid-day-number {
  font-size: 0.7rem;
  padding: 0.15rem;
  text-decoration: none;
  color: #52525b;
}

#mini-calendario .fc-daygrid-day-frame {
  min-height: 1.7rem;
  cursor: pointer;
}

#mini-calendario .fc-day-today .fc-daygrid-day-number {
  background: linear-gradient(135deg, var(--pan-blue), var(--pan-blue-dark));
  color: #fff;
  border-radius: 50%;
  width: 1.4rem;
  height: 1.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

#mini-calendario .fc-daygrid-day-events {
  display: none;
}

.leyenda-color {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.25rem;
  flex-shrink: 0;
}

.leyenda-color-defecto {
  background: linear-gradient(135deg, var(--pan-blue), #4d89cd);
}

/* --- Mapa del lugar (components/_mapa_modal.html) ------------------------- */

.mapa-leaflet {
  height: 60vh;
  min-height: 320px;
  border-radius: 0 0 1rem 1rem;
}

/* --- Tarjetas con fondo (components/_tarjeta_fondo.html) ------------------ */
/* Las imágenes son las `curved-images` de Soft UI; las clases evitan estilos inline. */

.fondo-curvo-1 {
  background-image: url("../softui/img/curved-images/curved1.2ef0b4a20095.jpg");
}

.fondo-curvo-6 {
  background-image: url("../softui/img/curved-images/curved6.bfa4aab1e04f.jpg");
}

.fondo-curvo-8 {
  background-image: url("../softui/img/curved-images/curved8.5a25b346248b.jpg");
}

.fondo-curvo-11 {
  background-image: url("../softui/img/curved-images/curved11.f877300f3318.jpg");
}

/* --- Tarjetas de formset en tabla (components/_formset_tabla.html) --------- */

.formset-tabla td {
  padding: 0.35rem 0.4rem;
  vertical-align: top;
}

.formset-tabla td > div,
.formset-tabla .mb-3 {
  margin-bottom: 0 !important;
}

.formset-tabla label {
  display: none; /* la etiqueta va en el encabezado de la tabla */
}

.formset-tabla .form-check label {
  display: inline; /* salvo las casillas (p. ej. Confirmado) */
  font-size: 0.75rem;
}

.formset-tabla .form-control,
.formset-tabla .form-select {
  font-size: 0.8rem;
  padding: 0.35rem 0.6rem;
  min-height: 2.1rem;
}

.formset-tabla .invalid-feedback {
  display: block;
  font-size: 0.7rem;
}

.formset-fila-borrada td {
  opacity: 0.45;
  text-decoration: line-through;
}

.formset-fila-borrada .formset-quitar {
  opacity: 1;
  text-decoration: none;
}

.formset-acciones-col {
  width: 7rem;
}

.formulario-logistica .sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 5;
}

/* --- Editor de texto enriquecido (TinyMCE) y texto con formato ------------- */

.tox-tinymce {
  border-radius: 0.5rem !important;
  border-color: #d2d6da !important;
}

.texto-rico table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0;
}

.texto-rico td,
.texto-rico th {
  border: 1px solid #d2d6da;
  padding: 0.25rem 0.5rem;
}

.texto-rico h1,
.texto-rico h2,
.texto-rico h3 {
  font-size: 1.05rem;
  margin: 0.75rem 0 0.25rem;
}

.texto-rico blockquote {
  border-left: 3px solid #d2d6da;
  padding-left: 0.75rem;
  color: #52525b;
}

.texto-rico .ql-align-center {
  text-align: center;
}

.texto-rico .ql-align-right {
  text-align: right;
}

.texto-rico .ql-align-justify {
  text-align: justify;
}

.texto-rico .ql-indent-1 {
  padding-left: 2rem;
}

.texto-rico .ql-indent-2 {
  padding-left: 4rem;
}

/* --- Lápiz de edición en las tarjetas del detalle -------------------------- */

.tarjeta-editar {
  font-size: 0.85rem;
  opacity: 0.6;
}

.tarjeta-editar:hover {
  opacity: 1;
  color: var(--pan-blue) !important;
}

/* --- Formulario: pin en el mapa y sugerencias de dirección ----------------- */

.mapa-pin {
  height: 300px;
  border-radius: 0.5rem;
  border: 1px solid #d2d6da;
}

.ubicacion-buscador {
  position: relative;
}

.ubicacion-sugerencias {
  position: absolute;
  z-index: 1050;
  width: 100%;
  max-height: 16rem;
  overflow-y: auto;
}

/* --- Itinerario del día (eventos/itinerario.html) ------------------------- */

#mapa-itinerario {
  height: 62vh;
  min-height: 380px;
  border-radius: 0.75rem;
  background: #f4f4f5;
}

.itinerario-numero,
.itinerario-marcador span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pan-blue), var(--pan-blue-dark));
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  vertical-align: middle;
}

.itinerario-marcador span {
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

/* --- Páginas de cuenta de allauth (layouts/manage.html) ------------------- */

.cuenta-allauth h1 {
  font-size: 1.25rem;
}

.cuenta-allauth p {
  font-size: 0.875rem;
}

/* --- Layout de acceso (panel azul institucional de `directorio`) ----------- */

.panel-acceso {
  background-color: #004b87 !important;
}

.tarjeta-estrecha {
  max-width: 28rem;
}

/* --- Accesibilidad --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* Historial de cambios (auditoría): lista campo → antes → después */
.cambios-campos { display: grid; gap: 0.25rem; }
.cambios-campos .cambio-campo { display: grid; grid-template-columns: minmax(7rem, 11rem) 1fr; gap: 0.5rem; font-size: 0.8rem; }
.cambios-campos dt { color: #67748e; font-weight: 600; }
.cambios-campos dd { margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.cambios-campos .cambio-antes { color: #67748e; text-decoration: line-through; text-decoration-color: rgba(103, 116, 142, 0.5); }
.cambios-campos .cambio-despues { color: #344767; font-weight: 600; }
@media (max-width: 575.98px) { .cambios-campos .cambio-campo { grid-template-columns: 1fr; gap: 0.1rem; } }

/* Buscador global en la barra superior (sobre el degradado del hero) */
.buscador-global { position: relative; }
.buscador-global .fa-magnifying-glass { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); font-size: 0.8rem; pointer-events: none; }
.buscador-global .form-control { width: 14rem; padding-left: 2.1rem; background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.35); color: #fff; }
.buscador-global .form-control::placeholder { color: rgba(255, 255, 255, 0.75); }
.buscador-global .form-control:focus { background: rgba(255, 255, 255, 0.95); color: #344767; border-color: #fff; }
.buscador-global .form-control:focus + .fa-magnifying-glass, .buscador-global .form-control:focus ~ .fa-magnifying-glass { color: #67748e; }
.buscador-global .form-control:focus::placeholder { color: #67748e; }
@media (max-width: 991.98px) { .buscador-global .form-control { width: 100%; } }

/* Semana imprimible (eventos/calendario_semana.html) */
.semana-dia { padding: 0.6rem 0; border-bottom: 1px solid #e9ecef; }
.semana-dia:last-child { border-bottom: 0; }
.semana-dia-hoy .semana-dia-titulo { color: #004b87; }
.semana-dia-titulo { font-size: 0.9rem; margin-bottom: 0.25rem; }
.semana-tabla td { padding: 0.35rem 0.5rem; border-bottom: 1px dashed #eef0f3; }
.semana-tabla tr:last-child td { border-bottom: 0; }
.semana-hora { width: 8.5rem; white-space: nowrap; }
.semana-color { display: inline-block; width: 0.55rem; height: 0.55rem; border-radius: 50%; margin-right: 0.35rem; vertical-align: middle; }
.solo-imprimir { display: none; }
.btn-outline-white { color: #fff; border-color: rgba(255, 255, 255, 0.6); }
.btn-outline-white:hover { color: #004b87; background: #fff; border-color: #fff; }

/* Impresión: solo el contenido, sin menú lateral, barra ni pie */
@media print {
  body, .main-content { background: #fff !important; }
  .sidenav, .navbar-hero, footer, .no-imprimir, #djDebug, .modal { display: none !important; }
  .main-content { margin-left: 0 !important; max-height: none !important; }
  .container-fluid { padding: 0 !important; }
  .card { box-shadow: none !important; border: 0 !important; }
  .solo-imprimir { display: block; }
  .semana-dia { break-inside: avoid; }
  a { color: inherit !important; text-decoration: none !important; }
  .semana-tabla td { padding: 0.2rem 0.4rem; }
}

/* Anexos: zona para soltar archivos, miniaturas y visor */
.zona-anexos { display: flex; align-items: center; gap: 0.75rem; padding: 0.9rem 1rem; border: 2px dashed #cbd3df; border-radius: 0.75rem; background: #f8fafc; transition: border-color 0.15s, background 0.15s; cursor: pointer; }
.zona-anexos:hover, .zona-anexos:focus-visible { border-color: #004b87; outline: none; }
.zona-anexos.arrastrando { border-color: #004b87; background: #e3edf8; }
.zona-anexos.subiendo { opacity: 0.7; pointer-events: none; }
.zona-anexos .zona-anexos-estado { margin-left: auto; }
.anexo-miniatura { flex: 0 0 auto; width: 3rem; height: 3rem; border-radius: 0.5rem; border: 1px solid #e9ecef; background: #fff; padding: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; color: #67748e; cursor: pointer; }
.anexo-miniatura img { width: 100%; height: 100%; object-fit: cover; }
.anexo-miniatura-pdf { color: #b23a2a; font-size: 1.4rem; }
.anexo-miniatura-otro { cursor: default; font-size: 1.1rem; }
.anexo-miniatura-otro small { font-size: 0.55rem; font-weight: 700; letter-spacing: 0.03em; }
.anexo-visor-pdf { width: 100%; height: 78vh; border: 0; }
.anexo-visor-imagen { display: block; max-width: 100%; max-height: 80vh; margin: 0 auto; }
.min-width-0 { min-width: 0; }

/* Modo Día D (celular): tarjetas grandes y acciones de un toque */
.dia-d { max-width: 40rem; margin: 0 auto; }
.dia-d-evento { border-left: 5px solid #63666a; }
.dia-d-evento.estatus-borde-AGENDADA { border-left-color: #22c55e; }
.dia-d-evento.estatus-borde-AUTORIZADA { border-left-color: #0ea5e9; }
.dia-d-evento.estatus-borde-REALIZADA { border-left-color: #94a3b8; opacity: 0.85; }
.dia-d-hora { min-width: 3.4rem; text-align: center; line-height: 1.1; }
.dia-d-hora strong { display: block; font-size: 1.15rem; color: #004b87; }
.dia-d-hora small { display: block; color: #67748e; font-size: 0.72rem; }
.dia-d-acciones { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.dia-d-acciones form { display: contents; }
.dia-d-acciones .btn { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; padding: 0.6rem 0.4rem; font-size: 0.75rem; }
.dia-d-acciones .btn i { font-size: 1.1rem; }
@media (max-width: 575.98px) {
  .modo-dia-d .navbar-hero h3 { font-size: 1.15rem; }
  .modo-dia-d .container-fluid.p-3 { padding: 0.75rem !important; }
}

/* Clima del día del evento (pronóstico del SMN) */
.clima-evento { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem; }
.clima-evento .clima-icono { color: #0057b8; font-size: 1.1rem; }
.clima-evento.clima-lluvia .clima-icono { color: #0ea5e9; }
.clima-evento .clima-temperaturas { font-weight: 700; color: #344767; }
.clima-evento .clima-lluvia-texto { color: #0ea5e9; font-weight: 600; }
.clima-evento .clima-fuente { flex-basis: 100%; font-size: 0.7rem; }
.clima-compacto .clima-icono { font-size: 0.9rem; }

/* Popover "+N más" del calendario. soft-ui-dashboard.css trae reglas de FullCalendar 5
 * (position: fixed; top: 0; z-index: 8) que pegan el popover al borde superior de la
 * ventana, debajo del encabezado, y dejan la X inalcanzable. FullCalendar 6 lo posiciona
 * en absoluto dentro de la vista. */
.fc .fc-popover,
.fc .fc-more-popover {
  position: absolute !important;
  top: auto;
  z-index: 1040; /* sobre el menú lateral (1030), bajo los modales (1050) */
}

/* Campana de notificaciones */
.campana .campana-conteo { position: absolute; top: -6px; right: -8px; min-width: 1.1rem; height: 1.1rem; padding: 0 0.3rem; border-radius: 999px; background: #e53935; color: #fff; font-size: 0.65rem; font-weight: 700; line-height: 1.1rem; text-align: center; }
.navbar-hero .campana .nav-link { color: #fff !important; }
.campana-lista { min-width: 22rem; max-width: 26rem; }
.campana-lista .dropdown-item { white-space: normal; padding: 0.5rem 0.75rem; }
.campana-no-leida { background: #eef4fb; }
.campana-lista .dropdown-item.campana-no-leida:hover { background: #e3edf8; }

/* Reportes */
.grafica { position: relative; width: 100%; }
.mapa-reportes { height: 380px; border-radius: 0.75rem; overflow: hidden; background: #e9eef5; }
.tabla-desplazable { max-height: 420px; overflow: auto; }
.tabla-reporte th { font-size: 0.7rem; text-transform: uppercase; color: #67748e; position: sticky; top: 0; background: #fff; }
.tabla-reporte td { font-size: 0.85rem; }
.tiempos { display: grid; gap: 0.35rem; margin: 0; }
.tiempos .tiempo { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 0.4rem 0; border-bottom: 1px solid #eef0f3; }
.tiempos .tiempo:last-child { border-bottom: 0; }
.tiempos dt { font-size: 0.8rem; font-weight: 500; color: #52627a; }
.tiempos dd { margin: 0; font-size: 1.15rem; font-weight: 700; color: #004b87; white-space: nowrap; }
.tiempos .tiempo-alerta dd { color: #a35f0a; }
.grafica-alta { height: 310px; }
.grafica-media { height: 260px; }

/* Bloqueos de la Gobernadora */
.fc .fc-bg-event.bloqueo { background: repeating-linear-gradient(135deg, rgba(99, 102, 106, 0.35) 0 6px, rgba(99, 102, 106, 0.15) 6px 12px); opacity: 1; }
.fc .fc-bg-event.bloqueo .fc-event-title { color: #344767; font-size: 0.7rem; font-weight: 600; padding: 2px 4px; }
.bloqueo-chip { color: #fff; background: #63666a; }
.bloqueo-chip.bloqueo-VIAJE { background: #0ea5e9; }
.bloqueo-chip.bloqueo-SESION { background: #6366f1; }
.bloqueo-chip.bloqueo-PERSONAL { background: #22c55e; }
.bloqueo-chip.bloqueo-GIRA_FEDERAL { background: #eab308; color: #344767; }
.hueco-libre { background: #e2f3e9; color: #1f7a4d; font-weight: 600; }
.dia-no-habil { opacity: 0.75; }
.fecha-propuesta-form .sugerencia-fecha.active { background: #004b87; color: #fff; }

/* Cierre del evento: galería de fotos */
.galeria-fotos { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 0.6rem; }
.foto-evento { position: relative; }
.foto-evento-boton { display: block; width: 100%; aspect-ratio: 4 / 3; padding: 0; border: 1px solid #e9ecef; border-radius: 0.6rem; overflow: hidden; background: #f8fafc; cursor: pointer; }
.foto-evento-boton img { width: 100%; height: 100%; object-fit: cover; display: block; }
.foto-evento-eliminar { position: absolute; top: 0.35rem; right: 0.45rem; background: rgba(255, 255, 255, 0.9); border-radius: 999px; padding: 0.15rem 0.4rem; line-height: 1; }
.evaluacion-estrellas .fa-star.text-light { color: #dfe4ec !important; }

/* --- Densidad del calendario mensual -------------------------------------- */
/* Letra más chica y padding compacto para que quepan más eventos por día
   (junto con `dayMaxEvents: true` en calendario.js). */
.fc-daygrid-event {
  font-size: 0.7rem;
  line-height: 1.15;
  padding-block: 1px;
  padding-inline: 4px;
  margin-top: 1px;
}

.fc-daygrid-event .fc-event-time {
  font-weight: 600;
}

.fc-daygrid-more-link {
  font-size: 0.68rem;
  font-weight: 600;
}