{"id":65,"date":"2026-05-10T23:46:46","date_gmt":"2026-05-10T23:46:46","guid":{"rendered":"https:\/\/comunidade.intersomos.com.br\/?page_id=65"},"modified":"2026-05-18T13:47:02","modified_gmt":"2026-05-18T13:47:02","slug":"21-itens","status":"publish","type":"page","link":"https:\/\/comunidade.intersomos.com.br\/21-itens\/","title":{"rendered":"21 itens"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"65\" class=\"elementor elementor-65\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4c3c8 e-con-full e-flex e-con e-parent\" data-id=\"bc4c3c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-807d4e8 elementor-widget elementor-widget-html\" data-id=\"807d4e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     LANDING PAGE \u2014 Como Praticar? Estudo e Contempla\u00e7\u00e3o dos 21 Itens\n     Grava\u00e7\u00f5es carregadas dinamicamente do Google Sheets\n     ============================================================ -->\n<style>\n  \/* Reset leve dentro do escopo *\/\n  .cp21 *,\n  .cp21 *::before,\n  .cp21 *::after { box-sizing: border-box; }\n\n  .cp21 {\n    --cp-bg: #f8f5ef;\n    --cp-bg-2: #ffffff;\n    --cp-ink: #2a2a2a;\n    --cp-ink-soft: #5b5b5b;\n    --cp-accent: #8a3324;\n    --cp-accent-2: #c9a14a;\n    --cp-line: #e6dfd2;\n    --cp-shadow: 0 10px 30px rgba(0,0,0,.08);\n    --cp-radius: 16px;\n\n    font-family: \"Georgia\", \"Cormorant Garamond\", \"Times New Roman\", serif;\n    color: var(--cp-ink);\n    background: var(--cp-bg);\n    line-height: 1.65;\n    width: 100%;\n  }\n\n  .cp21 .cp-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\n  \/* ---------- HERO ---------- *\/\n  .cp21 .cp-hero {\n    position: relative;\n    padding: 90px 0 70px;\n    text-align: center;\n    background:\n      radial-gradient(1200px 400px at 50% -10%, rgba(201,161,74,.18), transparent 60%),\n      linear-gradient(180deg, #fbf8f2 0%, var(--cp-bg) 100%);\n    border-bottom: 1px solid var(--cp-line);\n  }\n  .cp21 .cp-eyebrow {\n    display: inline-block;\n    letter-spacing: .25em;\n    text-transform: uppercase;\n    font-size: 12px;\n    color: var(--cp-accent);\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n  }\n  .cp21 .cp-hero h1 {\n    font-size: clamp(2rem, 4.2vw, 3.4rem);\n    margin: 0 0 18px;\n    font-weight: 600;\n    letter-spacing: -.5px;\n    line-height: 1.15;\n  }\n  .cp21 .cp-hero h1 em {\n    color: var(--cp-accent);\n    font-style: italic;\n    font-weight: 500;\n  }\n  .cp21 .cp-hero p.lead {\n    max-width: 720px;\n    margin: 0 auto 28px;\n    color: var(--cp-ink-soft);\n    font-size: 1.15rem;\n  }\n  .cp21 .cp-hero p.lead .lead-emphasis {\n    display: inline-block;\n    margin-top: 6px;\n    font-size: 1.4em;\n    color: var(--cp-accent);\n    font-style: italic;\n    letter-spacing: .01em;\n  }\n  .cp21 .cp-facilitator {\n    margin: 22px auto 0;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n  }\n  .cp21 .cp-facilitator-label {\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 11px;\n    letter-spacing: .3em;\n    text-transform: uppercase;\n    color: var(--cp-accent-2);\n    font-weight: 600;\n  }\n  .cp21 .cp-facilitator-name {\n    font-family: \"Cormorant Garamond\", \"Georgia\", serif;\n    font-style: italic;\n    font-size: 1.25rem;\n    color: var(--cp-ink);\n  }\n  .cp21 .cp-divider {\n    width: 60px; height: 2px;\n    background: var(--cp-accent-2);\n    margin: 28px auto 0;\n    border-radius: 2px;\n  }\n\n  \/* ---------- SECTIONS ---------- *\/\n  .cp21 section { padding: 70px 0; }\n  .cp21 .cp-section-title {\n    text-align: center;\n    font-size: clamp(1.6rem, 2.6vw, 2.1rem);\n    margin: 0 0 12px;\n    font-weight: 600;\n  }\n  .cp21 .cp-section-sub {\n    text-align: center;\n    color: var(--cp-ink-soft);\n    max-width: 680px;\n    margin: 0 auto 40px;\n  }\n\n  \/* ---------- ASPIRA\u00c7\u00d5ES ---------- *\/\n  .cp21 .cp-aspiration {\n    position: relative;\n    background:\n      radial-gradient(700px 500px at 50% 50%, rgba(201,161,74,.08), transparent 70%),\n      var(--cp-bg);\n  }\n  .cp21 .cp-aspiration::before,\n  .cp21 .cp-aspiration::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 120px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--cp-accent-2), transparent);\n    opacity: .7;\n  }\n  .cp21 .cp-aspiration::before { top: 32px; }\n  .cp21 .cp-aspiration::after  { bottom: 32px; }\n\n  .cp21 .cp-script {\n    font-family: \"Cormorant Garamond\", \"Georgia\", serif;\n    font-style: italic;\n    font-weight: 500;\n  }\n  .cp21 .cp-script::before,\n  .cp21 .cp-script::after {\n    content: \"\u2740\";\n    color: var(--cp-accent-2);\n    font-size: .7em;\n    margin: 0 .6em;\n    vertical-align: middle;\n    opacity: .8;\n  }\n\n  .cp21 .cp-petals {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-areas:\n      \"p1 p2\"\n      \"pc pc\"\n      \"p4 p5\";\n    gap: 24px;\n    max-width: 940px;\n    margin: 0 auto;\n    position: relative;\n  }\n  .cp21 .cp-petals::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at center, rgba(138,51,36,.06), transparent 60%);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .cp21 .cp-petal {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n    padding: 30px 26px;\n    background: rgba(255,255,255,.55);\n    border: 1px solid rgba(230,223,210,.7);\n    border-radius: 50% \/ 18%;\n    backdrop-filter: blur(2px);\n    transition: transform .35s ease, background .35s ease, border-color .35s ease;\n  }\n  .cp21 .cp-petal:hover {\n    transform: translateY(-4px);\n    background: #fff;\n    border-color: rgba(201,161,74,.5);\n  }\n  .cp21 .cp-petal:nth-child(1) { grid-area: p1; }\n  .cp21 .cp-petal:nth-child(2) { grid-area: p2; }\n  .cp21 .cp-petal:nth-child(3) { grid-area: pc; }\n  .cp21 .cp-petal:nth-child(4) { grid-area: p4; }\n  .cp21 .cp-petal:nth-child(5) { grid-area: p5; }\n\n  .cp21 .cp-petal--center {\n    background: linear-gradient(180deg, #fbf6ea 0%, #fffdf7 100%);\n    border: 1px solid rgba(201,161,74,.45);\n    padding: 36px 32px;\n    box-shadow: 0 10px 40px rgba(201,161,74,.12);\n  }\n  .cp21 .cp-petal-ornament {\n    display: block;\n    color: var(--cp-accent-2);\n    font-size: 1.4rem;\n    line-height: 1;\n    margin-bottom: 12px;\n    opacity: .85;\n  }\n  .cp21 .cp-petal-ornament--big {\n    font-size: 2rem;\n    color: var(--cp-accent);\n    margin-bottom: 14px;\n  }\n  .cp21 .cp-petal p {\n    margin: 0;\n    color: var(--cp-ink);\n    font-size: 1.05rem;\n    line-height: 1.6;\n  }\n  .cp21 .cp-petal p em {\n    color: var(--cp-accent);\n    font-style: italic;\n    font-weight: 500;\n  }\n  .cp21 .cp-petal--center p {\n    font-size: 1.2rem;\n    font-style: italic;\n  }\n\n  \/* ---------- ENCONTRO ---------- *\/\n  .cp21 .cp-meeting {\n    background: linear-gradient(180deg, #fffdf7 0%, #fbf6ea 100%);\n    border-top: 1px solid var(--cp-line);\n    border-bottom: 1px solid var(--cp-line);\n  }\n  .cp21 .cp-meeting-box {\n    background: var(--cp-bg-2);\n    border-radius: var(--cp-radius);\n    border: 1px solid var(--cp-line);\n    box-shadow: var(--cp-shadow);\n    padding: 38px 32px;\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n  .cp21 .cp-meeting-box .cp-when {\n    font-size: 1.4rem;\n    margin: 0 0 8px;\n    font-weight: 600;\n  }\n  .cp21 .cp-meeting-box .cp-pwd {\n    color: var(--cp-ink-soft);\n    margin: 0 0 24px;\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: .95rem;\n    letter-spacing: .04em;\n  }\n  .cp21 .cp-meeting-box .cp-pwd strong {\n    color: var(--cp-accent);\n    font-weight: 700;\n  }\n\n  \/* ---------- BOT\u00d5ES ---------- *\/\n  .cp21 .cp-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 14px 28px;\n    border-radius: 999px;\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-weight: 600;\n    font-size: 15px;\n    letter-spacing: .02em;\n    text-decoration: none;\n    cursor: pointer;\n    border: none;\n    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\n  }\n  .cp21 .cp-btn-primary {\n    background: var(--cp-accent);\n    color: #fff;\n    box-shadow: 0 6px 18px rgba(138,51,36,.25);\n  }\n  .cp21 .cp-btn-primary:hover {\n    background: #6e2a1d;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 22px rgba(138,51,36,.3);\n  }\n  .cp21 .cp-btn-ghost {\n    background: transparent;\n    color: var(--cp-accent);\n    border: 1.5px solid var(--cp-accent);\n  }\n  .cp21 .cp-btn-ghost:hover {\n    background: var(--cp-accent);\n    color: #fff;\n  }\n\n  \/* ---------- GRAVA\u00c7\u00d5ES ---------- *\/\n  .cp21 .cp-recordings {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 22px;\n    margin-top: 10px;\n  }\n  .cp21 .cp-rec {\n    background: var(--cp-bg-2);\n    border: 1px solid var(--cp-line);\n    border-radius: var(--cp-radius);\n    padding: 28px 26px;\n    display: flex;\n    flex-direction: column;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .cp21 .cp-rec:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--cp-shadow);\n  }\n  .cp21 .cp-rec-tag {\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 11px;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    color: var(--cp-accent-2);\n    margin-bottom: 8px;\n    font-weight: 700;\n  }\n  .cp21 .cp-rec h3 {\n    margin: 0 0 8px;\n    font-size: 1.3rem;\n    font-weight: 600;\n  }\n  .cp21 .cp-rec p {\n    color: var(--cp-ink-soft);\n    margin: 0 0 22px;\n    flex: 1;\n    font-size: .98rem;\n  }\n  .cp21 .cp-rec .cp-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .cp21 .cp-icon {\n    width: 18px; height: 18px;\n    display: inline-block;\n    vertical-align: middle;\n  }\n  .cp21 .cp-rec-status {\n    text-align: center;\n    padding: 40px 20px;\n    color: var(--cp-ink-soft);\n    font-style: italic;\n    grid-column: 1 \/ -1;\n  }\n  .cp21 .cp-rec-status.is-error {\n    color: var(--cp-accent);\n  }\n\n  \/* ---------- MATERIAIS ---------- *\/\n  .cp21 .cp-materials {\n    background: linear-gradient(180deg, #fffdf7 0%, #fbf6ea 100%);\n    border-top: 1px solid var(--cp-line);\n    border-bottom: 1px solid var(--cp-line);\n  }\n  .cp21 .cp-materials-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 22px;\n    margin-top: 10px;\n  }\n  .cp21 .cp-material {\n    background: var(--cp-bg-2);\n    border: 1px solid var(--cp-line);\n    border-radius: var(--cp-radius);\n    padding: 28px 26px;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .cp21 .cp-material:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--cp-shadow);\n  }\n  .cp21 .cp-material-icon {\n    font-size: 2.4rem;\n    margin-bottom: 14px;\n  }\n  .cp21 .cp-material h3 {\n    margin: 0 0 12px;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  .cp21 .cp-material p {\n    color: var(--cp-ink-soft);\n    margin: 0 0 20px;\n    flex: 1;\n    font-size: .95rem;\n  }\n\n  \/* ---------- FOOTER ---------- *\/\n  .cp21 .cp-foot {\n    text-align: center;\n    padding: 50px 0 60px;\n    color: var(--cp-ink-soft);\n    font-size: .95rem;\n    border-top: 1px solid var(--cp-line);\n    background: #fbf8f2;\n  }\n  .cp21 .cp-foot em { color: var(--cp-accent); font-style: italic; }\n\n  \/* ---------- MODAL ---------- *\/\n  .cp21-modal {\n    position: fixed;\n    inset: 0;\n    background: rgba(20,16,14,.72);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    z-index: 99999;\n    padding: 20px;\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n  }\n  .cp21-modal.is-open { display: flex; animation: cpFade .25s ease; }\n  @keyframes cpFade { from{opacity:0} to{opacity:1} }\n\n  .cp21-modal__dialog {\n    background: #fff;\n    width: min(960px, 100%);\n    max-height: 92vh;\n    border-radius: 18px;\n    overflow: hidden;\n    box-shadow: 0 30px 80px rgba(0,0,0,.4);\n    display: flex;\n    flex-direction: column;\n    animation: cpRise .3s ease;\n  }\n  @keyframes cpRise { from{transform:translateY(20px);opacity:0} to{transform:none;opacity:1} }\n\n  .cp21-modal__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 22px;\n    border-bottom: 1px solid var(--cp-line);\n    background: #faf7f0;\n  }\n  .cp21-modal__head h4 {\n    margin: 0;\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: var(--cp-ink);\n    font-family: \"Georgia\", serif;\n  }\n  .cp21-modal__close {\n    background: transparent;\n    border: none;\n    width: 36px; height: 36px;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 22px;\n    line-height: 1;\n    color: var(--cp-ink-soft);\n    transition: background .2s ease, color .2s ease;\n  }\n  .cp21-modal__close:hover {\n    background: var(--cp-line);\n    color: var(--cp-accent);\n  }\n\n  .cp21-modal__body {\n    position: relative;\n    background: #000;\n    aspect-ratio: 16 \/ 9;\n    width: 100%;\n  }\n  .cp21-modal__body iframe {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n  .cp21-modal__fallback {\n    padding: 18px 22px;\n    background: #fbf6ea;\n    border-top: 1px solid var(--cp-line);\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 13px;\n    color: var(--cp-ink-soft);\n    text-align: center;\n  }\n  .cp21-modal__fallback a {\n    color: var(--cp-accent);\n    font-weight: 600;\n    text-decoration: none;\n  }\n  .cp21-modal__fallback a:hover { text-decoration: underline; }\n\n  \/* ---------- RESPONSIVE ---------- *\/\n  @media (max-width: 880px) {\n    .cp21 .cp-petals {\n      grid-template-columns: 1fr;\n      grid-template-areas:\n        \"p1\"\n        \"p2\"\n        \"pc\"\n        \"p4\"\n        \"p5\";\n      gap: 16px;\n      max-width: 520px;\n    }\n    .cp21 .cp-petal { border-radius: 28px; }\n  }\n\n  @media (max-width: 640px) {\n    .cp21 .cp-container { padding: 0 18px; }\n    .cp21 section { padding: 48px 0; }\n    .cp21 .cp-hero { padding: 60px 0 44px; }\n    .cp21 .cp-hero h1 { font-size: 1.9rem; line-height: 1.2; }\n    .cp21 .cp-hero p.lead { font-size: 1rem; padding: 0 6px; }\n    .cp21 .cp-hero p.lead .lead-emphasis { font-size: 1.35em; }\n    .cp21 .cp-facilitator-name { font-size: 1.1rem; }\n    .cp21 .cp-eyebrow { font-size: 11px; letter-spacing: .2em; }\n\n    .cp21 .cp-section-title { font-size: 1.5rem; }\n    .cp21 .cp-script::before,\n    .cp21 .cp-script::after { margin: 0 .35em; }\n    .cp21 .cp-section-sub { font-size: .95rem; padding: 0 4px; }\n    .cp21 .cp-section-sub br { display: none; }\n\n    .cp21 .cp-aspiration::before,\n    .cp21 .cp-aspiration::after { width: 80px; }\n\n    .cp21 .cp-petal { padding: 24px 22px; }\n    .cp21 .cp-petal p { font-size: 1rem; }\n    .cp21 .cp-petal--center { padding: 28px 24px; }\n    .cp21 .cp-petal--center p { font-size: 1.08rem; }\n\n    .cp21 .cp-meeting-box { padding: 28px 20px; }\n    .cp21 .cp-meeting-box .cp-when { font-size: 1.2rem; }\n\n    .cp21 .cp-recordings { gap: 16px; }\n    .cp21 .cp-rec { padding: 24px 20px; }\n    .cp21 .cp-rec h3 { font-size: 1.15rem; }\n    .cp21 .cp-actions { flex-direction: column; }\n    .cp21 .cp-actions .cp-btn { width: 100%; justify-content: center; }\n    .cp21 .cp-btn { padding: 13px 22px; font-size: 14px; }\n\n    .cp21 .cp-materials-grid { gap: 16px; }\n    .cp21 .cp-material { padding: 24px 20px; }\n    .cp21 .cp-material h3 { font-size: 1.1rem; }\n    .cp21 .cp-material p { font-size: .93rem; }\n\n    .cp21-modal { padding: 12px; }\n    .cp21-modal__dialog { border-radius: 14px; max-height: 96vh; }\n    .cp21-modal__head { padding: 12px 16px; }\n    .cp21-modal__head h4 { font-size: .95rem; }\n    .cp21-modal__fallback { font-size: 12px; padding: 14px 16px; }\n  }\n\n  @media (max-width: 380px) {\n    .cp21 .cp-hero h1 { font-size: 1.65rem; }\n    .cp21 .cp-script::before,\n    .cp21 .cp-script::after { display: none; }\n  }\n<\/style>\n\n<div class=\"cp21\">\n\n  <!-- ============ HERO ============ -->\n  <header class=\"cp-hero\">\n    <div class=\"cp-container\">\n      <span class=\"cp-eyebrow\">Coletivo Intersomos<\/span>\n      <h1>Como praticar?<br><em>Estudo e contempla\u00e7\u00e3o dos 21 itens<\/em><\/h1>\n      <p class=\"lead\">\n        Um espa\u00e7o de encontro semanal para<br>\n        estudar, meditar e familiarizar a pr\u00e1tica no cotidiano<br>\n        <span class=\"lead-emphasis\">em Sanga.<\/span>\n      <\/p>\n      <p class=\"cp-facilitator\">\n        <span class=\"cp-facilitator-label\">Facilitadora<\/span>\n        <span class=\"cp-facilitator-name\">Regina Iria<\/span>\n      <\/p>\n      <div class=\"cp-divider\"><\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ============ ASPIRA\u00c7\u00d5ES ============ -->\n  <section class=\"cp-aspiration\">\n    <div class=\"cp-container\">\n      <h2 class=\"cp-section-title cp-script\">Nossa aspira\u00e7\u00e3o<\/h2>\n      <p class=\"cp-section-sub\">Este estudo se oferece como um caminho compartilhado<br>de compreens\u00e3o e pr\u00e1tica.<\/p>\n\n      <div class=\"cp-petals\">\n        <div class=\"cp-petal\">\n          <span class=\"cp-petal-ornament\" aria-hidden=\"true\">\u274b<\/span>\n          <p>Unirmo-nos para entender e praticar o roteiro dos <em>21 itens<\/em>.<\/p>\n        <\/div>\n        <div class=\"cp-petal\">\n          <span class=\"cp-petal-ornament\" aria-hidden=\"true\">\u274b<\/span>\n          <p>Prepararmo-nos para os <em>retiros<\/em> \u2014 sabendo o que fazer e como praticar, tendo a vis\u00e3o como base da medita\u00e7\u00e3o.<\/p>\n        <\/div>\n        <div class=\"cp-petal cp-petal--center\">\n          <span class=\"cp-petal-ornament cp-petal-ornament--big\" aria-hidden=\"true\">\u2638<\/span>\n          <p><em>Meditar juntos<\/em> para esclarecer em grupo nossas d\u00favidas e como prosseguir no caminho.<\/p>\n        <\/div>\n        <div class=\"cp-petal\">\n          <span class=\"cp-petal-ornament\" aria-hidden=\"true\">\u274b<\/span>\n          <p>Questionar os <em>desafios<\/em> e tentar ultrapass\u00e1-los, ajudando-nos em Sanga.<\/p>\n        <\/div>\n        <div class=\"cp-petal\">\n          <span class=\"cp-petal-ornament\" aria-hidden=\"true\">\u274b<\/span>\n          <p>Atrav\u00e9s da <em>familiariza\u00e7\u00e3o<\/em>, trazer para o cotidiano a nossa pr\u00e1tica.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ ENCONTRO ============ -->\n  <section class=\"cp-meeting\">\n    <div class=\"cp-container\">\n      <h2 class=\"cp-section-title\">Encontros ao vivo<\/h2>\n      <p class=\"cp-section-sub\">Reunimo-nos semanalmente no Zoom \u2014 todos s\u00e3o bem-vindos.<\/p>\n\n      <div class=\"cp-meeting-box\">\n        <p class=\"cp-when\">Toda sexta-feira \u00b7 10h<\/p>\n        <p class=\"cp-pwd\">Senha de acesso: <strong>108<\/strong><\/p>\n        <a class=\"cp-btn cp-btn-primary\"\n           href=\"https:\/\/us06web.zoom.us\/j\/83899626690?pwd=YHYsQXTQqcUmaX4aiA89tOxf0KtaxB.1\"\n           target=\"_blank\" rel=\"noopener\">\n          <svg class=\"cp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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          Entrar no Zoom\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ GRAVA\u00c7\u00d5ES ============ -->\n  <section>\n    <div class=\"cp-container\">\n      <h2 class=\"cp-section-title\">Grava\u00e7\u00f5es dos encontros<\/h2>\n      <p class=\"cp-section-sub\">Reveja os encontros anteriores ou recupere o que ficou em aberto. Clique para assistir aqui mesmo.<\/p>\n\n      <div class=\"cp-recordings\" id=\"cp21Recordings\"\n           data-csv-url=\"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vSpq9ya2q4csM_4iuzrF9XT3xA1qnnFWmm7bmsQPoRYTYn37ywe745-qBK5d8QWkhAz8NKZCVHz0fr_\/pub?gid=0&single=true&output=csv\">\n        <p class=\"cp-rec-status\">Carregando grava\u00e7\u00f5es\u2026<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ MATERIAIS COMPLEMENTARES ============ -->\n  <section class=\"cp-materials\">\n    <div class=\"cp-container\">\n      <h2 class=\"cp-section-title\">Materiais complementares<\/h2>\n      <p class=\"cp-section-sub\">Documentos e guias para aprofundar seu estudo e pr\u00e1tica.<\/p>\n\n      <div class=\"cp-materials-grid\">\n        <div class=\"cp-material\">\n          <div class=\"cp-material-icon\">\ud83d\udccb<\/div>\n          <h3>Roteiro de 21 itens<\/h3>\n          <p>Guia completo com o roteiro dos 21 itens para estudo e contempla\u00e7\u00e3o.<\/p>\n          <a class=\"cp-btn cp-btn-primary\" \n             href=\"https:\/\/comunidade.intersomos.com.br\/wp-content\/uploads\/2026\/05\/Roteiro-de-21-itens.pdf\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg class=\"cp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"\/><\/svg>\n            Baixar PDF\n          <\/a>\n        <\/div>\n\n        <div class=\"cp-material\">\n          <div class=\"cp-material-icon\">\ud83e\uddd8<\/div>\n          <h3>Motiva\u00e7\u00e3o Correta<\/h3>\n          <p>Contempla\u00e7\u00e3o em 13 itens sobre a motiva\u00e7\u00e3o correta na pr\u00e1tica.<\/p>\n          <a class=\"cp-btn cp-btn-primary\" \n             href=\"https:\/\/comunidade.intersomos.com.br\/wp-content\/uploads\/2026\/05\/2010_04_26_-_Motivacao_Correta_-_contemplacao_em_13_itens.pdf\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg class=\"cp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"\/><\/svg>\n            Baixar PDF\n          <\/a>\n        <\/div>\n\n        <div class=\"cp-material\">\n          <div class=\"cp-material-icon\">\ud83d\udcad<\/div>\n          <h3>Pensar, Contemplar, Meditar e Repousar<\/h3>\n          <p>Explorando os diferentes estados da mente na pr\u00e1tica contemplativa.<\/p>\n          <a class=\"cp-btn cp-btn-primary\" \n             href=\"https:\/\/comunidade.intersomos.com.br\/wp-content\/uploads\/2026\/05\/Pensar-contemplar-meditar-e-repousar.pdf\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg class=\"cp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"\/><\/svg>\n            Baixar PDF\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ FOOTER ============ -->\n  <footer class=\"cp-foot\">\n    <div class=\"cp-container\">\n      <p><em>Que possamos, juntos, trazer a pr\u00e1tica para o cotidiano.<\/em><\/p>\n      <p style=\"margin-top:6px;font-size:.85rem;opacity:.7;\">Coletivo Intersomos \u00b7 Comunidade<\/p>\n    <\/div>\n  <\/footer>\n\n  <!-- ============ MODAL ============ -->\n  <div class=\"cp21-modal\" id=\"cp21Modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"cp21ModalTitle\">\n    <div class=\"cp21-modal__dialog\">\n      <div class=\"cp21-modal__head\">\n        <h4 id=\"cp21ModalTitle\">Grava\u00e7\u00e3o<\/h4>\n        <button class=\"cp21-modal__close\" aria-label=\"Fechar\" data-cp-close>&times;<\/button>\n      <\/div>\n      <div class=\"cp21-modal__body\">\n        <iframe id=\"cp21ModalFrame\" src=\"\" allow=\"autoplay; fullscreen; encrypted-media\" allowfullscreen><\/iframe>\n      <\/div>\n      <div class=\"cp21-modal__fallback\">\n        Se a grava\u00e7\u00e3o n\u00e3o carregar acima (o Zoom pode bloquear a incorpora\u00e7\u00e3o),\n        <a id=\"cp21ModalLink\" href=\"#\" target=\"_blank\" rel=\"noopener\">abra em uma nova aba &rarr;<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  \/* ---------- MODAL ---------- *\/\n  var modal  = document.getElementById('cp21Modal');\n  var frame  = document.getElementById('cp21ModalFrame');\n  var link   = document.getElementById('cp21ModalLink');\n  var title  = document.getElementById('cp21ModalTitle');\n\n  function openModal(url, label) {\n    title.textContent = label || 'Grava\u00e7\u00e3o';\n    link.href = url;\n    frame.src = url;\n    modal.classList.add('is-open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeModal() {\n    modal.classList.remove('is-open');\n    frame.src = '';\n    document.body.style.overflow = '';\n  }\n  modal.addEventListener('click', function (e) {\n    if (e.target === modal || e.target.hasAttribute('data-cp-close')) closeModal();\n  });\n  document.addEventListener('keydown', function (e) {\n    if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal();\n  });\n\n  \/* ---------- ESCAPE ---------- *\/\n  function escapeHtml(s) {\n    return String(s).replace(\/[&<>\"']\/g, function (c) {\n      return { '&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;' }[c];\n    });\n  }\n\n  \/* ---------- CSV PARSER (suporta aspas e v\u00edrgulas dentro de campos) ---------- *\/\n  function parseCSV(text) {\n    var rows = [];\n    var row = [];\n    var field = '';\n    var inQuotes = false;\n    var i = 0;\n    text = text.replace(\/\\r\\n\/g, '\\n').replace(\/\\r\/g, '\\n');\n\n    while (i < text.length) {\n      var c = text[i];\n      if (inQuotes) {\n        if (c === '\"') {\n          if (text[i + 1] === '\"') { field += '\"'; i += 2; continue; }\n          inQuotes = false; i++; continue;\n        }\n        field += c; i++; continue;\n      } else {\n        if (c === '\"') { inQuotes = true; i++; continue; }\n        if (c === ',') { row.push(field); field = ''; i++; continue; }\n        if (c === '\\n') { row.push(field); rows.push(row); row = []; field = ''; i++; continue; }\n        field += c; i++;\n      }\n    }\n    if (field.length > 0 || row.length > 0) { row.push(field); rows.push(row); }\n    return rows;\n  }\n\n  \/* ---------- RENDER ---------- *\/\n  var container = document.getElementById('cp21Recordings');\n  var csvUrl = container.getAttribute('data-csv-url');\n\n  function renderStatus(msg, isError) {\n    container.innerHTML = '<p class=\"cp-rec-status' + (isError ? ' is-error' : '') + '\">' + escapeHtml(msg) + '<\/p>';\n  }\n\n  function renderRecordings(links) {\n    if (!links.length) {\n      renderStatus('Ainda n\u00e3o h\u00e1 grava\u00e7\u00f5es dispon\u00edveis.');\n      return;\n    }\n\n    var html = '';\n    links.forEach(function (url, idx) {\n      var n = idx + 1;\n      var num = String(n).padStart(2, '0');\n      var label = 'Grava\u00e7\u00e3o ' + n;\n      var safeUrl = escapeHtml(url);\n      html +=\n        '<article class=\"cp-rec\">' +\n          '<span class=\"cp-rec-tag\">Encontro \u00b7 ' + num + '<\/span>' +\n          '<h3>' + label + '<\/h3>' +\n          '<p>Sess\u00e3o de estudo e contempla\u00e7\u00e3o dos 21 itens.<\/p>' +\n          '<div class=\"cp-actions\">' +\n            '<button class=\"cp-btn cp-btn-primary\" data-cp-open=\"' + safeUrl + '\" data-cp-title=\"' + escapeHtml(label + ' \u2014 Como praticar?') + '\">' +\n              '<svg class=\"cp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>' +\n              'Assistir aqui' +\n            '<\/button>' +\n            '<a class=\"cp-btn cp-btn-ghost\" href=\"' + safeUrl + '\" target=\"_blank\" rel=\"noopener\">Abrir no Zoom<\/a>' +\n          '<\/div>' +\n        '<\/article>';\n    });\n    container.innerHTML = html;\n\n    \/\/ Liga os bot\u00f5es \"Assistir aqui\" ao modal\n    container.querySelectorAll('[data-cp-open]').forEach(function (btn) {\n      btn.addEventListener('click', function (e) {\n        e.preventDefault();\n        openModal(btn.getAttribute('data-cp-open'), btn.getAttribute('data-cp-title'));\n      });\n    });\n  }\n\n  \/* ---------- FETCH ---------- *\/\n  \/\/ Cache-buster para n\u00e3o pegar vers\u00e3o antiga do CSV publicado\n  var url = csvUrl + (csvUrl.indexOf('?') >= 0 ? '&' : '?') + 'cb=' + Date.now();\n\n  fetch(url)\n    .then(function (r) {\n      if (!r.ok) throw new Error('HTTP ' + r.status);\n      return r.text();\n    })\n    .then(function (text) {\n      var rows = parseCSV(text);\n      \/\/ Pula a primeira linha (nome \/ cabe\u00e7alho) e pega coluna 0 de cada linha restante\n      var links = rows\n        .slice(1)\n        .map(function (row) { return (row && row[0] ? row[0].trim() : ''); })\n        .filter(function (v) { return \/^https?:\\\/\\\/\/i.test(v); });\n      renderRecordings(links);\n    })\n    .catch(function (err) {\n      console.error('[cp21] Falha ao carregar CSV:', err);\n      renderStatus('N\u00e3o foi poss\u00edvel carregar as grava\u00e7\u00f5es no momento.', true);\n    });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Coletivo Intersomos Como praticar?Estudo e contempla\u00e7\u00e3o dos 21 itens Um espa\u00e7o de encontro semanal para estudar, meditar e familiarizar a pr\u00e1tica no cotidiano em Sanga. Facilitadora Regina Iria Nossa aspira\u00e7\u00e3o Este estudo se oferece como um caminho compartilhadode compreens\u00e3o e pr\u00e1tica. \u274b Unirmo-nos para entender e praticar o roteiro dos 21 itens. \u274b Prepararmo-nos para [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/comunidade.intersomos.com.br\/index.php?rest_route=\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comunidade.intersomos.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/comunidade.intersomos.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/comunidade.intersomos.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/comunidade.intersomos.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=65"}],"version-history":[{"count":13,"href":"https:\/\/comunidade.intersomos.com.br\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/comunidade.intersomos.com.br\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/comunidade.intersomos.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}