{"id":28,"date":"2026-05-29T09:11:16","date_gmt":"2026-05-29T09:11:16","guid":{"rendered":"https:\/\/mindrise.ro\/programare\/"},"modified":"2026-05-29T16:16:44","modified_gmt":"2026-05-29T16:16:44","slug":"programare","status":"publish","type":"page","link":"https:\/\/mindrise.ro\/en\/programare\/","title":{"rendered":"Book a session"},"content":{"rendered":"<style id=\"spdhd-v2-css\">\n\/* =============================================================\n   Mindrise \/ Superputerea ADHD \u2014 V2 site stylesheet\n   Scoped under .spdhd-v2 so it cannot affect the current site.\n   Inject site-wide via Simple Custom CSS and JS or theme additional CSS.\n   ============================================================= *\/\n\n\/* ---- Fonts: load Inter from Google ---- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n\/* ---- Hide theme chrome ONLY on pages that contain a .spdhd-v2 wrapper ----\n   Uses :has() so we don't need a body class set by JavaScript \u2014 works even\n   when WordPress strips inline <script> tags from page content. *\/\nhtml:has(.spdhd-v2) #masthead,\nhtml:has(.spdhd-v2) #site-navigation,\nhtml:has(.spdhd-v2) .site-header,\nhtml:has(.spdhd-v2) header.site-header,\nhtml:has(.spdhd-v2) #colophon,\nhtml:has(.spdhd-v2) .site-footer,\nhtml:has(.spdhd-v2) footer.site-footer,\nhtml:has(.spdhd-v2) .wp-site-blocks > header,\nhtml:has(.spdhd-v2) .wp-site-blocks > footer,\nhtml:has(.spdhd-v2) .entry-title,\nhtml:has(.spdhd-v2) .page-title,\nhtml:has(.spdhd-v2) .entry-header,\nhtml:has(.spdhd-v2) .page-header,\n\/* GeneratePress specifics *\/\nhtml:has(.spdhd-v2) .generate-back-to-top,\nhtml:has(.spdhd-v2) .navigation-branding,\n\/* Block theme specifics *\/\nhtml:has(.spdhd-v2) .wp-block-template-part[data-block-name=\"header\"],\nhtml:has(.spdhd-v2) .wp-block-template-part[data-block-name=\"footer\"] { display: none !important; }\n\nhtml:has(.spdhd-v2) .entry-content,\nhtml:has(.spdhd-v2) .inside-article,\nhtml:has(.spdhd-v2) .wp-block-post-content,\nhtml:has(.spdhd-v2) .site-main,\nhtml:has(.spdhd-v2) .container,\nhtml:has(.spdhd-v2) main {\n  padding: 0 !important; margin: 0 !important;\n  max-width: none !important; width: auto !important;\n}\n\nhtml:has(.spdhd-v2) body { margin: 0 !important; padding: 0 !important; background: #fff !important; }\n\n\/* Fallback for older browsers (Chrome <105, Safari <15.4, Firefox <121):\n   if the deploy script's body-class script survives kses, these still apply. *\/\nbody.spdhd-v2-body #masthead,\nbody.spdhd-v2-body #site-navigation,\nbody.spdhd-v2-body .site-header,\nbody.spdhd-v2-body #colophon,\nbody.spdhd-v2-body .site-footer,\nbody.spdhd-v2-body .entry-title,\nbody.spdhd-v2-body .page-title,\nbody.spdhd-v2-body .entry-header,\nbody.spdhd-v2-body .page-header { display: none !important; }\nbody.spdhd-v2-body .entry-content,\nbody.spdhd-v2-body .inside-article,\nbody.spdhd-v2-body main { padding: 0 !important; margin: 0 !important; max-width: none !important; }\n\n\/* ---- Root scope ---- *\/\n.spdhd-v2,\n.spdhd-v2 * {\n  box-sizing: border-box;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.spdhd-v2 {\n  color: #1D2A35;\n  line-height: 1.5;\n  font-size: 16px;\n  background: #FFFFFF;\n}\n\n.spdhd-v2 a { color: #1EC4C9; text-decoration: none; }\n.spdhd-v2 a:hover { color: #1ab0b5; }\n.spdhd-v2 img { max-width: 100%; height: auto; display: block; }\n.spdhd-v2 p { margin: 0 0 1em 0; }\n.spdhd-v2 h1, .spdhd-v2 h2, .spdhd-v2 h3, .spdhd-v2 h4 { margin: 0 0 .5em 0; color: #1D2A35; }\n.spdhd-v2 h1 { font-size: 60px; font-weight: 800; line-height: 1.1; }\n.spdhd-v2 h2 { font-size: 36px; font-weight: 700; line-height: 1.2; }\n.spdhd-v2 h3 { font-size: 24px; font-weight: 700; line-height: 1.3; }\n.spdhd-v2 h4 { font-size: 18px; font-weight: 700; line-height: 1.4; }\n.spdhd-v2 ul { margin: 0 0 1em 0; padding-left: 1.25em; }\n.spdhd-v2 ul li { margin: .25em 0; }\n\n.spdhd-v2 h1, .spdhd-v2 h2, .spdhd-v2 h3, .spdhd-v2 h4 {\n  overflow-wrap: break-word; word-wrap: break-word; hyphens: auto;\n}\n@media (max-width: 1024px) {\n  .spdhd-v2 h1 { font-size: 40px; }\n  .spdhd-v2 h2 { font-size: 30px; }\n}\n@media (max-width: 640px) {\n  .spdhd-v2 h1 { font-size: 28px; line-height: 1.2; }\n  .spdhd-v2 h2 { font-size: 24px; line-height: 1.25; }\n  .spdhd-v2 h3 { font-size: 20px; }\n}\n\n\/* ---- Layout primitives ---- *\/\n.mr-container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n@media (max-width: 1024px) { .mr-container { padding: 0 24px; } }\n@media (max-width: 640px)  { .mr-container { padding: 0 16px; } }\n\n.mr-section { padding: 80px 0; position: relative; }\n@media (max-width: 1024px) { .mr-section { padding: 64px 0; } }\n@media (max-width: 640px)  { .mr-section { padding: 48px 0; } }\n\n.mr-row { display: flex; flex-wrap: wrap; gap: 32px; }\n.mr-col { flex: 1 1 0; min-width: 0; }\n\n.mr-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: start; }\n.mr-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; align-items: stretch; }\n.mr-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; align-items: start; }\n.mr-grid-2 > *, .mr-grid-3 > *, .mr-grid-4 > * { min-width: 0; width: 100%; }\n@media (max-width: 1024px) {\n  .mr-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .mr-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (max-width: 640px) {\n  .mr-grid-2, .mr-grid-3, .mr-grid-4 { grid-template-columns: 1fr; }\n}\n\n.mr-text-center { text-align: center; }\n.mr-mt-sm { margin-top: 8px; }\n.mr-mt-md { margin-top: 16px; }\n.mr-mt-lg { margin-top: 24px; }\n.mr-mt-xl { margin-top: 32px; }\n.mr-mt-2xl { margin-top: 48px; }\n.mr-mt-3xl { margin-top: 64px; }\n.mr-mb-sm { margin-bottom: 8px; }\n.mr-mb-md { margin-bottom: 16px; }\n.mr-mb-lg { margin-bottom: 24px; }\n.mr-mb-xl { margin-bottom: 32px; }\n\n\/* ---- Backgrounds \/ hero ---- *\/\n.mr-hero-bg {\n  background: linear-gradient(135deg, rgba(30,196,201,0.05) 0%, #fff 50%, rgba(166,224,28,0.05) 100%);\n}\n.mr-cta-turcoaz {\n  background: linear-gradient(to bottom right, #1EC4C9 0%, #1ab0b5 100%);\n  color: #fff;\n}\n.mr-cta-turcoaz h2, .mr-cta-turcoaz p { color: #fff; }\n.mr-bg-turcoaz-5  { background-color: rgba(30,196,201,0.05); }\n.mr-bg-turcoaz-10 { background-color: rgba(30,196,201,0.10); }\n.mr-bg-verde-10   { background-color: rgba(166,224,28,0.10); }\n.mr-bg-verde-20   { background-color: rgba(166,224,28,0.20); }\n.mr-bg-muted      { background-color: #F9FAFB; }\n.mr-bg-dark       { background-color: #1D2A35; color: #fff; }\n\n\/* ---- Blobs ---- *\/\n.mr-blob { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; z-index: 0; }\n.mr-blob.tl { top:-250px; left:-250px; width:500px; height:500px; background: rgba(166,224,28,.10); }\n.mr-blob.tr { top:-250px; right:-250px; width:500px; height:500px; background: rgba(30,196,201,.10); }\n.mr-blob.bl { bottom:-250px; left:-250px; width:500px; height:500px; background: rgba(166,224,28,.10); }\n.mr-blob.br { bottom:-250px; right:-250px; width:500px; height:500px; background: rgba(30,196,201,.10); }\n\n\/* ---- Card ---- *\/\n.mr-card {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.08);\n  border-radius: 24px;\n  padding: 32px;\n  transition: all 200ms ease;\n  position: relative;\n}\n.mr-card:hover {\n  border-color: rgba(30,196,201,0.40);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  transform: translateY(-4px);\n}\n.mr-card-tight { padding: 24px; }\n.mr-card-tinted-turcoaz { border: 2px solid rgba(30,196,201,0.20); }\n.mr-card-tinted-verde   { border: 2px solid rgba(166,224,28,0.20); }\n\n\/* ---- Buttons ---- *\/\n.mr-btn-primary, .mr-btn-outline, .mr-btn-dark, .mr-btn-white {\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n  padding: 14px 32px; font-weight: 700; border-radius: 12px; cursor: pointer;\n  text-decoration: none !important; transition: all 200ms ease; border: 0;\n  font-size: 15px; line-height: 1;\n}\n.mr-btn-primary {\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n}\n.mr-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35); color:#fff !important; }\n.mr-btn-outline {\n  background: #fff; color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10); padding: 12px 24px;\n}\n.mr-btn-outline:hover { background: #F9FAFB; }\n.mr-btn-dark { background: #1D2A35; color: #fff !important; }\n.mr-btn-dark:hover { background: #2A3C4C; color:#fff !important; }\n.mr-btn-white { background:#fff; color:#1EC4C9 !important; box-shadow:0 4px 12px rgba(0,0,0,.10); }\n.mr-btn-white:hover { transform: translateY(-2px); color:#1EC4C9 !important; }\n.mr-btn-ghost-on-dark {\n  display:inline-flex; align-items:center; justify-content:center; gap:8px;\n  padding:14px 32px; font-weight:700; border-radius:12px;\n  background: transparent; color: #fff !important; border: 2px solid #fff;\n  text-decoration:none !important;\n}\n.mr-btn-ghost-on-dark:hover { background: rgba(255,255,255,.10); color:#fff !important; }\n\n\/* ---- Badge ---- *\/\n.mr-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 6px 14px; background: rgba(166,224,28,0.20); color: #1D2A35;\n  border: 1px solid rgba(166,224,28,0.30); border-radius: 9999px;\n  font-size: 13px; font-weight: 700; letter-spacing: 0.02em;\n}\n.mr-badge-light {\n  background: rgba(255,255,255,0.80);\n  border-color: rgba(30,196,201,0.20);\n}\n\n\/* ---- Icon square ---- *\/\n.mr-icon-square {\n  display:inline-flex; align-items:center; justify-content:center;\n  width:56px; height:56px; border-radius:16px; flex-shrink:0;\n}\n.mr-icon-square.sm { width:40px; height:40px; border-radius:12px; }\n.mr-icon-square.lg { width:64px; height:64px; border-radius:16px; }\n.mr-icon-square svg { width: 28px; height: 28px; }\n.mr-icon-square.sm svg { width: 20px; height: 20px; }\n.mr-icon-square.lg svg { width: 32px; height: 32px; }\n\n\/* ---- Header ---- *\/\n.mr-header {\n  position: sticky; top: 0; z-index: 50;\n  background: #fff; border-bottom: 1px solid #E9EBEF;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n.mr-header-inner {\n  display:flex; align-items:center; justify-content:space-between;\n  max-width: 1280px; margin: 0 auto; padding: 0 32px; min-height: 80px;\n}\n@media (max-width: 1024px){ .mr-header-inner { padding: 0 24px; } }\n@media (max-width: 640px) { .mr-header-inner { padding: 0 16px; } }\n.mr-header-logo { display:flex; align-items:center; gap:12px; }\n.mr-header-logo img { width:56px; height:56px; border-radius:50%; object-fit: cover; }\n.mr-header-logo span { font-size:24px; font-weight:700; color:#1D2A35; }\n.mr-header-right { display:flex; align-items:center; gap:8px; }\n.mr-header-nav { display:flex; align-items:center; gap:4px; }\n.mr-header-nav a {\n  padding: 8px 12px; border-radius: 8px;\n  font-size: 15px; font-weight: 500; color: #1D2A35;\n  transition: all 150ms ease;\n  text-decoration: none;\n}\n.mr-header-nav a:hover { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n.mr-header-nav a.active,\n.mr-header-nav .current-menu-item > a,\n.mr-header-nav .current_page_item > a { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n\/* When wp_nav_menu renders, it outputs <ul class=\"mr-header-menu\"><li><a>.\n   Flatten that so it visually matches the fallback flat-link layout. *\/\n.mr-header-nav .mr-header-menu {\n  display: flex; align-items: center; gap: 4px;\n  list-style: none; margin: 0; padding: 0;\n}\n.mr-header-nav .mr-header-menu li { list-style: none; padding: 0; margin: 0; }\n.mr-header-cta { margin-left: 12px; padding: 10px 20px !important; font-size: 14px; }\n.mr-burger {\n  display: none; background: transparent; border: 1px solid rgba(0,0,0,0.10);\n  padding: 8px; cursor: pointer; border-radius: 10px;\n  color: #1D2A35; align-items: center; justify-content: center;\n}\n.mr-burger:hover { background: rgba(30,196,201,0.05); border-color: rgba(30,196,201,0.30); }\n.mr-burger svg { width: 24px; height: 24px; display: block; }\n.mr-burger .icon-close { display: none; }\n.mr-burger.open .icon-open { display: none; }\n.mr-burger.open .icon-close { display: block; }\n\n.mr-mobile-menu {\n  display: none;\n  padding: 16px 24px 24px;\n  border-top: 1px solid #E9EBEF;\n  background: #fff;\n}\n.mr-mobile-menu.open { display: block; }\n.mr-mobile-menu a {\n  display: block; padding: 12px 14px; border-radius: 10px;\n  color: #1D2A35; font-weight: 500; text-decoration: none;\n  font-size: 16px;\n}\n.mr-mobile-menu a:hover,\n.mr-mobile-menu a.active,\n.mr-mobile-menu .current-menu-item > a,\n.mr-mobile-menu .current_page_item > a { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n.mr-mobile-menu ul.mr-mobile-menu-list { list-style: none; margin: 0; padding: 0; }\n.mr-mobile-menu ul.mr-mobile-menu-list li { list-style: none; }\n.mr-mobile-menu .mr-btn-primary { width: 100%; margin-top: 12px; }\n\n\/* Language switcher inside the mobile menu panel.\n   Always rendered in the markup; we just show or hide based on whether\n   we're inside the mobile-menu panel vs the desktop header. *\/\n.mr-mobile-lang {\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #E9EBEF;\n  display: flex; justify-content: center;\n}\n.mr-mobile-lang .mr-lang-switch { display: inline-flex; }\n\n@media (max-width: 1024px) {\n  .mr-header-nav,\n  .mr-header-cta,\n  .mr-header-right .mr-lang-switch { display: none !important; }\n  .mr-burger { display: inline-flex; }\n}\n@media (min-width: 1025px) {\n  \/* On desktop the mobile-menu-only switcher is hidden;\n     the desktop one in .mr-header-right is the visible one. *\/\n  .mr-mobile-lang { display: none !important; }\n}\n\n\/* ---- Language switcher ---- *\/\n.mr-lang-switch {\n  display: inline-flex; align-items: center; gap: 4px;\n  padding: 6px; background: #F3F3F5; border-radius: 9999px;\n  font-size: 13px; font-weight: 600;\n}\n.mr-lang-switch a {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 32px; height: 28px; padding: 0 10px; border-radius: 9999px;\n  color: #6B7280; text-decoration: none !important; transition: all 150ms ease;\n  letter-spacing: 0.02em;\n}\n.mr-lang-switch a:hover { color: #1D2A35; background: rgba(0,0,0,0.04); }\n.mr-lang-switch a.current {\n  background: #fff; color: #1D2A35; box-shadow: 0 1px 2px rgba(0,0,0,0.06);\n}\n@media (max-width: 1024px) {\n  .mr-header-right .mr-lang-switch { display: none; }\n  .mr-mobile-menu .mr-lang-switch { display: inline-flex; margin-top: 12px; }\n}\n\n\/* ---- Footer ---- *\/\n.mr-footer { background: #1D2A35; color: #9CA3AF; }\n.mr-footer-main { padding: 56px 32px; max-width: 1280px; margin: 0 auto; }\n.mr-footer-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }\n@media (max-width: 1024px) { .mr-footer-cols { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 640px)  { .mr-footer-cols { grid-template-columns: 1fr; text-align: center; } }\n.mr-footer h3 { color: #fff; font-size: 18px; font-weight: 600; margin: 0 0 20px 0; }\n.mr-footer a { color: #9CA3AF; }\n.mr-footer a:hover { color: #1EC4C9; }\n.mr-footer ul { list-style: none; padding: 0; margin: 0; }\n.mr-footer li { margin: 8px 0; font-size: 15px; }\n.mr-footer-logo {\n  width: 160px; height: 160px; background: #fff; border-radius: 9999px;\n  border: 4px solid rgba(30,196,201,0.20); padding: 12px; margin: 0 auto 16px;\n  display:flex; align-items:center; justify-content:center;\n}\n.mr-footer-logo img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }\n.mr-footer-about p { font-size:14px; color:#9CA3AF; max-width: 360px; margin: 0 auto; }\n.mr-footer-anpc { display:flex; gap:8px; margin-top:16px; flex-wrap:wrap; }\n@media (max-width: 640px) {\n  .mr-footer-anpc { justify-content: center; }\n  .mr-footer-socials { justify-content: center; }\n  .mr-footer-contact-row { justify-content: center; }\n}\n.mr-footer-anpc a {\n  display:flex; align-items:center; justify-content:center;\n  width:120px; height:48px; background:#fff; padding:4px; border-radius:6px;\n}\n.mr-footer-anpc img { max-width: 100%; max-height: 100%; }\n.mr-footer-contact-row { display:flex; gap:8px; align-items:center; font-size:14px; margin: 8px 0; }\n.mr-footer-contact-row svg { width: 18px; height: 18px; color: #1EC4C9; flex-shrink:0; }\n.mr-footer-socials { display:flex; gap:12px; margin-top: 16px; }\n.mr-footer-socials a {\n  display:inline-flex; align-items:center; justify-content:center;\n  width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.10);\n}\n.mr-footer-eu {\n  background: rgba(0,0,0,0.20);\n  border-top: 1px solid rgba(255,255,255,0.10);\n  padding: 16px 32px;\n}\n.mr-footer-eu-inner {\n  max-width: 1280px; margin: 0 auto;\n  display:flex; align-items:center; gap:32px; flex-wrap: wrap;\n}\n.mr-footer-eu-logo { background:#fff; padding:8px; border-radius:12px; max-width:280px; flex-shrink:0; }\n.mr-footer-eu-logo img { width: 100%; height: auto; }\n.mr-footer-eu-text { font-size:13px; line-height:1.5; color:#9CA3AF; flex: 1; min-width: 280px; }\n.mr-footer-copy {\n  background: rgba(0,0,0,0.40);\n  border-top: 1px solid rgba(255,255,255,0.10);\n  padding: 20px 32px;\n}\n.mr-footer-copy-inner {\n  max-width: 1280px; margin: 0 auto;\n  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;\n  font-size: 12px;\n}\n.mr-footer-copy-inner .l { color: #6B7280; }\n.mr-footer-copy-inner .r { color: #4B5563; }\n\n\/* ---- Hero (specific) ---- *\/\n.mr-hero {\n  position: relative; overflow: hidden;\n}\n.mr-hero-grid {\n  display:grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;\n  position: relative; z-index: 1;\n}\n@media (max-width: 1024px) { .mr-hero-grid { grid-template-columns: 1fr; gap: 32px; } }\n.mr-hero-image-wrap { position: relative; }\n.mr-hero-image-wrap::before {\n  content: \"\"; position: absolute; inset: 0;\n  transform: translate(24px, 24px);\n  background: linear-gradient(to bottom right, #1EC4C9, #A6E01C);\n  border-radius: 24px; opacity: 0.20; z-index: 0;\n}\n.mr-hero-image-wrap img {\n  position: relative; z-index: 1; width: 100%; aspect-ratio: 4\/3;\n  object-fit: cover; border-radius: 24px; border: 8px solid #fff;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.20);\n}\n@media (max-width: 1024px) { .mr-hero-image-hide-tablet { display: none; } }\n\n\/* ---- Sub-hero (smaller hero used on interior pages) ---- *\/\n.mr-subhero {\n  padding: 80px 0 64px;\n  text-align: center;\n  position: relative; overflow: hidden;\n}\n.mr-subhero p.lead {\n  max-width: 720px; margin: 16px auto 32px;\n  font-size: 18px; line-height: 1.6; color: #6B7280;\n}\n\n\/* ---- Process step card ---- *\/\n.mr-step {\n  position: relative; padding-top: 48px;\n}\n.mr-step-num {\n  position: absolute; top: -32px; left: 50%; transform: translateX(-50%);\n  width: 64px; height: 64px; border-radius: 16px;\n  display:flex; align-items:center; justify-content:center;\n  font-size: 24px; font-weight: 800; color: #fff;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.10);\n}\n.mr-step-num.turcoaz { background: linear-gradient(to bottom right, #1EC4C9, #1ab0b5); }\n.mr-step-num.verde   { background: linear-gradient(to bottom right, #A6E01C, #8bc919); }\n\n\/* ---- Icon list row ---- *\/\n.mr-row-icon {\n  display:flex; align-items:flex-start; gap:16px; padding: 12px 0;\n}\n.mr-row-icon .mr-icon-square { flex-shrink: 0; }\n.mr-row-icon h4 { margin: 0 0 4px 0; font-size: 16px; font-weight: 700; }\n.mr-row-icon p { margin: 0; font-size: 14px; color: #6B7280; line-height: 1.4; }\n\n\/* ---- Form ---- *\/\n.mr-form-field { margin-bottom: 16px; }\n.mr-form-field label { display:block; font-size:14px; font-weight: 600; margin-bottom:6px; color:#1D2A35; }\n.mr-form-field input[type=\"text\"],\n.mr-form-field input[type=\"email\"],\n.mr-form-field input[type=\"tel\"],\n.mr-form-field input[type=\"password\"],\n.mr-form-field textarea,\n.mr-form-field select {\n  width:100%; padding:12px 14px; border:1px solid #E5E7EB; border-radius:10px;\n  background:#F3F3F5; font-size: 15px; color:#1D2A35;\n  transition: border-color 150ms, background 150ms;\n  font-family: inherit;\n}\n.mr-form-field textarea { min-height: 120px; resize: vertical; }\n.mr-form-field input:focus, .mr-form-field textarea:focus, .mr-form-field select:focus {\n  outline: none; background: #fff; border-color: #1EC4C9;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15);\n}\n\n\/* ---- Plugin form overrides (Contact Form 7 + Ultimate Member) ----\n   Scoped under .spdhd-v2 so they only affect v2 pages. *\/\n\n\/* Contact Form 7 \u2014 fields *\/\n.spdhd-v2 .wpcf7-form { font-family: inherit; color: #1D2A35; }\n.spdhd-v2 .wpcf7-form p { margin: 0 0 16px 0; }\n.spdhd-v2 .wpcf7-form label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; color: #1D2A35; }\n.spdhd-v2 .wpcf7-form input[type=\"text\"],\n.spdhd-v2 .wpcf7-form input[type=\"email\"],\n.spdhd-v2 .wpcf7-form input[type=\"tel\"],\n.spdhd-v2 .wpcf7-form input[type=\"url\"],\n.spdhd-v2 .wpcf7-form input[type=\"number\"],\n.spdhd-v2 .wpcf7-form input[type=\"password\"],\n.spdhd-v2 .wpcf7-form textarea,\n.spdhd-v2 .wpcf7-form select {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid #E5E7EB;\n  border-radius: 10px;\n  background: #F3F3F5;\n  font-size: 15px;\n  color: #1D2A35;\n  font-family: inherit;\n  margin-top: 6px;\n  transition: border-color 150ms, background 150ms, box-shadow 150ms;\n  box-sizing: border-box;\n}\n.spdhd-v2 .wpcf7-form textarea { min-height: 140px; resize: vertical; }\n.spdhd-v2 .wpcf7-form input:focus,\n.spdhd-v2 .wpcf7-form textarea:focus,\n.spdhd-v2 .wpcf7-form select:focus {\n  outline: none; background: #fff; border-color: #1EC4C9;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15);\n}\n.spdhd-v2 .wpcf7-form .wpcf7-list-item { margin: 0; }\n.spdhd-v2 .wpcf7-form .wpcf7-acceptance { font-size: 14px; }\n.spdhd-v2 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label { margin-left: 8px; color: #4B5563; }\n\n\/* Contact Form 7 \u2014 submit button *\/\n.spdhd-v2 .wpcf7-form .wpcf7-submit,\n.spdhd-v2 .wpcf7-form input[type=\"submit\"] {\n  display: inline-flex; align-items: center; justify-content: center;\n  padding: 14px 36px; font-weight: 700; font-size: 15px;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important;\n  border: 0; border-radius: 12px; cursor: pointer;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n  transition: all 200ms ease;\n  margin-top: 8px;\n  width: auto;\n}\n.spdhd-v2 .wpcf7-form .wpcf7-submit:hover,\n.spdhd-v2 .wpcf7-form input[type=\"submit\"]:hover {\n  transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35);\n}\n.spdhd-v2 .wpcf7-form .wpcf7-submit:disabled {\n  background: #E5E7EB !important; color: #9CA3AF !important;\n  box-shadow: none; transform: none; cursor: not-allowed;\n}\n\n\/* CF7 \u2014 response messages *\/\n.spdhd-v2 .wpcf7-response-output {\n  margin: 16px 0 0 0; padding: 12px 16px; border-radius: 10px; font-size: 14px;\n  border: 1px solid rgba(30,196,201,0.30);\n  background: rgba(30,196,201,0.08); color: #1D2A35;\n}\n.spdhd-v2 .wpcf7 form.invalid .wpcf7-response-output,\n.spdhd-v2 .wpcf7 form.unaccepted .wpcf7-response-output {\n  border-color: rgba(239,68,68,0.30); background: rgba(239,68,68,0.08); color: #991B1B;\n}\n.spdhd-v2 .wpcf7-not-valid-tip { color: #DC2626; font-size: 13px; margin-top: 4px; }\n\n\/* ---- Ultimate Member ---- *\/\n.spdhd-v2 .um,\n.spdhd-v2 .um *,\n.spdhd-v2 .um-form,\n.spdhd-v2 .um-form * { font-family: inherit !important; }\n\n.spdhd-v2 .um .um-row,\n.spdhd-v2 .um .um-col-1 { background: transparent !important; }\n\n.spdhd-v2 .um .um-field-label label,\n.spdhd-v2 .um .um-field-label {\n  font-size: 14px !important; font-weight: 600 !important;\n  color: #1D2A35 !important; margin-bottom: 6px !important;\n}\n.spdhd-v2 .um input[type=\"text\"],\n.spdhd-v2 .um input[type=\"email\"],\n.spdhd-v2 .um input[type=\"tel\"],\n.spdhd-v2 .um input[type=\"password\"],\n.spdhd-v2 .um input[type=\"url\"],\n.spdhd-v2 .um input[type=\"number\"],\n.spdhd-v2 .um textarea,\n.spdhd-v2 .um select {\n  width: 100% !important;\n  padding: 12px 14px !important;\n  border: 1px solid #E5E7EB !important;\n  border-radius: 10px !important;\n  background: #F3F3F5 !important;\n  font-size: 15px !important;\n  color: #1D2A35 !important;\n  height: auto !important;\n  box-sizing: border-box;\n  transition: border-color 150ms, background 150ms, box-shadow 150ms;\n}\n.spdhd-v2 .um input:focus,\n.spdhd-v2 .um textarea:focus,\n.spdhd-v2 .um select:focus {\n  outline: none !important; background: #fff !important;\n  border-color: #1EC4C9 !important;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15) !important;\n}\n\n\/* Ultimate Member buttons \u2014 primary (Login on login form, Register on register form) *\/\n.spdhd-v2 .um .um-button,\n.spdhd-v2 .um input[type=\"submit\"],\n.spdhd-v2 .um button[type=\"submit\"] {\n  display: inline-flex !important; align-items: center !important; justify-content: center !important;\n  padding: 12px 28px !important;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5) !important;\n  color: #fff !important;\n  font-weight: 700 !important;\n  font-size: 15px !important;\n  border: 0 !important;\n  border-radius: 12px !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n  text-shadow: none !important;\n  transition: all 200ms ease !important;\n  text-decoration: none !important;\n  height: auto !important;\n  line-height: 1.2 !important;\n}\n.spdhd-v2 .um .um-button:hover {\n  transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35) !important;\n  color: #fff !important;\n}\n\n\/* Secondary UM button (the alt-action Register-on-login-form \/ Login-on-register-form) *\/\n.spdhd-v2 .um .um-button.um-alt {\n  background: #fff !important;\n  color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10) !important;\n  box-shadow: none !important;\n}\n.spdhd-v2 .um .um-button.um-alt:hover {\n  background: #F9FAFB !important; color: #1D2A35 !important;\n  border-color: rgba(30,196,201,0.40) !important;\n}\n\n\/* UM checkbox row (\"Keep me signed in\") *\/\n.spdhd-v2 .um .um-field-checkbox-option,\n.spdhd-v2 .um .um-field-checkbox label,\n.spdhd-v2 .um label[for*=\"checkbox\"] {\n  font-weight: 500 !important; color: #4B5563 !important; font-size: 14px !important;\n}\n\n\/* UM \"Forgot password\" \/ inline links *\/\n.spdhd-v2 .um a { color: #1EC4C9; font-weight: 600; }\n.spdhd-v2 .um a:hover { color: #1ab0b5; }\n\n\/* UM error \/ notice messages: only override the TEXT color so the\n   message is readable on UM's default red banner. Nothing else is\n   touched \u2014 UM's default background, padding, arrow, and layout all\n   stand. Minimal contrast fix, intentionally. *\/\n.spdhd-v2 .um .um-field-error,\n.spdhd-v2 .um .um-notice,\n.spdhd-v2 .um .um-notice-error,\n.spdhd-v2 .um .um-error,\n.spdhd-v2 .um .um-error-block {\n  color: #fff !important;\n}\n\n\/* ---- UM Account page (settings: Account \/ Change Password \/ Privacy \/ Delete) ---- *\/\n\n\/* The page itself shouldn't be cramped to the side *\/\n.spdhd-v2 .um.um-account {\n  max-width: 1100px; margin: 48px auto; padding: 0 24px;\n  background: transparent !important;\n}\n\n\/* Left sidebar (avatar + name + nav tabs) *\/\n.spdhd-v2 .um-account-side {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 24px 0 !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n  overflow: hidden;\n}\n\n\/* Avatar block (top of sidebar) *\/\n.spdhd-v2 .um-account-side .um-account-meta {\n  text-align: center !important;\n  padding: 0 16px 16px !important;\n  border-bottom: 1px solid #F3F4F6;\n}\n.spdhd-v2 .um-account-side .um-account-meta-img img {\n  width: 96px !important; height: 96px !important;\n  border-radius: 50% !important; object-fit: cover;\n  margin: 0 auto 12px !important;\n  border: 3px solid rgba(30,196,201,0.20) !important;\n}\n.spdhd-v2 .um-account-side .um-account-meta-info-name {\n  font-size: 16px !important; font-weight: 700 !important;\n  color: #1D2A35 !important; margin-bottom: 4px !important;\n}\n.spdhd-v2 .um-account-side .um-account-meta-info-name a { color: #1D2A35; }\n.spdhd-v2 .um-account-side .um-account-meta-info-url a {\n  font-size: 13px; color: #1EC4C9; font-weight: 600;\n}\n\n\/* Nav tabs (Account \/ Change Password \/ Privacy \/ Delete Account) *\/\n.spdhd-v2 .um-account-tabs { background: transparent !important; padding: 8px 0 !important; }\n.spdhd-v2 .um-account-tab,\n.spdhd-v2 .um-account-side a.current,\n.spdhd-v2 .um-account-side a {\n  background: transparent !important;\n  color: #4B5563 !important;\n  border: 0 !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  transition: all 150ms ease;\n}\n.spdhd-v2 .um-account-tab a,\n.spdhd-v2 .um-account-side a {\n  display: flex !important; align-items: center !important; gap: 12px !important;\n  padding: 12px 20px !important;\n  color: #4B5563 !important;\n  text-decoration: none !important;\n  border-radius: 0 !important;\n}\n.spdhd-v2 .um-account-tab a:hover,\n.spdhd-v2 .um-account-side a:hover {\n  background: rgba(30,196,201,0.05) !important;\n  color: #1D2A35 !important;\n}\n.spdhd-v2 .um-account-tab.current,\n.spdhd-v2 .um-account-tab.current a,\n.spdhd-v2 .um-account-side a.current {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  border-left: 3px solid #1EC4C9 !important;\n}\n.spdhd-v2 .um-account-tab i,\n.spdhd-v2 .um-account-side i {\n  color: inherit !important; font-size: 18px !important;\n  width: 20px !important; text-align: center !important;\n}\n\n\/* Main content pane (right side: form fields) *\/\n.spdhd-v2 .um-account-main {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 32px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n}\n\n\/* Section header above the form (e.g. \"Account\") *\/\n.spdhd-v2 .um-account-name h3,\n.spdhd-v2 .um-account-name {\n  font-size: 22px !important; font-weight: 700 !important;\n  color: #1D2A35 !important; margin: 0 0 24px 0 !important;\n  display: flex !important; align-items: center !important; gap: 10px !important;\n  padding: 0 !important; border: 0 !important;\n}\n.spdhd-v2 .um-account-name i { color: #1EC4C9 !important; font-size: 22px !important; }\n.spdhd-v2 .um-account-name a { color: inherit !important; }\n\n\/* Field labels *\/\n.spdhd-v2 .um-account .um-field-label,\n.spdhd-v2 .um-account .um-field-label label {\n  color: #1D2A35 !important; font-weight: 600 !important; font-size: 14px !important;\n  margin-bottom: 8px !important;\n}\n\n\/* Required marker *\/\n.spdhd-v2 .um-account .um-req { color: #DC2626 !important; }\n\n\/* Update Account submit row *\/\n.spdhd-v2 .um-account .um-button {\n  margin-top: 8px !important;\n}\n\n\/* Row layout \u2014 sidebar + main side-by-side on desktop, stacked on\n   mobile. Uses inline-block so we don't rely on any specific UM\n   wrapper class structure. *\/\n@media (min-width: 768px) {\n  .spdhd-v2 .um-account .um-account-side,\n  .spdhd-v2 .um-account .um-account-main {\n    display: inline-block !important;\n    vertical-align: top !important;\n    float: none !important;\n  }\n  .spdhd-v2 .um-account .um-account-side {\n    width: 280px !important;\n    margin-right: 32px !important;\n  }\n  .spdhd-v2 .um-account .um-account-main {\n    width: calc(100% - 280px - 32px - 8px) !important;\n  }\n}\n@media (max-width: 767px) {\n  \/* Stack the two cards. Force max-width:100% so neither card pokes\n     past the viewport on narrow screens. *\/\n  .spdhd-v2 .um.um-account,\n  .spdhd-v2 .um.um-account * { max-width: 100% !important; }\n  .spdhd-v2 .um-account .um-account-side,\n  .spdhd-v2 .um-account .um-account-main {\n    display: block !important;\n    width: 100% !important; max-width: 100% !important;\n    margin-right: 0 !important; float: none !important;\n  }\n  .spdhd-v2 .um-account .um-account-side {\n    margin-bottom: 24px !important;\n  }\n  \/* Hide UM's mobile-only compressed icon strip (the duplicate sidebar\n     that shows as bare icons + chevrons on mobile, see screenshot). *\/\n  .spdhd-v2 .um-account .um-account-nav-icons,\n  .spdhd-v2 .um-account .um-account-tabs-mobile,\n  .spdhd-v2 .um-account .um-account-side-mobile {\n    display: none !important;\n  }\n  \/* Form fields should respect the viewport *\/\n  .spdhd-v2 .um-account .um-field,\n  .spdhd-v2 .um-account .um-field input,\n  .spdhd-v2 .um-account .um-field select,\n  .spdhd-v2 .um-account .um-field textarea {\n    width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;\n  }\n  .spdhd-v2 .um-account .um-account-main { padding: 20px !important; }\n  \/* Prevent any wide child element from triggering horizontal scroll *\/\n  .spdhd-v2 .um.um-account { overflow-x: hidden !important; }\n}\n\n\/* ---- UM Profile + Edit Profile page (\/user\/<username>\/ and ?um_action=edit) ----\n\n   Layout goal (matches the Account page):\n   1. Cover photo  \u2192 standalone rounded card, bounded height, no overlap\n   2. Header card  \u2192 white card with centred avatar (overlapping cover by\n      -50% of avatar), name + status text centred below, small gear icon\n      pinned top-right of the card\n   3. Tabs card    \u2192 clean pill row, single-line, active state in teal\n   4. Body card    \u2192 white card with comfortable padding\n\n   We aggressively override UM's per-page inline styles (UM injects rules\n   like `.um-1137.um .um-profile-meta { padding-left: 250px; }` which\n   destroy the centred layout \u2014 we beat them with !important + higher\n   specificity by chaining the wrapper `.spdhd-v2`). *\/\n\n.spdhd-v2 .um.um-profile {\n  max-width: 1100px !important;\n  margin: 48px auto !important;\n  padding: 0 24px !important;\n  background: transparent !important;\n}\n\n\/* Reset the inner form wrapper \u2014 we style the cover\/header\/nav\/body as\n   individual cards instead of one big card containing everything. *\/\n.spdhd-v2 .um-profile > .um-form {\n  background: transparent !important;\n  border: 0 !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n\/* ---- 1. Cover photo card ---- *\/\n.spdhd-v2 .um-profile .um-cover {\n  height: 220px !important;\n  min-height: 0 !important;\n  max-height: 220px !important;\n  background: linear-gradient(135deg, rgba(30,196,201,0.20), rgba(166,224,28,0.20)) !important;\n  border-radius: 16px !important;\n  overflow: hidden !important;\n  position: relative !important;\n  margin: 0 0 16px 0 !important;\n  padding: 0 !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n}\n.spdhd-v2 .um-profile .um-cover .um-cover-e {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n  inset: 0 !important;\n  background-position: center !important;\n  background-size: cover !important;\n  border-radius: 0 !important;\n}\n.spdhd-v2 .um-profile .um-cover .um-cover-e img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center !important;\n  display: block !important;\n}\n.spdhd-v2 .um-profile .um-cover-overlay {\n  background: linear-gradient(to top, rgba(0,0,0,0.18), transparent) !important;\n}\n@media (max-width: 640px) {\n  .spdhd-v2 .um-profile .um-cover {\n    height: 140px !important;\n    max-height: 140px !important;\n  }\n}\n\n\/* ---- 2. Header card (avatar + name + gear) ----\n   Sits below the cover with a -64px negative top margin so the avatar\n   overlaps the cover. We force a flexible block layout that centres the\n   content and pins the gear icon to the top-right corner. *\/\n.spdhd-v2 .um-profile .um-header {\n  position: relative !important;\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n  padding: 0 24px 24px 24px !important;\n  margin: -56px 0 16px 0 !important;\n  overflow: visible !important;\n  text-align: center !important;\n}\n\n\/* Avatar \u2014 sits centred at the top of the header card, half above the\n   card border. Override UM's per-page inline `top: -105px` and\n   `padding-left: 250px` rules. *\/\n.spdhd-v2 .um-profile .um-profile-photo {\n  position: relative !important;\n  top: auto !important; left: auto !important; right: auto !important;\n  margin: -64px auto 12px auto !important;\n  padding: 0 !important;\n  width: 128px !important;\n  height: 128px !important;\n  z-index: 2 !important;\n  display: block !important;\n  float: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-photo a.um-profile-photo-img,\n.spdhd-v2 .um-profile .um-profile-photo img {\n  position: static !important;\n  top: auto !important; left: auto !important;\n  width: 128px !important; height: 128px !important;\n  border-radius: 50% !important;\n  object-fit: cover !important;\n  border: 4px solid #fff !important;\n  box-shadow: 0 6px 16px rgba(0,0,0,0.10) !important;\n  background: #fff !important;\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* Meta block (name + status). Override UM's per-page\n   `padding-left: 250px` rule so it's centred under the photo, not pushed\n   right of a phantom side-photo. *\/\n.spdhd-v2 .um-profile .um-profile-meta {\n  padding: 0 !important;\n  margin: 0 !important;\n  text-align: center !important;\n  display: block !important;\n  width: 100% !important;\n}\n.spdhd-v2 .um-profile .um-main-meta {\n  text-align: center !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n.spdhd-v2 .um-profile .um-name {\n  font-weight: 800 !important;\n  font-size: 24px !important;\n  color: #1D2A35 !important;\n  margin: 0 0 4px 0 !important;\n  text-align: center !important;\n  display: block !important;\n}\n.spdhd-v2 .um-profile .um-name a {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-status {\n  font-size: 13px !important;\n  color: #6B7280 !important;\n  margin: 4px 0 0 0 !important;\n  font-style: normal !important;\n}\n.spdhd-v2 .um-profile .um-profile-status.approved span {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  padding: 4px 10px !important;\n  background: rgba(22,163,74,0.10) !important;\n  color: #16A34A !important;\n  border-radius: 999px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n}\n\n\/* Gear icon \u2014 small circular button, top-right of the header card.\n   Override UM's default block positioning that puts it next to the name.\n   Reset background \/ border \/ border-radius \/ box-shadow on the WRAPPER\n   so only the inner <a> renders the circle \u2014 otherwise UM's default\n   wrapper styling shows as a squircle outline around the button. *\/\n.spdhd-v2 .um-profile .um-profile-edit.um-profile-headericon,\n.spdhd-v2 .um-profile .um-profile-headericon {\n  position: absolute !important;\n  top: 16px !important;\n  right: 16px !important;\n  left: auto !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 40px !important;\n  height: 40px !important;\n  z-index: 3 !important;\n  background: transparent !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 40px !important;\n  height: 40px !important;\n  padding: 0 !important;\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  border-radius: 50% !important;\n  text-decoration: none !important;\n  font-size: 16px !important;\n  box-shadow: none !important;\n  transition: all 150ms ease !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a:hover {\n  background: #1EC4C9 !important;\n  color: #fff !important;\n  transform: none !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a i {\n  font-size: 16px !important;\n  line-height: 1 !important;\n}\n\n\/* Gear dropdown (Edit Profile \/ My Account \/ Logout) \u2014 floating menu\n   anchored to the gear icon. Stays above other cards. *\/\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown {\n  z-index: 100 !important;\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 12px !important;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;\n  padding: 8px !important;\n  min-width: 180px !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown ul {\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown li {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown a {\n  display: block !important;\n  padding: 10px 14px !important;\n  color: #1D2A35 !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  background: transparent !important;\n  text-align: left !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown a:hover {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n}\n\n\/* ---- 3. Nav tabs (About \/ Posts \/ Comments) ----\n   UM renders each tab twice: once with `uimob800-show` (mobile variant)\n   and once with `uimob800-hide` (desktop variant). UM's own responsive\n   CSS is supposed to toggle them, but on our page both leak through and\n   we see duplicates. Force the toggle ourselves. *\/\n.spdhd-v2 .um-profile-nav,\n.spdhd-v2 .um-profile .um-profile-nav {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 12px !important;\n  padding: 6px !important;\n  margin: 0 0 16px 0 !important;\n  text-align: center !important;\n  display: flex !important;\n  justify-content: center !important;\n  flex-wrap: wrap !important;\n  gap: 4px !important;\n}\n\n\/* Hide UM's separate mobile dropdowns \/ extras that some configs add. *\/\n.spdhd-v2 .um-profile-nav select,\n.spdhd-v2 .um-profile-nav .um-profile-nav-select,\n.spdhd-v2 .um-profile-nav-mobile,\n.spdhd-v2 .um-profile-nav-extra,\n.spdhd-v2 .um-profile-nav-tabs-secondary,\n.spdhd-v2 .um-profile-tabs-mobile,\n.spdhd-v2 .um-tabs-mobile,\n.spdhd-v2 .um-profile-nav .um-dropdown-arrow-on-up,\n.spdhd-v2 .um-profile-nav .um-profile-nav-content + .um-profile-nav-content {\n  display: none !important;\n}\n\n\/* Each tab item is a div containing TWO <a> tags (one for mobile, one\n   for desktop). Show only the desktop one on desktop, only the mobile\n   one on mobile. *\/\n.spdhd-v2 .um-profile-nav-item {\n  background: transparent !important;\n  border: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  display: inline-flex !important;\n  vertical-align: middle !important;\n}\n.spdhd-v2 .um-profile-nav-item > a.uimob800-show,\n.spdhd-v2 .um-profile-nav-item > a.uimob500-show,\n.spdhd-v2 .um-profile-nav-item > a.uimob340-show {\n  display: none !important;\n}\n.spdhd-v2 .um-profile-nav-item > a.uimob800-hide,\n.spdhd-v2 .um-profile-nav-item > a.uimob500-hide,\n.spdhd-v2 .um-profile-nav-item > a.uimob340-hide {\n  display: inline-flex !important;\n}\n@media (max-width: 800px) {\n  .spdhd-v2 .um-profile-nav-item > a.uimob800-show {\n    display: inline-flex !important;\n  }\n  .spdhd-v2 .um-profile-nav-item > a.uimob800-hide {\n    display: none !important;\n  }\n}\n\n.spdhd-v2 .um-profile-nav-item a {\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  padding: 10px 18px !important;\n  color: #4B5563 !important;\n  background: transparent !important;\n  border-radius: 10px !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  border: 0 !important;\n  transition: all 150ms ease !important;\n  white-space: nowrap !important;\n}\n.spdhd-v2 .um-profile-nav-item a:hover {\n  background: rgba(30,196,201,0.05) !important;\n  color: #1D2A35 !important;\n}\n.spdhd-v2 .um-profile-nav-item.active a,\n.spdhd-v2 .um-profile-nav-item a.active,\n.spdhd-v2 .um-profile-nav-item.current a {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  font-weight: 700 !important;\n}\n\/* Explicit gap between icon and label. UM's um-old-default.min.css loads\n   AFTER our stylesheet and has !important rules on `<i>` margin with\n   equal\/higher specificity \u2014 so we lose on a cascade tie. Beat it by\n   chaining `body.spdhd-v2-body` (the body class already added by the\n   theme) to push our specificity above anything UM ships. *\/\nbody.spdhd-v2-body .spdhd-v2 .um.um-profile .um-profile-nav .um-profile-nav-item a > i,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > i {\n  font-size: 16px !important;\n  color: inherit !important;\n  line-height: 1 !important;\n  margin: 0 10px 0 0 !important;\n  padding: 0 !important;\n  display: inline-block !important;\n  float: none !important;\n  position: static !important;\n  width: auto !important;\n  height: auto !important;\n  vertical-align: middle !important;\n}\nbody.spdhd-v2-body .spdhd-v2 .um.um-profile .um-profile-nav .um-profile-nav-item a > span,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > span,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > span.title {\n  color: inherit !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  display: inline !important;\n  vertical-align: middle !important;\n}\n\n\/* ---- 4. Body content card ---- *\/\n.spdhd-v2 .um-profile .um-profile-body {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n  padding: 32px !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-body h3,\n.spdhd-v2 .um-profile .um-profile-body h4 {\n  color: #1D2A35 !important;\n  font-weight: 700 !important;\n  margin: 0 0 12px 0 !important;\n}\n\n\/* Empty-state note (\"Your profile is looking a little empty\u2026\") *\/\n.spdhd-v2 .um-profile .um-profile-note {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 12px !important;\n  padding: 32px 16px !important;\n  text-align: center !important;\n  color: #6B7280 !important;\n  font-size: 15px !important;\n  line-height: 1.5 !important;\n  border-bottom: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note i {\n  font-size: 48px !important;\n  color: rgba(30,196,201,0.40) !important;\n  line-height: 1 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note span {\n  display: block !important;\n  max-width: 420px !important;\n}\n.spdhd-v2 .um-profile .um-profile-note a {\n  color: #1EC4C9 !important;\n  font-weight: 600 !important;\n  text-decoration: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-note a:hover {\n  text-decoration: underline !important;\n}\n\n\/* Field rows in the About tab (User Info etc.) *\/\n.spdhd-v2 .um-profile .um-item-meta {\n  padding: 16px 0 !important;\n  border-bottom: 1px solid #F3F4F6 !important;\n}\n.spdhd-v2 .um-profile .um-item-meta:last-child {\n  border-bottom: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note-title,\n.spdhd-v2 .um-profile .um-field-label {\n  font-weight: 600 !important;\n  color: #6B7280 !important;\n  font-size: 13px !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.04em !important;\n}\n.spdhd-v2 .um-profile .um-profile-note-content,\n.spdhd-v2 .um-profile .um-field-area {\n  color: #1D2A35 !important;\n  font-size: 15px !important;\n  margin-top: 4px !important;\n}\n\n\/* Mobile: tighter padding, smaller avatar *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .um.um-profile {\n    margin: 24px auto !important;\n    padding: 0 16px !important;\n  }\n  .spdhd-v2 .um-profile .um-header {\n    margin-top: -40px !important;\n    padding: 0 16px 20px 16px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-photo {\n    margin-top: -48px !important;\n    width: 96px !important;\n    height: 96px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-photo a.um-profile-photo-img,\n  .spdhd-v2 .um-profile .um-profile-photo img {\n    width: 96px !important;\n    height: 96px !important;\n    border-width: 3px !important;\n  }\n  .spdhd-v2 .um-profile .um-name {\n    font-size: 20px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-edit.um-profile-headericon,\n  .spdhd-v2 .um-profile .um-profile-headericon {\n    top: 12px !important;\n    right: 12px !important;\n    width: 36px !important;\n    height: 36px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-edit-a {\n    width: 36px !important;\n    height: 36px !important;\n    font-size: 14px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-nav {\n    flex-wrap: wrap !important;\n    gap: 4px !important;\n  }\n  .spdhd-v2 .um-profile-nav-item a {\n    padding: 8px 12px !important;\n    font-size: 13px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-body {\n    padding: 20px !important;\n  }\n}\n\n\/* ---- UM Edit Profile mode (?um_action=edit on the profile URL) ---- *\/\n\n\/* When UM switches the profile into edit mode it adds .um-edit-mode to\n   the profile container and renders the same nav + a long form below.\n   Make the form fields full-width, wrap in a real card, and ensure no\n   horizontal overflow on mobile. *\/\n.spdhd-v2 .um.um-profile.um-editing,\n.spdhd-v2 .um.um-profile.um-edit,\n.spdhd-v2 .um-profile.um-editing,\n.spdhd-v2 .um-profile.um-edit {\n  max-width: 1100px !important;\n}\n\n.spdhd-v2 .um-profile.um-editing .um-form,\n.spdhd-v2 .um-profile.um-edit .um-form,\n.spdhd-v2 .um-profile .um-profile-edit-form,\n.spdhd-v2 .um-profile-edit {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 32px !important;\n  margin-top: 24px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n}\n\n.spdhd-v2 .um-profile .um-field,\n.spdhd-v2 .um-profile .um-field-area {\n  width: 100% !important; max-width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n.spdhd-v2 .um-profile .um-field input[type=\"text\"],\n.spdhd-v2 .um-profile .um-field input[type=\"email\"],\n.spdhd-v2 .um-profile .um-field input[type=\"url\"],\n.spdhd-v2 .um-profile .um-field input[type=\"number\"],\n.spdhd-v2 .um-profile .um-field input[type=\"tel\"],\n.spdhd-v2 .um-profile .um-field input[type=\"date\"],\n.spdhd-v2 .um-profile .um-field textarea,\n.spdhd-v2 .um-profile .um-field select {\n  width: 100% !important;\n  padding: 12px 14px !important;\n  border: 1px solid #E5E7EB !important;\n  background: #F3F3F5 !important;\n  border-radius: 10px !important;\n  font-size: 15px !important; color: #1D2A35 !important;\n  box-sizing: border-box !important;\n}\n\n.spdhd-v2 .um-profile .um-field input:focus,\n.spdhd-v2 .um-profile .um-field textarea:focus,\n.spdhd-v2 .um-profile .um-field select:focus {\n  outline: none !important; background: #fff !important;\n  border-color: #1EC4C9 !important;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15) !important;\n}\n\n.spdhd-v2 .um-profile .um-field-label,\n.spdhd-v2 .um-profile .um-field-label label {\n  font-size: 14px !important; font-weight: 600 !important;\n  color: #1D2A35 !important; margin-bottom: 6px !important;\n}\n\n.spdhd-v2 .um-profile .um-col-alt,\n.spdhd-v2 .um-profile .um-form-buttons,\n.spdhd-v2 .um-profile .um-button-row {\n  text-align: center !important; margin-top: 24px !important;\n  display: flex !important; justify-content: center !important; gap: 12px !important;\n  flex-wrap: wrap !important;\n}\n\n\/* Save \/ Cancel buttons in edit form *\/\n.spdhd-v2 .um-profile .um-form input[type=\"submit\"],\n.spdhd-v2 .um-profile .um-form .um-button,\n.spdhd-v2 .um-profile .um-button-row .um-button {\n  padding: 12px 28px !important;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5) !important;\n  color: #fff !important;\n  font-weight: 700 !important; font-size: 15px !important;\n  border: 0 !important; border-radius: 12px !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n  cursor: pointer !important;\n}\n.spdhd-v2 .um-profile .um-button.um-alt,\n.spdhd-v2 .um-profile .um-button-cancel {\n  background: #fff !important; color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10) !important;\n  box-shadow: none !important;\n}\n\n\/* Mobile padding *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .um-profile.um-editing .um-form,\n  .spdhd-v2 .um-profile.um-edit .um-form,\n  .spdhd-v2 .um-profile-edit { padding: 20px !important; }\n  .spdhd-v2 .um.um-profile,\n  .spdhd-v2 .um-profile { overflow-x: hidden !important; }\n}\n\n\/* ---- Stars ---- *\/\n.mr-stars { color: #FBBC05; letter-spacing: 2px; font-size: 14px; }\n\n\/* ---- Quote glyph (subtle) ---- *\/\n.mr-quote-glyph {\n  position: absolute; top: 16px; right: 16px;\n  font-size: 64px; line-height: 1; color: rgba(30,196,201,0.10);\n  font-family: Georgia, serif; font-weight: 700;\n}\n\n\/* ---- Pricing \/ objectives list ---- *\/\n.mr-objectives li {\n  list-style: none; padding-left: 30px; position: relative; margin: 10px 0;\n  color: #1D2A35; font-size: 15px; line-height: 1.5;\n}\n.mr-objectives li::before {\n  content: \"\"; position: absolute; left: 0; top: 6px;\n  width: 18px; height: 18px; border-radius: 50%;\n  background: rgba(30,196,201,0.20);\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%231EC4C9' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat; background-position: center;\n  background-size: 12px;\n}\n\n\/* ---- Service detail layout ---- *\/\n.mr-service-hero {\n  padding: 80px 0; background: linear-gradient(135deg, rgba(30,196,201,0.06), #fff 50%, rgba(166,224,28,0.06));\n}\n.mr-service-hero-grid {\n  display:grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;\n}\n@media (max-width: 1024px) { .mr-service-hero-grid { grid-template-columns: 1fr; gap: 32px; } }\n\n\/* Generic mobile safety net for the long-title service pages:\n   any two-column inline-grid layout used in the body content must stack. *\/\n@media (max-width: 768px) {\n  .spdhd-v2 [style*=\"grid-template-columns\"] { grid-template-columns: 1fr !important; }\n  .spdhd-v2 [style*=\"display:flex\"][style*=\"gap\"] { flex-wrap: wrap; }\n  \/* Keep all images inside the v2 wrapper bounded by their parent on mobile.\n     Prevents long Calendly iframes \/ wide widgets from forcing horizontal scroll. *\/\n  .spdhd-v2 iframe { max-width: 100% !important; }\n  .spdhd-v2 .mr-container { overflow-x: hidden; }\n}\n.mr-service-meta { display:flex; flex-wrap:wrap; gap:8px; margin: 16px 0 24px; }\n.mr-service-meta .mr-badge { background: rgba(30,196,201,.10); border-color: rgba(30,196,201,.20); color: #1D2A35; }\n.mr-service-image {\n  border-radius: 24px; overflow: hidden;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n}\n.mr-service-image img { width:100%; aspect-ratio: 4\/3; object-fit: cover; }\n.mr-section-band { padding: 64px 0; }\n.mr-stat {\n  text-align:center; padding: 24px;\n  background:#fff; border-radius: 16px; border: 1px solid rgba(0,0,0,0.06);\n}\n.mr-stat .num { font-size: 36px; font-weight: 800; color: #1EC4C9; line-height: 1; }\n.mr-stat .lbl { font-size: 14px; color: #6B7280; margin-top: 6px; }\n\n\/* ---- Utility ---- *\/\n.mr-tag-turcoaz { color: #1EC4C9; }\n.mr-tag-verde   { color: #A6E01C; }\n.mr-muted       { color: #6B7280; }\n.mr-strong      { font-weight: 700; }\n.mr-flex { display:flex; }\n.mr-flex-center { display:flex; align-items:center; justify-content:center; }\n.mr-flex-between { display:flex; align-items:center; justify-content:space-between; gap: 16px; flex-wrap: wrap; }\n.mr-gap-sm { gap: 8px; }\n.mr-gap-md { gap: 16px; }\n.mr-gap-lg { gap: 24px; }\n.mr-w-full { width: 100%; }\n.mr-rounded-xl { border-radius: 16px; }\n.mr-rounded-2xl { border-radius: 24px; }\n.mr-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }\n.mr-shadow { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n.mr-shadow-lg { box-shadow: 0 12px 30px rgba(0,0,0,0.12); }\n\n\/* ---- Blog ---- *\/\n\n\/* Prose styling for the body of a single blog post. Gutenberg blocks\n   inside the_content() render with these typography defaults so posts\n   look consistent with the rest of the site. *\/\n.spdhd-v2 .mr-post-body h2 {\n  font-size: 28px; line-height: 1.25; color: #1D2A35; font-weight: 800;\n  margin: 48px 0 16px;\n}\n.spdhd-v2 .mr-post-body h3 {\n  font-size: 22px; line-height: 1.3; color: #1D2A35; font-weight: 700;\n  margin: 36px 0 12px;\n}\n.spdhd-v2 .mr-post-body h4 {\n  font-size: 18px; line-height: 1.4; color: #1D2A35; font-weight: 700;\n  margin: 28px 0 10px;\n}\n.spdhd-v2 .mr-post-body p {\n  margin: 0 0 20px;\n}\n.spdhd-v2 .mr-post-body a {\n  color: #1EC4C9; text-decoration: underline; text-underline-offset: 3px;\n}\n.spdhd-v2 .mr-post-body a:hover {\n  color: #1ab0b5;\n}\n.spdhd-v2 .mr-post-body ul,\n.spdhd-v2 .mr-post-body ol {\n  margin: 0 0 20px; padding-left: 28px;\n}\n.spdhd-v2 .mr-post-body li {\n  margin: 8px 0;\n}\n.spdhd-v2 .mr-post-body blockquote {\n  margin: 32px 0; padding: 20px 28px;\n  border-left: 4px solid #1EC4C9;\n  background: rgba(30,196,201,0.05);\n  border-radius: 0 12px 12px 0;\n  font-style: italic; color: #4B5563;\n}\n.spdhd-v2 .mr-post-body blockquote p:last-child {\n  margin-bottom: 0;\n}\n.spdhd-v2 .mr-post-body img,\n.spdhd-v2 .mr-post-body figure {\n  max-width: 100%; height: auto;\n  border-radius: 12px;\n  margin: 28px 0;\n}\n.spdhd-v2 .mr-post-body figcaption {\n  font-size: 14px; color: #6B7280; text-align: center; margin-top: 8px;\n}\n.spdhd-v2 .mr-post-body code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 14px; padding: 2px 6px;\n  background: #F3F4F6; border-radius: 4px;\n}\n.spdhd-v2 .mr-post-body pre {\n  margin: 28px 0; padding: 20px;\n  background: #1D2A35; color: #E5E7EB;\n  border-radius: 12px; overflow-x: auto;\n  font-size: 14px; line-height: 1.6;\n}\n.spdhd-v2 .mr-post-body pre code {\n  background: transparent; padding: 0; color: inherit;\n}\n.spdhd-v2 .mr-post-body hr {\n  border: 0; border-top: 1px solid #E5E7EB; margin: 40px 0;\n}\n\n\/* Pagination on blog index + archives. WP outputs a nav.navigation\n   wrapper with .page-numbers spans\/anchors inside. *\/\n.mr-blog-pagination,\n.spdhd-v2 nav.navigation.pagination,\n.spdhd-v2 .pagination {\n  display: flex; justify-content: center; align-items: center;\n  gap: 8px; flex-wrap: wrap;\n}\n.spdhd-v2 .page-numbers {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 40px; height: 40px;\n  padding: 0 14px;\n  background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: 10px;\n  color: #1D2A35; font-weight: 600; font-size: 14px;\n  text-decoration: none;\n  transition: all 150ms ease;\n}\n.spdhd-v2 .page-numbers:hover {\n  background: rgba(30,196,201,0.10);\n  color: #1EC4C9; border-color: rgba(30,196,201,0.30);\n}\n.spdhd-v2 .page-numbers.current {\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important; border-color: transparent;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n}\n.spdhd-v2 .page-numbers.dots {\n  border: 0; background: transparent; color: #9CA3AF;\n}\n\n\/* Mobile: tighter spacing for blog grid *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .mr-blog-grid {\n    grid-template-columns: 1fr !important;\n    gap: 20px !important;\n  }\n  .spdhd-v2 .mr-post-body { font-size: 16px !important; }\n  .spdhd-v2 .mr-post-body h2 { font-size: 24px; }\n  .spdhd-v2 .mr-post-body h3 { font-size: 19px; }\n}\n\n<\/style>\n<script>if(typeof document!==\"undefined\"){document.body.classList.add(\"spdhd-v2-body\");}<\/script><!-- HERO -->\n  <section style=\"background:#F9FAFB; padding:48px 0;\">\n    <div class=\"mr-container\" style=\"max-width:896px; text-align:center;\">\n      <a href=\"\/home\" style=\"display:inline-block; color:#6B7280; font-weight:500; margin-bottom:24px;\">\u2190 \u00cenapoi la pagina principal\u0103<\/a>\n      <h1 style=\"font-size:36px; font-weight:800;\">Programeaz\u0103 o <span style=\"color:#1EC4C9;\">\u00eent\u00e2lnire<\/span><\/h1>\n      <p style=\"font-size:16px; color:#4B5563; max-width:480px; margin:16px auto 0;\">\n        Alege o zi \u0219i o or\u0103 potrivit\u0103 pentru tine. Discu\u021bia va avea loc online \u0219i va dura aproximativ 30 de minute.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- BOOKING WIDGET -->\n  <section style=\"background:#fff; padding:48px 0;\">\n    <div class=\"mr-container\" style=\"max-width:896px;\">\n      <div style=\"border:1px solid #F3F4F6; border-radius:32px; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,0.08);\">\n        <div class=\"mr-grid-2\" style=\"gap:0; grid-template-columns: 1fr 2fr;\">\n          <div style=\"background:rgba(29,42,53,0.05); padding:32px;\">\n            <div class=\"mr-icon-square\" style=\"background:#fff; box-shadow:0 4px 12px rgba(0,0,0,0.05); margin-bottom:16px;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg>\n            <\/div>\n            <h3 style=\"font-size:20px;\">Consulta\u021bie Ini\u021bial\u0103<\/h3>\n            <p style=\"font-size:14px; color:#6B7280;\">O discu\u021bie relaxat\u0103, unu-la-unu, pentru a explora provoc\u0103rile tale \u0219i cum te putem ajuta.<\/p>\n            <div style=\"margin-top:24px; display:flex; flex-direction:column; gap:12px;\">\n              <div style=\"display:flex; align-items:center; gap:8px; color:#6B7280; font-weight:500; font-size:14px;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                30 minute\n              <\/div>\n              <div style=\"display:flex; align-items:center; gap:8px; color:#6B7280; font-weight:500; font-size:14px;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg>\n                Google Meet\n              <\/div>\n              <div style=\"display:flex; align-items:center; gap:8px; color:#6B7280; font-weight:500; font-size:14px;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n                Ora Rom\u00e2niei\n              <\/div>\n            <\/div>\n          <\/div>\n          <div style=\"padding:0;\">\n            <!-- Calendly inline embed (config from WP admin \u2192 Settings \u2192 Mindrise Calendly) -->\n            <div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/pec-mindset\/30min?primary_color=1ec4c9&amp;hide_event_type_details=1&amp;hide_gdpr_banner=1\" style=\"min-width:320px; height:600px;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- EXPLANATORY -->\n  <section style=\"background:#F9FAFB; padding:64px 0;\">\n    <div class=\"mr-container\" style=\"max-width:896px;\">\n      <div class=\"mr-grid-3\" style=\"gap:24px;\">\n        <div style=\"background:#fff; padding:24px; border-radius:16px; border:1px solid #F3F4F6;\">\n          <div class=\"mr-icon-square sm\" style=\"background:rgba(30,196,201,0.10); margin-bottom:8px;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <h3 style=\"font-size:16px;\">F\u0103r\u0103 obliga\u021bie<\/h3>\n          <p style=\"font-size:14px; color:#6B7280; margin:0;\">Consulta\u021bia ini\u021bial\u0103 este gratuit\u0103 \u0219i f\u0103r\u0103 presiunea unui angajament ulterior.<\/p>\n        <\/div>\n        <div style=\"background:#fff; padding:24px; border-radius:16px; border:1px solid #F3F4F6;\">\n          <div class=\"mr-icon-square sm\" style=\"background:rgba(166,224,28,0.10); margin-bottom:8px;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A6E01C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n          <\/div>\n          <h3 style=\"font-size:16px;\">Spa\u021biu sigur<\/h3>\n          <p style=\"font-size:14px; color:#6B7280; margin:0;\">Discu\u021bia se va desf\u0103\u0219ura \u00eentr-un cadru confiden\u021bial, f\u0103r\u0103 judecat\u0103.<\/p>\n        <\/div>\n        <div style=\"background:#fff; padding:24px; border-radius:16px; border:1px solid #F3F4F6;\">\n          <div class=\"mr-icon-square sm\" style=\"background:rgba(30,196,201,0.10); margin-bottom:8px;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1EC4C9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <\/div>\n          <h3 style=\"font-size:16px;\">Confirmare imediat\u0103<\/h3>\n          <p style=\"font-size:14px; color:#6B7280; margin:0;\">Vei primi un email cu link-ul Google Meet \u0219i un memento \u00eenainte de \u00eent\u00e2lnire.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n","protected":false},"excerpt":{"rendered":"\u2190 \u00cenapoi la pagina principal\u0103 Programeaz\u0103 o \u00eent\u00e2lnire Alege o zi \u0219i o or\u0103 potrivit\u0103 pentru tine. Discu\u021bia va avea loc online \u0219i va dura aproximativ 30 de minute. Consulta\u021bie Ini\u021bial\u0103 O discu\u021bie relaxat\u0103, unu-la-unu, pentru a explora provoc\u0103rile tale \u0219i cum te putem ajuta. 30 minute Google Meet Ora Rom\u00e2niei F\u0103r\u0103 obliga\u021bie Consulta\u021bia ini\u021bial\u0103 [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":3,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/28\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}