/* Public-facing refinement layer for FDR · Plataforma Clínica */
.fdr-showcase {
  background-image: linear-gradient(132deg, #102730 0%, #22484f 58%, #6d8d88 130%) !important;
  box-shadow: 0 28px 70px rgba(13,27,34,.14);
}
.fdr-showcase .fdr-glass {
  background: rgba(246,246,242,.11) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11);
}
.fdr-showcase .fdr-stat {
  background: rgba(251,251,248,.94) !important;
  box-shadow: 0 10px 28px rgba(13,27,34,.08);
}
.fdr-chip { box-shadow: none !important; }
.fdr-lift { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.fdr-lift:hover { transform: translateY(-2px); box-shadow: var(--fdr-shadow); border-color:#c4d0cc !important; }

.bg-blue-100\/70 { background-color: rgba(225,235,232,.72) !important; }
.bg-blue-600\/95 { background-color: rgba(22,49,58,.95) !important; }
.bg-cyan-300\/20 { background-color: rgba(109,141,136,.18) !important; }
.bg-blue-950\/15,.bg-blue-950\/20 { background-color: rgba(13,27,34,.16) !important; }

.fdr-shimmer { position: relative; overflow: hidden; }
.fdr-shimmer::after {
  content:""; position:absolute; inset:0; transform:translateX(-130%);
  background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.12) 50%, transparent 62%);
  transition:transform .55s ease;
}
.fdr-shimmer:hover::after { transform:translateX(130%); }

/* Keep the patient site calm: no pulsing CTA animation in the premium system. */
.fdr-breathe { animation:none !important; }

/* Delivery visual pass · Fernanda direction · 2026-09-06
   Bring the public Home closer to the approved editorial/photographic language
   without changing backend, routes or clinical behavior. */
.fdr-v1-visual-stack {
  display:block !important;
  min-height:0 !important;
}
.fdr-v1-visual-stack > .fdr-v1-visual-card:first-child {
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:30px !important;
  box-shadow:0 32px 80px rgba(11,47,85,.18) !important;
  border:1px solid rgba(11,47,85,.08) !important;
}
.fdr-v1-visual-stack > .fdr-v1-visual-card:first-child::after {
  content:"Atención podológica · red FDR";
  position:absolute;
  left:22px;
  bottom:22px;
  padding:10px 14px;
  border-radius:999px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  background:rgba(11,47,85,.82);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 30px rgba(11,47,85,.18);
}
.fdr-v1-visual-stack > .fdr-v1-visual-card:first-child img {
  width:100% !important;
  height:clamp(390px,48vw,610px) !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
.fdr-v1-visual-stack > .fdr-v1-visual-card:nth-child(2),
.fdr-v1-visual-stack > .fdr-v1-visual-card:nth-child(3) {
  display:none !important;
}

/* Home audience cards become photographic editorial tiles instead of dashboard-like chips. */
.fdr-v1-audiences {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:28px !important;
}
.fdr-v1-audience {
  position:relative !important;
  min-height:190px !important;
  padding:18px !important;
  overflow:hidden !important;
  border-radius:22px !important;
  border:1px solid rgba(11,47,85,.08) !important;
  background-size:cover !important;
  background-position:center !important;
  box-shadow:0 16px 42px rgba(11,47,85,.09) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  isolation:isolate;
  transition:transform .22s ease, box-shadow .22s ease !important;
}
.fdr-v1-audience::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(3,18,33,.06) 18%,rgba(3,18,33,.78) 100%);
}
.fdr-v1-audience:hover {
  transform:translateY(-3px);
  box-shadow:0 22px 52px rgba(11,47,85,.14) !important;
}
.fdr-v1-audience:nth-child(1) { background-image:url('https://images.pexels.com/photos/36429550/pexels-photo-36429550.jpeg?auto=compress&cs=tinysrgb&w=900'); }
.fdr-v1-audience:nth-child(2) { background-image:url('https://images.pexels.com/photos/6693308/pexels-photo-6693308.jpeg?auto=compress&cs=tinysrgb&w=900'); }
.fdr-v1-audience:nth-child(3) { background-image:url('https://images.pexels.com/photos/18987346/pexels-photo-18987346.jpeg?auto=compress&cs=tinysrgb&w=900'); }
.fdr-v1-audience:nth-child(4) { background-image:url('https://images.pexels.com/photos/16161981/pexels-photo-16161981.jpeg?auto=compress&cs=tinysrgb&w=900'); }
.fdr-v1-audience:nth-child(5) { background-image:url('https://images.pexels.com/photos/5853835/pexels-photo-5853835.jpeg?auto=compress&cs=tinysrgb&w=900'); }
.fdr-v1-audience:nth-child(6) { background-image:url('https://images.pexels.com/photos/28410192/pexels-photo-28410192.jpeg?auto=compress&cs=tinysrgb&w=900'); }
.fdr-v1-audience:nth-child(7) { background-image:url('https://images.pexels.com/photos/7719216/pexels-photo-7719216.jpeg?auto=compress&cs=tinysrgb&w=900'); }
.fdr-v1-audience-icon {
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:999px !important;
  color:#0b2f55 !important;
  background:rgba(255,255,255,.9) !important;
  border:1px solid rgba(255,255,255,.65) !important;
  box-shadow:0 8px 22px rgba(5,25,45,.12) !important;
  backdrop-filter:blur(8px);
}
.fdr-v1-audience strong {
  color:#fff !important;
  font-size:18px !important;
  line-height:1.15 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.28);
}

/* Use photography inside the ecosystem cards where Fernanda asked for a more editorial public site. */
.fdr-v1-product-card.education .fdr-v1-product-visual,
.fdr-v1-product-card.centers .fdr-v1-product-visual {
  min-height:190px !important;
  border-radius:20px !important;
  color:transparent !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center !important;
  border:1px solid rgba(11,47,85,.08) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22) !important;
}
.fdr-v1-product-card.education .fdr-v1-product-visual {
  background-image:linear-gradient(180deg,rgba(11,47,85,.03),rgba(11,47,85,.13)),url('https://images.pexels.com/photos/8376285/pexels-photo-8376285.jpeg?auto=compress&cs=tinysrgb&w=1200');
}
.fdr-v1-product-card.centers .fdr-v1-product-visual {
  background-image:linear-gradient(180deg,rgba(11,47,85,.02),rgba(11,47,85,.12)),url('https://images.pexels.com/photos/7108396/pexels-photo-7108396.jpeg?auto=compress&cs=tinysrgb&w=1200');
}

/* Slightly more editorial rhythm on the public home. */
.fdr-v1-section-head .fdr-v1-title { max-width:18ch; }
.fdr-v1-product-card { overflow:hidden; }

@media (max-width: 1100px) {
  .fdr-v1-audiences { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 640px) {
  .fdr-v1-audiences { grid-template-columns:1fr 1fr !important; gap:12px !important; }
  .fdr-v1-audience { min-height:154px !important; padding:14px !important; border-radius:18px !important; }
  .fdr-v1-audience strong { font-size:15px !important; }
  .fdr-v1-audience-icon { width:36px !important; height:36px !important; min-width:36px !important; }
  .fdr-v1-visual-stack > .fdr-v1-visual-card:first-child img { height:360px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .fdr-lift,.fdr-shimmer::after,.fdr-v1-audience { transition:none !important; }
}