/* ===== Farmacias de guardia (fdg-) ===== */
.fdg-wrap { box-sizing: border-box; max-width: 880px; margin: 0 auto; padding: 32px 16px 48px; display: flex; flex-direction: column; gap: 26px; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.fdg-wrap * { box-sizing: border-box; }
.fdg-card { display: flex; align-items: center; gap: 22px; padding: 22px 26px; background: #ffffff; border-radius: 22px; border-top: 5px solid #BEE164; box-shadow: 0 4px 18px rgba(60, 70, 40, .08); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.fdg-card:hover, .fdg-card:focus-visible { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(60, 70, 40, .16); border-top-color: var(--cofc-verde-medio); outline: none; }
.fdg-icon { flex: 0 0 auto; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: linear-gradient(135deg, #BEE164 0%, var(--cofc-verde-medio) 100%); box-shadow: 0 3px 8px rgba(154, 180, 89, .35); }
.fdg-icon svg { width: 38px; height: 38px; fill: #ffffff; }
.fdg-text { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; min-width: 0; }
.fdg-title { font-size: 1.6rem; font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: #33352f; }
.fdg-sub { font-size: 1.4rem; font-weight: 400; color: #7b8168; line-height: 1.35; }
.fdg-chevron { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; transition: transform .18s ease; }
.fdg-chevron svg { width: 26px; height: 26px; fill: none; stroke: var(--cofc-verde-medio); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.fdg-card:hover .fdg-chevron { transform: translateX(5px); }
@media (max-width: 560px) {
  .fdg-card { gap: 16px; padding: 18px; border-radius: 18px; }
  .fdg-icon { width: 58px; height: 58px; border-radius: 15px; }
  .fdg-icon svg { width: 32px; height: 32px; }
  .fdg-title { font-size: 1.12rem; }
  .fdg-sub { font-size: .92rem; }
}
@media (prefers-reduced-motion: reduce) { .fdg-card, .fdg-chevron { transition: none; } }