/* Le Pillole Tecnologiche: news AI con una firma editoriale riconoscibile. */
.tech-pills {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 217, 255, .15), transparent 26rem),
    radial-gradient(circle at 94% 74%, rgba(153, 72, 255, .17), transparent 28rem),
    linear-gradient(135deg, #061328 0%, #071b34 52%, #0a1430 100%);
}
.tech-pills::before {
  content: "AI // PULSE";
  position: absolute;
  right: clamp(1rem, 6vw, 7rem);
  top: 1.1rem;
  color: rgba(91, 232, 255, .12);
  font: 800 clamp(1.7rem, 5vw, 4.2rem)/1 "Sora", sans-serif;
  letter-spacing: .12em;
  pointer-events: none;
}
.tech-pills .section-heading { position: relative; z-index: 1; }
.tech-pills-intro { max-width: 44rem; margin: .85rem 0 0; color: #b9cce4; font-size: 1.02rem; line-height: 1.65; }
.tech-pills-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.tech-pills-grid article {
  position: relative;
  min-height: 13.6rem;
  padding: 1.4rem;
  overflow: hidden;
  border: 1px solid rgba(74, 199, 255, .25);
  border-radius: 1.15rem;
  background: linear-gradient(145deg, rgba(7, 28, 58, .94), rgba(6, 15, 37, .88));
  box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 1.3rem 2.8rem rgba(0, 0, 0, .18);
}
.tech-pills-grid article::after { content: ""; position: absolute; left: 1.4rem; right: 1.4rem; bottom: 0; height: 2px; background: linear-gradient(90deg, #1ee5ff, #9a5bff, transparent); box-shadow: 0 0 .8rem #29dfff; }
.pill-mark { display: inline-grid; width: 2.2rem; height: 2.2rem; place-items: center; border: 1px solid rgba(30, 229, 255, .55); border-radius: .65rem; color: #7deeff; background: rgba(4, 167, 255, .1); box-shadow: 0 0 1.2rem rgba(30, 229, 255, .16); }
.tech-pills-grid p { margin: 1rem 0 .35rem; color: #65e6ff; font: 700 .68rem/1.2 "Sora", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.tech-pills-grid h3 { margin: 0; color: #f4f8ff; font: 700 clamp(1.05rem, 2vw, 1.28rem)/1.28 "Sora", sans-serif; }
.tech-pills-grid small { display: block; margin-top: .7rem; color: #afc1d8; font-size: .92rem; line-height: 1.52; }
.tech-pills-grid .tech-pills-empty { grid-column: 1 / -1; min-height: auto; text-align: left; }
.tech-pills-grid .tech-pills-empty p { color: #afc1d8; font: inherit; letter-spacing: normal; text-transform: none; }
.content-card .text-link { margin-top: 1rem; }
@media (max-width: 780px) { .tech-pills-grid { grid-template-columns: 1fr; } .tech-pills::before { top: .5rem; font-size: 1.45rem; } }