/*!
 * Demo Clinic — Hero section
 * Exclusive to the /demo route.
 */

.hero-section.feature-hero.nutricionista-hero{
  position:relative;
  overflow:hidden;
  padding:6.5rem 0 4rem;
  background:
    radial-gradient(1100px 520px at -10% -15%, var(--hero-secondary-tint), transparent 60%),
    radial-gradient(1000px 520px at 110% 0%, var(--hero-primary-tint), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, var(--dc-bg) 100%);
}
.hero-section .container{position:relative;z-index:2}

/* Copy */
.nutricionista-hero .display-title{margin-top:.75rem}
.nutricionista-hero .lead{color:var(--dc-muted)}
.nutricionista-hero .hero-lead{font-size:1.08rem;color:var(--dc-muted);max-width:520px;margin:0 0 1.5rem}
.nutricionista-hero .badge-soft{display:inline-flex;align-items:center;gap:.4rem}

/* CTA row */
.nutricionista-hero .cta-group{margin-top:.5rem}
.nutricionista-hero .btn.btn-nutricionista,
.nutricionista-hero .btn.btn-outline-nutricionista{padding:.85rem 1.5rem;font-size:1rem}

/* Checks row */
.hero-checks{display:flex;gap:.6rem;flex-wrap:wrap;padding:0;margin-top:1.25rem}
.hero-checks li{
  display:flex;align-items:center;gap:.5rem;margin:0;
  padding:.5rem .85rem;border-radius:999px;
  background:#fff;border:1px solid var(--dc-border);
  box-shadow:var(--dc-shadow-sm);
  font-size:.85rem;font-weight:600;color:var(--dc-text) !important;
}
.hero-checks li i{
  width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, var(--dc-primary), var(--dc-primary-dark));
  color:#fff !important;font-size:.65rem;
}

/* Trust stat strip under the checks */
.hero-trust-strip{display:flex;flex-wrap:wrap;gap:1.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--dc-border)}
.hero-trust-strip .stat{display:flex;flex-direction:column}
.hero-trust-strip .stat strong{font-family:'Montserrat',sans-serif;font-size:1.55rem;font-weight:800;color:var(--dc-primary-dark);line-height:1}
.hero-trust-strip .stat span{font-size:.8rem;color:var(--dc-muted);margin-top:.2rem}

/* Photo column */
.hero-photo-wrap{position:relative;z-index:2;max-width:460px;margin-inline:auto}
.hero-photo-card{
  position:relative;border-radius:var(--dc-radius-xl);overflow:hidden;
  box-shadow:var(--dc-shadow-lg);border:1px solid var(--dc-border);
  aspect-ratio:4/5;
}
.hero-photo-card img{width:100%;height:100%;object-fit:cover;display:block}
.hero-photo-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(32,40,31,0) 78%, rgba(20,32,25,.28) 100%);
}

/* Floating badge chips over the photo */
.hero-floating-badge{
  position:absolute;z-index:3;background:#fff;border:1px solid var(--dc-border);
  border-radius:var(--dc-radius-md);box-shadow:var(--dc-shadow-lg);
  padding:.75rem .9rem;display:flex;align-items:center;gap:.65rem;
  max-width:230px;
}
.hero-floating-badge.top{top:-22px;right:-18px}
.hero-floating-badge.bottom{bottom:-22px;left:-22px}
.hero-floating-badge .ic{
  width:38px;height:38px;border-radius:999px;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, var(--dc-primary-light), var(--dc-accent-light));
  color:var(--dc-primary-dark);font-size:1rem;
}
.hero-floating-badge strong{display:block;font-size:.85rem;line-height:1.15}
.hero-floating-badge span{display:block;font-size:.72rem;color:var(--dc-muted)}
@media (max-width:991.98px){
  .hero-floating-badge{padding:.6rem .75rem;max-width:190px}
  .hero-floating-badge.top{top:-14px;right:-10px}
  .hero-floating-badge.bottom{bottom:-14px;left:-10px}
}
@media (max-width:767.98px){
  .hero-photo-wrap{max-width:320px;margin-top:2.5rem}
}

/* Decorative floating circles (also reused in CTA banner) */
.floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none;z-index:1}
.floating-circle{position:absolute;border-radius:50%;opacity:.45;animation:dcFloat 8s infinite ease-in-out}
.floating-circle.small{width:60px;height:60px;background:rgba(var(--dc-primary-rgb),.14)}
.floating-circle.medium{width:110px;height:110px;background:rgba(var(--dc-accent-rgb),.12)}
.floating-circle.large{width:170px;height:170px;background:rgba(var(--dc-primary-rgb),.08)}
.circle1{top:14%;left:4%;animation-delay:0s}
.circle2{top:64%;left:2%;animation-delay:1s}
.circle3{top:8%;right:10%;animation-delay:2s}
.circle4{bottom:12%;right:6%;animation-delay:3s}
.circle5{bottom:28%;left:16%;animation-delay:4s}
@keyframes dcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion: reduce){ .floating-circle{animation:none !important} }

@media (max-width:991.98px){
  .hero-section.feature-hero.nutricionista-hero{padding:5.5rem 0 3rem}
}