/* Acabado común de cristal. Referencia: formatos de Formación en IA.
   Conserva tamaños, contenido, carruseles y animaciones propios de cada bloque. */
:root {
  --glass-card-background: linear-gradient(160deg, rgba(48,149,227,.52), rgba(31,98,160,.38) 55%, rgba(21,66,108,.46));
  --glass-card-border: rgba(160,214,250,.5);
  --glass-card-shadow: 0 20px 50px rgba(0,0,0,.35), 0 0 34px rgba(48,149,227,.14), inset 0 1px 0 rgba(255,255,255,.28);
  --glass-card-glow: 0 26px 60px rgba(0,0,0,.4), 0 0 44px rgba(48,149,227,.34), inset 0 1px 0 rgba(255,255,255,.4);
}

:is(.showcase:not(.is-light) .card, .services .svc-card) {
  background: var(--glass-card-background);
  border-color: var(--glass-card-border);
  box-shadow: var(--glass-card-shadow);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
}

:is(.showcase:not(.is-light) .card, .services .svc-card) p {
  color: rgba(255,255,255,.86);
}

.showcase:not(.is-light) .card .card-num {
  -webkit-text-stroke-color: rgba(255,255,255,.26);
  transition: -webkit-text-stroke-color .3s ease, filter .3s ease, transform .3s ease;
}

/* Mismo contorno y halo que 1:1 / EQ / TA, también con teclado y toque. */
.showcase:not(.is-light) .card:is(:hover, :focus-within, :active, .is-active, .is-on, .is-lit) .card-num {
  -webkit-text-stroke: 1.6px #bfe3ff;
  -webkit-text-stroke-color: #bfe3ff;
  filter: drop-shadow(0 0 5px rgba(127,196,245,.95)) drop-shadow(0 0 14px rgba(48,149,227,.8));
  transform: translateY(4px);
}

:is(.showcase:not(.is-light) .card, .services .svc-card):is(:hover, :focus-within, :active, .is-active, .is-on, .is-lit) {
  border-color: rgba(127,196,245,.7);
  box-shadow: var(--glass-card-glow);
}

/* El teclado recibe el mismo brillo, además del foco propio del enlace o botón. */
.showcase:not(.is-light) .card:focus-within::before {
  opacity: 1;
}

/* Los colores de significado se conservan sobre el acabado común. */
.showcase:not(.is-light) :is(.tl-col.card, .ba-col.card) {
  border-top: 4px solid var(--c);
}

@media (prefers-reduced-motion: reduce) {
  :is(.showcase:not(.is-light) .card, .services .svc-card) {
    transition: none;
  }
  .showcase:not(.is-light) .card .card-num {
    transition: none;
  }
}