/* COMUNIDAD (#comunidad) — paleta V4: solo azules + beiges/camel. Sin backdrop-filter. Mobile-first (20/32/48 px de margen vienen de .page). */
.ccPanel{display:flex;flex-direction:column;gap:var(--sp-gap,16px);min-width:0}
.ccPanel,.ccPanel *{box-sizing:border-box}
.ccPanel p{margin:0}
.ccIntro{line-height:1.7;max-width:70ch}
.ccNote{font-size:13px;line-height:1.6;max-width:70ch}
.ccTest{padding:10px 14px;border:1px dashed var(--fg);border-radius:10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* etiquetas, contadores y botones en mayúsculas */
.ccLab,.ccBadge,.ccAct,.ccCount,.ccSwLab,.ccState strong,.ccOptTxt h3,.ccMine,.ccPos,.ccXp,.ccAuthor{text-transform:uppercase;letter-spacing:.06em}
.ccLab{display:block;font-size:12px;font-weight:800;margin-bottom:6px}

/* selector de materia / lección */
.ccScope{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:700px){.ccScope{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ccField{min-width:0}
.ccPanel select,.ccPanel textarea{width:100%;max-width:100%;min-width:0;font:inherit;font-size:16px;color:#13244A;background:#E8D7B5;border:1px solid #4B7BA6;border-radius:10px;padding:11px 12px}
.ccPanel select{min-height:48px;text-overflow:ellipsis}
.ccPanel textarea{resize:vertical;min-height:88px;line-height:1.5}
.ccPanel textarea::placeholder{color:#46597A;opacity:1}
.ccPanel textarea:disabled,.ccPanel select:disabled{opacity:.75;cursor:not-allowed}
html[data-theme=dark] .ccPanel select,html[data-theme=dark] .ccPanel textarea{color:#E8D7B5;background:#13244A;border-color:#C4EAF2}
html[data-theme=dark] .ccPanel textarea::placeholder{color:#C4D6E8}

/* estado honesto "sin conectar" */
.ccState{padding:18px;border:1px dashed var(--fg);border-radius:12px;background:transparent}
.ccState strong{display:block;font-size:13px;margin-bottom:6px}
.ccState p{line-height:1.6;font-size:14px}
.ccEmpty{padding:18px;border:1px dashed var(--border);border-radius:12px;font-size:14px;line-height:1.6;text-align:center;overflow-wrap:anywhere}
.ccThread{min-width:0}

/* formulario */
.ccForm{display:flex;flex-direction:column;gap:10px;min-width:0}
.ccHint{font-size:12.5px;line-height:1.55}
.ccCheck{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;min-height:44px;cursor:pointer}
.ccCheck input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#2E56A6}
html[data-theme=dark] .ccCheck input{accent-color:#C8A46B}
.ccFoot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.ccCount{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.ccSend{min-height:48px;padding:0 22px;white-space:nowrap}
.ccSend:disabled,.ccPanel .btn:disabled{opacity:.6;cursor:not-allowed}
.ccMsg{min-height:1.4em;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.ccLive{min-height:0}
@media(max-width:520px){.ccFoot .btn{flex:1 1 100%;justify-content:center}.ccFoot .ccCount{order:2;flex:1 1 100%;text-align:right}}

/* lista de comentarios */
.ccList,.ccReplies,.ccRank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ccItem{padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#E8D7B5;color:#13244A;min-width:0}
html[data-theme=dark] .ccItem{background:#1F3F85;color:#E8D7B5}
.ccReplies{margin-top:12px;padding-left:12px;border-left:1px solid #4B7BA6}
html[data-theme=dark] .ccReplies{border-left-color:#C4EAF2}
.ccReplyItem{background:transparent!important;padding:10px 12px}
.ccHead{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-bottom:6px}
.ccAuthor{font-size:12px}
.ccTime{font-size:12px;opacity:.9}
.ccBadge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:#C4EAF2;color:#13244A;border:1px solid #2E56A6}
.ccBodyTxt{line-height:1.6;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}
.ccActs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ccAct{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;font:800 12px/1 var(--sans);color:inherit;background:transparent;border:1px solid #4B7BA6;border-radius:999px;cursor:pointer}
html[data-theme=dark] .ccAct{border-color:#C4EAF2}
.ccAct[aria-pressed=true]{background:#2E56A6;color:#E8D7B5;border-color:#2E56A6}
html[data-theme=dark] .ccAct[aria-pressed=true]{background:#C8A46B;color:#13244A;border-color:#C8A46B}
.ccAct b{font-variant-numeric:tabular-nums}
.ccAct:disabled{opacity:.6;cursor:not-allowed}
.ccInline,.ccReportBox{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}

/* opt-in */
.ccOpt{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--border);border-radius:12px}
.ccOptTxt{flex:1 1 260px;min-width:0}
.ccOptTxt h3{margin:0 0 6px;font:800 14px/1.3 var(--sans);letter-spacing:.08em}
.ccOptTxt p{line-height:1.6;font-size:14px}
.ccOpt .ccMsg{flex:1 1 100%}
.ccSwitch{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 6px;border:1px solid #2E56A6;border-radius:999px;background:#4B7BA6;color:#13244A;cursor:pointer;font:800 12px/1 var(--sans)}
.ccKnob{width:28px;height:28px;border-radius:50%;background:#E8D7B5;border:2px solid #13244A;transition:transform .2s}
.ccSwitch[aria-checked=true]{background:#C4EAF2;border-color:#13244A}
.ccSwitch[aria-checked=true] .ccKnob{background:#2E56A6;border-color:#13244A}
html[data-theme=dark] .ccSwitch{background:#13244A;color:#E8D7B5;border-color:#C4EAF2}
html[data-theme=dark] .ccSwitch[aria-checked=true]{background:#C8A46B;color:#13244A}
html[data-theme=dark] .ccSwitch[aria-checked=true] .ccKnob{background:#13244A;border-color:#13244A}
.ccSwitch:disabled{opacity:.6;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.ccKnob{transition:none}}

/* ranking */
.ccMine{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:13px}
.ccMine b{font:400 28px var(--serif);letter-spacing:0}
.ccRankRow{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#E8D7B5;color:#13244A}
html[data-theme=dark] .ccRankRow{background:#1F3F85;color:#E8D7B5}
.ccPos{font-weight:800;font-size:13px}
.ccXp{font-weight:800;font-size:12px;font-variant-numeric:tabular-nums}

/* foco visible con contraste en claro */
html[data-theme=light] .ccPanel :focus-visible{outline:3px solid #13244A!important;outline-offset:3px}
html[data-theme=dark] .ccPanel :focus-visible{outline:3px solid #C4EAF2!important;outline-offset:3px}
.ccPanel .tabBtn{min-height:44px}
#commTabs .tabBtn{min-height:44px}
/* Preguntas frecuentes */
.faqList{display:grid;gap:10px;max-width:880px;margin-inline:auto}
#faq .sectionIntro{justify-content:center;text-align:center}
#faq .sectionIntro>div{margin-inline:auto}
.faqItem{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:0 18px}
.faqItem summary{cursor:pointer;padding:16px 0;font-weight:700;list-style:none}
.faqItem summary::-webkit-details-marker{display:none}
.faqItem summary::after{content:"+";float:right;font-weight:800}
.faqItem[open] summary::after{content:"–"}
.faqItem p{margin:0 0 16px;line-height:1.65;color:var(--soft)}
.faqItem summary:focus-visible{outline:2px solid var(--kick);outline-offset:3px;border-radius:8px}
/* Moderación (solo admin) */
.modBox{margin:10px 0 0}.modBox .btn{width:100%;justify-content:center;min-height:44px}
.modDlg{max-width:min(720px,94vw)}.modList{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.modItem{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--card)}
.modMeta{margin:0 0 6px;font-size:12.5px;color:var(--soft);overflow-wrap:anywhere}.modBody{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.modBar{display:flex;gap:8px;flex-wrap:wrap}.modBar .btn{min-height:40px;padding-inline:14px}