Protocols. Manual de utilizare a corpului uman (ed. brosata cu supracoperta)

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@700&family=Newsreader:wght@400;600&family=Mulish:wght@400;500;700&display=swap'); .protocols-preorder-wrapper *{box-sizing:border-box;} /* ---------- Banner de precomandă ---------- */ .protocols-preorder-frame { background: linear-gradient(135deg, #e87928 0%, #d35924 50%, #bf3820 100%); border-radius: 20px; padding: 24px 16px; margin: 0 0 28px 0; box-shadow: 0 6px 24px rgba(191,56,32,0.25); display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; } .protocols-preorder-badge { flex-shrink: 0; width: 100px; height: 100px; border-radius: 50%; background: #00aded; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(0,0,0,0.22); position: relative; z-index: 2; } .protocols-preorder-panel { width: 100%; background: #ffffff; border-radius: 16px; padding: 20px; text-align: center; } .protocols-badge-text { display: inline-flex; align-items: center; justify-content: center; gap: 2px; margin: 0 0 12px 0; padding: 7px 18px; background: #00aded; border-radius: 999px; font-family: 'Jost', 'Century Gothic', Futura, Arial, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #ffffff; white-space: nowrap; } .protocols-badge-text span { display: inline-block; line-height: 1; } .protocols-preorder-title { margin: 0 0 12px 0; font-family: Georgia, 'Times New Roman', serif; font-size: 19px; line-height: 1.35; font-weight: bold; color: #241a12; } .protocols-preorder-divider { width: 120px; height: 0; border-top: 1px dashed #e0d3c4; margin: 0 auto 12px auto; } @media (min-width: 640px) { .protocols-preorder-frame { flex-direction: row; padding: 14px 20px 14px 14px; gap: 0; } .protocols-preorder-badge { width: 116px; height: 116px; margin-right: -48px; } .protocols-preorder-panel { flex: 1 1 auto; padding: 20px 24px 20px 56px; text-align: left; } .protocols-badge-text { font-size: 15px; letter-spacing: 1.5px; margin-bottom: 10px; } .protocols-preorder-title { font-size: 21px; } .protocols-preorder-divider { margin: 0 0 10px 0; width: 160px; } } /* ---------- Descriere ---------- */ .protocols-desc { container-type: inline-size; background: #faf7f3; border: 1px solid #f0e6da; border-radius: 22px; box-shadow: 0 2px 4px rgba(58,51,43,.03), 0 30px 60px -32px rgba(120,80,40,.32); padding: clamp(24px,6cqi,60px) clamp(20px,6cqi,58px); } .protocols-desc p { margin: 0; } .protocols-desc .lede { font-family: 'Newsreader', Georgia, serif; font-weight: 400; font-size: clamp(20px,3.6cqi,24px); line-height: 1.55; color: #2b241d; } .protocols-desc .lede strong { font-weight: 600; } .protocols-desc .body { margin-top: clamp(16px,3cqi,24px); font-family: 'Mulish', Arial, sans-serif; font-weight: 400; font-size: clamp(16px,3cqi,18px); line-height: 1.75; color: #35302a; } .protocols-desc .dot-sep { display: flex; justify-content: center; margin: clamp(24px,5cqi,40px) 0; } .protocols-desc .dot-sep span { width: 9px; height: 9px; border-radius: 50%; background: #d35924; box-shadow: 0 0 0 6px rgba(211,89,36,.10); } .protocols-desc .bio { background: #ffffff; border: 1px solid #f0e6da; border-radius: 16px; padding: clamp(20px,4.5cqi,30px) clamp(20px,4.5cqi,32px); } .protocols-desc .bio p { font-family: 'Mulish', Arial, sans-serif; font-weight: 400; font-size: clamp(15px,2.8cqi,16.5px); line-height: 1.78; color: #4a4238; } .protocols-desc .bio p + p { margin-top: clamp(12px,2.5cqi,17px); } .protocols-desc .bio strong { font-weight: 700; color: #3a332b; } .protocols-desc .spec { margin-top: clamp(20px,4.5cqi,32px); display: flex; align-items: center; gap: 14px; padding: 16px 20px; background: #f6ede2; border-radius: 14px; } .protocols-desc .spec-icon { width: 26px; height: 26px; border-radius: 50%; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 2px rgba(58,51,43,.08); } .protocols-desc .spec-icon span { width: 9px; height: 9px; border-radius: 50%; background: #d35924; } .protocols-desc .spec p { font-family: 'Mulish', Arial, sans-serif;