[data-demo="comunidad"] .demo-body{padding:0;background:#fffef9;color:#24322e;height:480px;scrollbar-width:thin}[data-demo="comunidad"] .c-app{min-height:100%;position:relative;padding-bottom:62px;font-family:var(--sans)}[data-demo="comunidad"] .c-brand{display:flex;justify-content:space-between;align-items:center;padding:13px 16px 8px;border-bottom:1px solid #e7e9e0;background:#fffef9}[data-demo="comunidad"] .c-brand>b{font-size:22px;letter-spacing:-1px;line-height:1}[data-demo="comunidad"] .c-brand>b span{display:block;font-size:7px;letter-spacing:3px;margin-top:4px}[data-demo="comunidad"] .c-demo{font-size:8px;padding:3px 7px;border:1px solid #cdd5ca;border-radius:20px}[data-demo="comunidad"] .c-content{padding:17px 15px 24px}[data-demo="comunidad"] .c-kicker{font-size:8px;letter-spacing:1.3px;color:#6a766a;margin-bottom:8px}[data-demo="comunidad"] h3{font-size:26px;line-height:1.15;letter-spacing:-1px;margin:8px 0 18px}[data-demo="comunidad"] h4{font-size:13px;margin:18px 0 10px;line-height:1.35}[data-demo="comunidad"] p{font-size:11px;line-height:1.6}[data-demo="comunidad"] button{min-height:36px;border-radius:10px;padding:8px 10px;font-size:10px;border-color:#dce1d6;color:#26392f}[data-demo="comunidad"] button[aria-pressed="true"]{background:#244d42;border-color:#244d42;color:#fff}[data-demo="comunidad"] .c-highlight{padding:18px;border-radius:17px;background:#f5dfa1;margin:13px 0 20px}[data-demo="comunidad"] .c-highlight h4{margin:5px 0 10px;font-size:17px}[data-demo="comunidad"] .c-highlight p{margin-bottom:12px}[data-demo="comunidad"] .c-highlight button{background:#254a3e;color:#fff;width:100%}[data-demo="comunidad"] .c-sun{font-size:28px;color:#705622}[data-demo="comunidad"] .c-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}[data-demo="comunidad"] .c-shortcuts button{text-align:left;min-height:57px;background:#f1f4eb}[data-demo="comunidad"] .c-card{padding:14px;border:1px solid #e2e7dc;border-radius:13px;margin:12px 0;background:#fff}[data-demo="comunidad"] .c-card h4{margin:7px 0}[data-demo="comunidad"] .c-card p{margin-bottom:8px}[data-demo="comunidad"] .c-nav{position:sticky;bottom:-30px;display:flex;gap:1px;background:#fffef9;border-top:1px solid #e2e7dc;padding:7px 3px;margin-bottom:-62px;z-index:1}[data-demo="comunidad"] .c-nav button{flex:1;min-width:0;border:0;border-radius:8px;font-size:8px;padding:5px 1px;background:transparent}[data-demo="comunidad"] .c-nav button[aria-pressed="true"]{background:#f4dfa4;color:#233b2e}[data-demo="comunidad"] .c-nav button span{display:block;font-size:19px;line-height:1.3}[data-demo="comunidad"] .c-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 15px}[data-demo="comunidad"] .c-chips button{border-radius:30px;padding:7px 9px;min-height:32px;font-size:9px}[data-demo="comunidad"] blockquote{font-family:var(--serif);font-size:27px;margin:24px 0;padding-left:14px;border-left:3px solid #d6b54f;line-height:1.3}[data-demo="comunidad"] .c-reading{padding:15px 0;border-top:1px solid #dce1d6;margin-top:15px}[data-demo="comunidad"] .c-reading p{font-family:Georgia,serif;line-height:1.85;font-size:15px}[data-demo="comunidad"] .c-topline{display:flex;justify-content:space-between;align-items:center;gap:5px}[data-demo="comunidad"] .c-topline h3{font-size:23px}[data-demo="comunidad"] .c-scripture.c-large{font-size:22px}[data-demo="comunidad"] .c-map{height:110px;border-radius:14px;background:repeating-linear-gradient(25deg,transparent 0 24px,#fff9 25px 30px,transparent 31px 60px),#e1e8d9;position:relative;overflow:hidden}[data-demo="comunidad"] .c-map b,[data-demo="comunidad"] .c-map i{position:absolute;top:22px;left:75px;font-size:30px;color:#244d42}[data-demo="comunidad"] .c-map i{left:160px;top:45px;font-size:23px}[data-demo="comunidad"] .c-map>span{position:absolute;right:8px;top:8px;background:white;border-radius:4px;padding:0 5px}[data-demo="comunidad"] .c-map small{position:absolute;bottom:4px;left:10px;background:#ffffffc9;padding:1px 4px}
[data-demo="comunidad"] .c-app{display:flex;flex-direction:column;padding-bottom:0}[data-demo="comunidad"] .c-content{flex:1}[data-demo="comunidad"] .c-nav{bottom:0;margin-bottom:0}