.elementor-1635 .elementor-element.elementor-element-9f4f8c4{--display:flex;}.elementor-1635 .elementor-element.elementor-element-9b9bbf9{--display:flex;}.elementor-1635 .elementor-element.elementor-element-21c506e3{--display:flex;}.elementor-1635 .elementor-element.elementor-element-fc1b2b6{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-c22b34b *//* ===== Titlebar – Programare online (Nutritionistii.ro) ===== */
:root{
  --mf-brand:#ed1e79;   /* roz-magenta */
  --mf-brand-2:#0c1f8a; /* albastru închis */
  --mf-text:#0f172a;
  --mf-shadow:0 12px 40px rgba(2,6,23,.08);
}

.nr-titlebar{
  position:relative;
  background:#fff;
  border-radius:22px;
  box-shadow:var(--mf-shadow);
  padding:clamp(18px,4vw,44px);
  overflow:hidden;
  isolation:isolate;
}

/* bule decorative brand, foarte discrete */
.nr-titlebar::after{
  content:"";
  position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.45;
  background:
    radial-gradient(140px 140px at 14% 28%, color-mix(in srgb, var(--mf-brand) 12%, transparent) 0 140px, transparent 141px),
    radial-gradient(160px 160px at 86% 32%, color-mix(in srgb, var(--mf-brand-2) 12%, transparent) 0 160px, transparent 161px);
}

.nr-titlebar__wrap{ position:relative; z-index:1; }

.nr-title{
  margin:0;
  text-align:center;
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--mf-text);
  font-size:clamp(34px, 6.2vw, 88px); /* mare pe desktop, compact pe mobil */
}

/* highlight pastilă în spatele cuvintelor, ajustat la lățimea textului */
.nr-title > span{
  position:relative;
  display:inline-block;
  padding:0 .1em;
}
.nr-title > span::before{
  content:"";
  position:absolute; inset:-.18em -.28em;
  border-radius:18px;
  z-index:-1;
  background: color-mix(in srgb, var(--mf-brand-2) 12%, white);
  box-shadow: 0 18px 40px rgba(12,31,138,.10);
}

/* dark-prefer: highlight puțin mai intens */
@media (prefers-color-scheme:dark){
  .nr-titlebar{ background:#0b1220; }
  .nr-title{ color:#e5e7eb; }
  .nr-title > span::before{
    background: color-mix(in srgb, var(--mf-brand-2) 24%, #0b1220);
    box-shadow: 0 18px 40px rgba(0,0,0,.45);
  }
}

/* accesibilitate: fără animații */
@media (prefers-reduced-motion:reduce){
  .nr-titlebar::after{ opacity:.35 }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-11597f60 *//* Container centrat */
.nr-btn-center{
  text-align:center;
  margin:28px auto 20px;
}

/* Buton compact */
.nr-btn-main{
  display:inline-block;
  padding:12px 24px;
  border-radius:999px;
  font-size:.92rem;
  font-weight:600;
  color:#fff;
  text-decoration:none;
  text-align:center;
  background:linear-gradient(135deg,#ed1e79,#0c1f8a);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  transition:all .25s ease;
  max-width:100%;
  line-height:1.4;
}

/* Hover — fără schimbare culoare */
.nr-btn-main:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  opacity:.95;
  color:#fff;
  text-decoration:none;
}

/* Forțăm text alb în orice stare */
.nr-btn-main,
.nr-btn-main:hover,
.nr-btn-main:focus,
.nr-btn-main:active{
  color:#fff !important;
}

/* Responsive */
@media(max-width:640px){
  .nr-btn-main{
    display:block;
    width:100%;
    max-width:420px;
    margin:0 auto;
    font-size:.9rem;
    padding:12px 18px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-66b8075 *//* ===== Help box – Ajutor programare (Nutritionistii.ro) ===== */
:root{
  --mf-brand:#ed1e79;
  --mf-brand-2:#0c1f8a;
  --mf-text:#0f172a;
  --mf-muted:#475569;
  --mf-shadow:0 12px 40px rgba(2,6,23,.08);
}

.nr-help{
  position:relative;
  background:#fff;
  border-radius:22px;
  box-shadow:var(--mf-shadow);
  padding:clamp(20px,4vw,40px);
  overflow:hidden;
  isolation:isolate;
  text-align:center;
}
.nr-help::after{
  content:"";
  position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:0;
  background:
    radial-gradient(140px 140px at 12% 30%, color-mix(in srgb, var(--mf-brand) 12%, transparent) 0 140px, transparent 141px),
    radial-gradient(140px 140px at 88% 70%, color-mix(in srgb, var(--mf-brand-2) 12%, transparent) 0 140px, transparent 141px);
}

.nr-help__wrap{ position:relative; z-index:1; }

.nr-help__title{
  margin:0 0 6px;
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.2;
  color:var(--mf-text);
  font-size:clamp(20px,3.4vw,32px);
}
.nr-help__sub{
  margin:0 0 16px;
  color:var(--mf-muted);
  font-size:clamp(14px,1.8vw,16px);
}

/* Actions */
.nr-help__actions{
  display:flex; justify-content:center; gap:12px; flex-wrap:wrap;
}

/* Pastille gradient – text alb și la hover */
.btn-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 18px;
  border-radius:999px;
  background-image:linear-gradient(135deg, var(--mf-brand), var(--mf-brand-2));
  color:#fff !important; text-decoration:none; font-weight:800; letter-spacing:.2px;
  box-shadow:0 12px 24px rgba(12,31,138,.22);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  white-space:nowrap;
}
.btn-pill:hover, .btn-pill:focus{
  color:#fff !important;
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 16px 36px rgba(12,31,138,.28);
  filter:saturate(1.05);
}
.btn-pill svg{ display:block; color:#fff; }

/* Variante (dacă vrei nuanțe ușor diferite) */
.btn-pill.is-wa{
  background-image:linear-gradient(135deg, var(--mf-brand-2), var(--mf-brand));
}

/* Responsive */
@media (max-width:560px){
  .nr-help__actions{ flex-direction:column; }
  .btn-pill{ justify-content:center; width:100%; }
}

/* Dark mode */
@media (prefers-color-scheme:dark){
  .nr-help{ background:#0b1220; }
  .nr-help__title{ color:#e5e7eb; }
  .nr-help__sub{ color:#94a3b8; }
  .nr-help::after{
    background:
      radial-gradient(140px 140px at 12% 30%, color-mix(in srgb, var(--mf-brand) 18%, transparent) 0 140px, transparent 141px),
      radial-gradient(140px 140px at 88% 70%, color-mix(in srgb, var(--mf-brand-2) 18%, transparent) 0 140px, transparent 141px);
  }
}/* End custom CSS */