/* ═══════════════════════════════════════════════════════════════
   Centru de condiție (design „Ghid editorial") — 2026, scoped sub .centru-page
   Se încarcă pe HealthCenterPrezentare:centru_conditie (header.tpl + headerR.tpl).
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=IBM+Plex+Mono:wght@400;500&display=swap');

.centru-page{
  --red:#D8232A; --red-deep:#B51C22; --red-soft:#FBEAEA;
  --blue:#1A5FB4; --blue-deep:#154C90;
  --ink:#16202B; --body:#3D4854; --muted:#74808C;
  --line:rgba(20,32,43,.10); --page:#F4F6F8; --white:#fff;
  --green:#1E9E6A;
  --sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono","SF Mono",Menlo,monospace;
  font-family:var(--sans);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;
}
.centru-page *{box-sizing:border-box}
.centru-page a{color:inherit;text-decoration:none}
.centru-page img{max-width:100%;display:block}
.centru-page button{font-family:inherit;cursor:pointer}
.centru-page .wrap{max-width:1100px;margin:0 auto;padding:22px 20px 48px}
.centru-page .sec-label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--red)}
.centru-page .sec-label.blue{color:var(--blue-deep)}
.centru-page .sec-label.amber{color:#A86A33}
.centru-page .serif-h1{font-family:var(--serif);font-weight:500;letter-spacing:0;line-height:1;color:var(--ink);margin:0}
.centru-page .serif-h2{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:0;margin:10px 0 0;color:var(--ink)}
.centru-page .link{font-weight:700;font-size:13px;color:var(--blue);display:inline-flex;align-items:center;gap:5px}
.centru-page .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}
.centru-page .subc-pills{display:flex;flex-wrap:wrap;gap:8px}
.centru-page .pill.subc{padding:8px 14px;font-size:14px;color:var(--blue-deep);transition:background .12s,border-color .12s}
.centru-page .pill.subc:hover{background:var(--page);border-color:var(--blue)}
.centru-page .ico{display:inline-block;vertical-align:middle}
.centru-page .ph{border:1px solid rgba(20,32,43,.06);border-radius:18px;display:flex;align-items:center;justify-content:center;
  background:repeating-linear-gradient(135deg,#E7EEF4,#E7EEF4 11px,rgba(255,255,255,.55) 11px,rgba(255,255,255,.55) 22px)}
.centru-page .ph span{font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:#8FA6B5;background:rgba(255,255,255,.7);padding:3px 9px;border-radius:6px}
.centru-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-weight:700;font-size:15px;
  white-space:nowrap;border:1px solid transparent;padding:11px 18px;transition:filter .15s,background .15s}
.centru-page .btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 2px rgba(20,32,43,.12)}
.centru-page .btn-primary.red{background:var(--red)}
.centru-page .btn-primary:hover{filter:brightness(1.05)}
.centru-page .btn-ghost{background:#fff;color:var(--blue-deep);border-color:var(--line)}
.centru-page .btn-ghost:hover{background:var(--page)}
.centru-page .btn-full{width:100%}
.centru-page .dot{width:8px;height:8px;border-radius:8px;background:var(--green);display:inline-block;flex:0 0 auto}
.centru-page .dot.off{background:#B9C1C9}
.centru-page .avatar{border-radius:12px;border:1px solid rgba(20,32,43,.07);display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;font-weight:800;letter-spacing:0}
.centru-page .crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.centru-page .crumbs .sep{opacity:.5}
.centru-page .crumbs .cur{color:var(--body);font-weight:600}
.centru-page .crumbs a{color:var(--muted)}
.centru-page .crumbs a:hover{color:var(--blue-deep)}
.centru-page .hero{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start;margin:22px 0 26px}
.centru-page .hero h1{font-size:34px;margin:12px 0 8px}
.centru-page .hero .full{font-size:15px;font-weight:600;color:var(--body);margin-bottom:18px}
.centru-page .hero .lead{font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--body);margin:0}
.centru-page .reviewer{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:var(--muted)}
.centru-page .hero .ph{height:260px}
.centru-page .stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:40px}
.centru-page .stat{padding:20px 22px;border-left:1px solid var(--line)}
.centru-page .stat:first-child{border-left:none}
.centru-page .stat .n{font-weight:800;font-size:30px;color:var(--red);letter-spacing:0}
.centru-page .stat .l{font-size:13px;color:var(--body);margin-top:4px;line-height:1.35}
.centru-page .body-grid{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}
.centru-page section.block{margin-bottom:30px}
.centru-page .prose-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 28px}
.centru-page .prose-card>h3:first-of-type{margin-top:4px}
.centru-page .faq-card{padding:4px 28px}
.centru-page .faq-item{border-bottom:1px solid var(--line)}
.centru-page .faq-item:last-child{border-bottom:none}
.centru-page .faq-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;font-weight:600;font-size:15px;color:var(--ink)}
.centru-page .faq-item>summary::-webkit-details-marker{display:none}
.centru-page .faq-item>summary::after{content:"+";font-family:var(--sans);font-size:24px;font-weight:400;color:var(--blue);line-height:1;flex:0 0 auto}
.centru-page .faq-item[open]>summary::after{content:"\2013"}
.centru-page .faq-a{padding:0 0 18px;font-size:14px;line-height:1.6;color:var(--body)}
.centru-page .head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.centru-page .trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.centru-page .trio-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 20px}
.centru-page .trio-card .num{width:30px;height:30px;border-radius:9px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:600;margin-bottom:12px}
.centru-page .trio-card .k{font-weight:700;font-size:16px;margin-bottom:6px}
.centru-page .trio-card .d{font-size:14px;line-height:1.55;color:var(--body)}
.centru-page .p-body{font-size:15px;line-height:1.65;color:var(--body);margin:0 0 20px}
.centru-page .interpret{background:linear-gradient(135deg,#153B54,#1F5B7E);border-radius:16px;padding:22px 24px;display:flex;align-items:center;gap:20px;color:#fff}
.centru-page .interpret .t{font-family:var(--serif);font-size:19px;font-weight:500;margin:8px 0 6px}
.centru-page .interpret .s{font-size:14px;line-height:1.5;color:rgba(255,255,255,.82);max-width:380px}
.centru-page .interpret .btn{background:#fff;color:#153B54}
.centru-page .ask-promo{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 28px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.centru-page .ask-promo-title{font-family:var(--serif);font-size:25px;font-weight:600;line-height:1.18;margin:0 0 8px;color:var(--ink)}
.centru-page .ask-promo-title span{color:var(--red)}
.centru-page .ask-promo-sub{font-size:14px;line-height:1.5;color:var(--body);margin:0 0 16px;max-width:480px}
.centru-page .ask-promo-stats{display:flex;gap:28px}
.centru-page .ask-promo-stats>div{display:flex;flex-direction:column;gap:2px}
.centru-page .ask-promo-stats b{font-size:22px;font-weight:800;color:var(--red);letter-spacing:0;line-height:1}
.centru-page .ask-promo-stats span{font-size:12px;color:var(--muted)}
.centru-page .ask-promo .btn{flex:0 0 auto}
.centru-page .agroup-block{margin-bottom:30px}
.centru-page .agroup-block:last-child{margin-bottom:0}
.centru-page .agroup-title-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.centru-page .agroup-title-row .sw{width:12px;height:12px;border-radius:3px;flex:0 0 auto}
.centru-page .agroup-title-row .count{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted)}
.centru-page .articles-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 22px}
.centru-page .art-card{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.centru-page .art-card:last-child{border-bottom:none}
.centru-page .art-thumb{width:170px;height:118px;flex:0 0 auto;border-radius:12px;overflow:hidden;background:#E7EEF4;display:block}
.centru-page .art-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.centru-page .art-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.centru-page .art-title{font-family:var(--sans);font-size:17px;font-weight:500;color:var(--ink);line-height:1.3}
.centru-page .art-card:hover .art-title{color:var(--blue)}
.centru-page .art-desc{font-size:13px;line-height:1.5;color:var(--muted)}
.centru-page .agroup-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.centru-page .agroup-head .sw{width:10px;height:10px;border-radius:3px}
.centru-page .agroup-head .t{font-weight:700;font-size:15px}
.centru-page .agroup-head .rule{flex:1;height:1px;background:var(--line)}
.centru-page .agroup-head .count{font-family:var(--mono);font-size:11px;color:var(--muted)}
.centru-page .alist{display:grid;gap:2px}
.centru-page .aitem{display:flex;align-items:baseline;gap:12px;padding:11px 12px;border-radius:10px;transition:background .12s}
.centru-page .aitem:hover{background:var(--page)}
.centru-page .aitem .t{font-family:var(--sans);font-size:15px;color:var(--blue-deep);line-height:1.35;flex:1}
.centru-page .tag{border:0}
.centru-page .community-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:4px 20px}
.centru-page .q{padding:16px 0;border-bottom:1px solid var(--line)}
.centru-page .q:last-child{border-bottom:none}
.centru-page .q .meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.centru-page .q .meta .when{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.4px}
.centru-page .q .meta .rep{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--blue)}
.centru-page .q .qt{font-family:var(--sans);font-size:16px;font-weight:500;margin-bottom:5px;line-height:1.35}
.centru-page .q .qb{font-size:14px;line-height:1.55;color:var(--body)}
.centru-page .rail{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.centru-page .rail-mobile{display:none}
.centru-page .rail-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.centru-page .rail-card .rt{font-weight:700;font-size:15px;margin:8px 0 12px}
.centru-page .ask{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.centru-page .ask .top{padding:18px 18px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#F7FBFE,#fff)}
.centru-page .ask .top h3{font-weight:700;font-size:17px;margin:8px 0 0;line-height:1.3}
.centru-page .ask .docs{padding:6px 14px 4px}
.centru-page .doc-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)}
.centru-page .doc-row:last-child{border-bottom:none}
.centru-page .doc-row .nm{font-weight:700;font-size:14px}
.centru-page .doc-row .sp{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.centru-page .doc-row .rt{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:12px}
.centru-page .doc-row .rt b{font-weight:700}
.centru-page .ask .cta{padding:12px 14px 16px}
.centru-page .ask .cta .note{text-align:center;margin-top:9px;font-size:12px;color:var(--muted)}
.centru-page .factori{display:grid;gap:10px}
.centru-page .factori .f{display:flex;gap:9px;font-size:13px;line-height:1.45;color:var(--body)}
.centru-page .factori .f b{color:var(--red);font-weight:800;flex:0 0 auto}
.centru-page .grp{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.centru-page .grp:last-child{border-bottom:none}
.centru-page .grp .ic{width:34px;height:34px;border-radius:10px;background:var(--page);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.centru-page .grp .gt{font-size:13px;font-weight:700}
.centru-page .grp .gn{font-size:12px;color:var(--muted)}
.centru-page .grp .arr{margin-left:auto}
.centru-page .offers-sec{margin-top:48px}
.centru-page .offers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.centru-page .offer{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
.centru-page .offer .on{font-weight:700;font-size:15px;line-height:1.35}
.centru-page .offer .op{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.centru-page .offer .pr{display:flex;align-items:flex-end;gap:8px;margin-top:auto}
.centru-page .offer .pr .now{font-weight:800;font-size:18px}
.centru-page .offer .pr .old{font-size:13px;color:var(--muted);text-decoration:line-through}
.centru-page .offer .pr .dur{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted)}
@media (max-width:980px){
  .centru-page .wrap{padding-left:22px;padding-right:22px}
  .centru-page .hero{grid-template-columns:1fr;gap:22px;align-items:start}
  .centru-page .hero h1{font-size:30px}
  .centru-page .hero .ph{height:200px}
  .centru-page .stats{grid-template-columns:1fr 1fr}
  .centru-page .stat{border-left:1px solid var(--line);border-top:1px solid var(--line)}
  .centru-page .stat:nth-child(-n+2){border-top:none}
  .centru-page .stat:nth-child(odd){border-left:none}
  .centru-page .body-grid{grid-template-columns:1fr;gap:32px}
  .centru-page .rail{display:none}
  .centru-page .rail-mobile{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}
  .centru-page .interpret{flex-direction:column;align-items:flex-start;gap:16px}
  .centru-page .ask-promo{flex-direction:column;align-items:flex-start;gap:18px}
  .centru-page .ask-promo-stats{gap:22px}
  .centru-page .offers{grid-template-columns:1fr}
}
@media (max-width:560px){
  .centru-page .wrap{padding-left:16px;padding-right:16px}
  .centru-page .hero h1{font-size:26px}
  .centru-page .trio{grid-template-columns:1fr}
  .centru-page .serif-h2{font-size:25px}
  .centru-page .head-row{flex-direction:column;align-items:flex-start;gap:8px}
}
