/* Diseño aprobado; reglas aisladas para conservar el resto del tema. */
.comunidad{color-scheme:dark;--bg:#0b0d12;--base:#12151c;--panel:#171b24;--line:#2a3040;--text:#e8eaf2;--muted:#a6adc0;--lime:#a8d818;--cyan:#7dd3fc;--font:Geist,'Segoe UI',sans-serif;--mono:'Geist Mono',Consolas,monospace}
.comunidad *{box-sizing:border-box}
.comunidad{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--font)}
.comunidad a{color:inherit;text-decoration:none}
.comunidad button,.comunidad input,.comunidad select,.comunidad textarea{font:inherit}
.comunidad button{cursor:pointer}
.comunidad button:disabled{cursor:default;opacity:.6}
.comunidad h1,.comunidad h2,.comunidad h3,.comunidad p{margin:0}
.comunidad h1{font-size:40px;line-height:1.16;letter-spacing:-1.4px;font-weight:650}
.comunidad h2{font-size:22px;letter-spacing:-.4px;line-height:1.35}
.comunidad h3{font-size:16px}
.comunidad p{max-width:72ch;color:var(--muted)}
.comunidad small{font-size:12px;color:var(--muted)}
.comunidad button,.comunidad a,.comunidad input,.comunidad select,.comunidad textarea,.comunidad summary{touch-action:manipulation}
.comunidad a:focus-visible,.comunidad button:focus-visible,.comunidad input:focus-visible,.comunidad select:focus-visible,.comunidad textarea:focus-visible,.comunidad summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.comunidad [hidden]{display:none!important}
.comunidad .skip{position:fixed;top:-80px;left:16px;background:var(--lime);color:#131900;padding:12px;z-index:100}
.comunidad .skip:focus{top:10px}
.comunidad .demo{min-height:46px;padding:10px 24px;background:#1d2618;border-bottom:1px solid #465332;display:flex;justify-content:space-between;gap:16px;font-size:12px}
.comunidad .demo a{text-decoration:underline}
.comunidad .shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 46px)}
.comunidad .sidebar{background:#11151c;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column}
.comunidad .brand{display:flex;align-items:center;gap:12px;padding:0 10px;font-weight:650;font-size:17px;line-height:1.25}
.comunidad .brand small{display:block;font-weight:400;margin-top:4px}
.comunidad .mark{width:42px;height:44px;border:1px solid #5c722a;border-radius:10px;display:grid;place-items:center;color:var(--lime);font:26px var(--mono)}
.comunidad .nav-heading{font-size:12px;margin:36px 12px 10px}
.comunidad .sidebar nav{display:grid;gap:6px}
.comunidad .sidebar nav a{display:flex;align-items:center;gap:16px;min-height:46px;padding:10px 12px;border-radius:7px;color:var(--muted)}
.comunidad .sidebar nav a[aria-current=page]{color:var(--lime);background:#a8d81812}
.comunidad .side-bottom{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:24px 8px 0;margin-top:auto;font-size:13px}
.comunidad .side-bottom small{display:block}
.comunidad .top{min-height:70px;border-bottom:1px solid var(--line);padding:12px 36px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.comunidad .user-link{display:flex;align-items:center;gap:10px}
.comunidad .avatar{display:grid;place-items:center;width:96px;height:96px;flex:none;background:#253130;border:1px solid #526967;border-radius:20px;color:#b4ded4;font:500 28px var(--font)}
.comunidad .avatar.small{width:32px;height:32px;border-radius:9px;font-size:11px}
.comunidad .avatar.mid{width:44px;height:44px;border-radius:12px;font-size:14px}
.comunidad .workspace{min-width:0}
.comunidad main{padding:36px;max-width:1500px;margin:auto;min-height:75vh}
.comunidad main:focus{outline:none}
.comunidad footer{padding:24px 36px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}
.comunidad .heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:32px}
.comunidad .heading p{margin-top:14px}
.comunidad .heading .button{flex:none}
.comunidad .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;background:var(--panel);color:var(--text);border:1px solid #586174;border-radius:6px;font-size:13px;font-weight:500;white-space:normal}
.comunidad .button.primary{background:var(--lime);border-color:var(--lime);color:#131b00}
.comunidad .button.quiet{border-color:var(--line);background:transparent}
.comunidad .button.danger{border-color:#a85b69;color:#fda4af;background:#fda4af08}
.comunidad .button:hover{filter:brightness(1.1)}
.comunidad .actions{display:flex;gap:12px;flex-wrap:wrap}
.comunidad .tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow:auto}
.comunidad .tabs button,.comunidad .tabs a{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 0;min-height:48px;font-size:13px;white-space:nowrap}
.comunidad .tabs [aria-current],.comunidad .tabs [aria-pressed=true]{color:var(--lime);border-bottom-color:var(--lime)}
.comunidad .panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;min-width:0}
.comunidad .panel p{font-size:14px}
.comunidad .badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #414a5e;border-radius:5px;padding:4px 8px;font-size:11px;line-height:1.4;color:var(--muted)}
.comunidad .badge.good{color:#c0de80;border-color:#506034;background:#a8d8180a}
.comunidad .badge.blue{color:var(--cyan);border-color:#36566d}
.comunidad .muted{color:var(--muted)}
.comunidad .mono,.comunidad .number{font-family:var(--mono);font-variant-numeric:tabular-nums}
.comunidad .subhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.comunidad .subhead>a{font-size:12px;color:var(--cyan)}
.comunidad .podium{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin-bottom:28px}
.comunidad .podium .panel{position:relative;padding:24px}
.comunidad .podium .winner{border-color:#627633;background:#1a2119}
.comunidad .rank-label{color:var(--muted);font:12px var(--mono);margin-bottom:24px;display:block}
.comunidad .podium .identity{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.comunidad .podium h2{font-size:18px}
.comunidad .score{font:500 30px var(--mono);letter-spacing:-1px}
.comunidad .score small{font:12px var(--font);letter-spacing:0;margin-left:10px}
.comunidad .bar{height:4px;background:#293222;border-radius:2px;margin-top:20px;overflow:hidden}
.comunidad .bar i{display:block;height:100%;background:var(--lime)}
.comunidad .rank-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:24px}
.comunidad .filter{display:flex;gap:12px;margin-bottom:20px}
.comunidad .filter input{flex:1;min-width:0}
.comunidad input,.comunidad select,.comunidad textarea{color:var(--text);border:1px solid #626d83;border-radius:6px;background:var(--base);min-height:44px;padding:10px 13px;max-width:100%}
.comunidad input::placeholder,.comunidad textarea::placeholder{color:#939db1}
.comunidad .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}
.comunidad table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}
.comunidad th{font-weight:500;font-size:11px;color:var(--muted);background:var(--base)}
.comunidad td,.comunidad th{padding:16px;border-bottom:1px solid var(--line)}
.comunidad tr:last-child td{border-bottom:0}
.comunidad td:last-child,.comunidad th:last-child{text-align:right}
.comunidad td .team{display:flex;gap:12px;align-items:center}
.comunidad td .team small{display:block;font-size:11px}
.comunidad .own td{background:#a8d8180a}
.comunidad .own td:first-child{border-left:2px solid var(--lime)}
.comunidad .rank-aside{display:grid;align-content:start;gap:20px}
.comunidad .rank-aside h2{font-size:16px;margin-bottom:16px}
.comunidad .rank-aside p{font-size:13px}
.comunidad .rank-aside .score{margin:14px 0}
.comunidad .divider{height:1px;background:var(--line);margin:22px 0}
.comunidad .link{display:inline-flex;min-height:44px;align-items:center;color:var(--cyan);font-size:13px}
.comunidad .pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-size:12px;color:var(--muted)}
.comunidad .search-hero{max-width:860px;padding:24px 0 34px}
.comunidad .search-hero p{margin:18px 0 26px}
.comunidad .search-hero .filter{margin:0}
.comunidad .search-hero input{min-height:52px}
.comunidad .help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:12px 0 32px}
.comunidad .help-category{padding:24px;min-height:196px}
.comunidad .category-icon{font:24px var(--mono);color:var(--cyan);margin-bottom:24px;display:block}
.comunidad .help-category h2{font-size:18px;margin-bottom:10px}
.comunidad .help-category p{font-size:13px}
.comunidad .help-category .link{margin-top:8px}
.comunidad .help-bottom{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}
.comunidad .faq{border-top:1px solid var(--line)}
.comunidad .faq details{border-bottom:1px solid var(--line);padding:16px 0}
.comunidad .faq summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:20px}
.comunidad .faq summary:after{content:'+';color:var(--muted)}
.comunidad .faq details[open] summary:after{content:'−'}
.comunidad .faq details p{font-size:14px;padding:8px 32px 14px 0}
.comunidad .support h2{margin-bottom:16px}
.comunidad .support p{margin-bottom:20px}
.comunidad .breadcrumb{font-size:12px;color:var(--muted);margin-bottom:24px;display:flex;gap:12px}
.comunidad .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:64px}
.comunidad .article{max-width:76ch}
.comunidad .article h1{margin:16px 0 22px}
.comunidad .article h2{margin:36px 0 18px}
.comunidad .article p,.comunidad .article li{font-size:16px;line-height:1.8;color:#bec5d5;margin-bottom:18px}
.comunidad .article ul,.comunidad .article ol{padding-left:24px}
.comunidad .article pre{background:var(--base);border:1px solid var(--line);border-radius:8px;padding:22px;overflow:auto;font:13px/1.7 var(--mono)}
.comunidad .article .notice{border-left:2px solid var(--cyan);padding:16px 20px;background:#7dd3fc08;font-size:14px}
.comunidad .article-index{align-self:start;position:sticky;top:24px}
.comunidad .article-index h2{font-size:14px;margin-bottom:18px}
.comunidad .article-index a{display:flex;min-height:44px;font-size:13px;align-items:center;color:var(--muted)}
.comunidad .feedback{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}
.comunidad .feedback p{font-size:14px}
.comunidad .feature-news{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:30px}
.comunidad .feature-news>div{padding:34px}
.comunidad .feature-news h2{font-size:30px;line-height:1.2;margin:18px 0}
.comunidad .feature-news p{margin-bottom:22px}
.comunidad .news-art{display:grid;align-content:center;background:#182326;padding:32px!important;gap:14px}
.comunidad .network-line{display:flex;gap:14px;align-items:center}
.comunidad .network-line span{border:1px solid #47716d;padding:12px 16px;border-radius:8px;font:12px var(--mono);color:#a7d2cf;background:#182d30}
.comunidad .network-line i{height:1px;flex:1;background:#47716d}
.comunidad .news-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px}
.comunidad .news-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.comunidad .news-date{font-size:12px;color:var(--muted)}
.comunidad .news-row h2{font-size:20px;margin:10px 0}
.comunidad .news-row p{font-size:14px}
.comunidad .news-row .badge{margin-right:8px}
.comunidad .news-side h2{font-size:16px;margin-bottom:14px}
.comunidad .news-side p{font-size:13px;margin-bottom:18px}
.comunidad .profile-header{border-bottom:1px solid var(--line);padding:16px 0 32px;margin-bottom:28px;display:flex;align-items:center;gap:28px}
.comunidad .profile-header h1{margin:8px 0}
.comunidad .profile-header .bio{margin:12px 0}
.comunidad .profile-header .actions{margin-left:auto;align-self:flex-start}
.comunidad .stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;margin-bottom:30px;background:var(--base)}
.comunidad .stat{padding:22px 24px;background:none;border:0;border-radius:0;box-shadow:none;border-right:1px solid var(--line)}
.comunidad .stat:last-child{border:0}
.comunidad .stat strong{display:block;font:26px var(--mono);margin:6px 0}
.comunidad .stat span{font-size:12px;color:var(--muted)}
.comunidad .profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}
.comunidad .progress-list>div{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}
.comunidad .progress-list>div>div{flex:1}
.comunidad .progress-list h3{margin-bottom:4px}
.comunidad .progress-list p{font-size:12px}
.comunidad .progress-list .badge{flex:none}
.comunidad .machine-icon{width:46px;height:46px;border:1px solid #4c5469;border-radius:12px;background:#242a38;display:grid;place-items:center;font:18px var(--mono);color:#a7b8df}
.comunidad .profile-aside h2{font-size:16px;margin-bottom:18px}
.comunidad .profile-aside p{font-size:13px;margin:12px 0}
.comunidad .profile-aside .panel{margin-bottom:20px}
.comunidad .skill-row{margin:18px 0}
.comunidad .skill-row span{display:flex;justify-content:space-between;font-size:12px}
.comunidad .skill-row .bar{height:5px;margin-top:10px}
.comunidad .achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.comunidad .achievement{padding:24px;border:1px solid var(--line);border-radius:10px;text-align:center}
.comunidad .achievement i{font:32px var(--mono);color:var(--lime);display:block;margin-bottom:12px;font-style:normal}
.comunidad .achievement p{font-size:12px;margin-top:8px}
.comunidad .private-note{border:1px solid #465332;background:#1d2618;border-radius:8px;padding:12px 16px;margin-bottom:24px;font-size:12px;color:#c3d4af}
.comunidad .personal-top{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;margin-bottom:28px}
.comunidad .personal-top h2{margin-bottom:14px}
.comunidad .personal-top p{margin-bottom:20px}
.comunidad .learning-progress{display:flex;align-items:center;gap:16px;margin:22px 0}
.comunidad .learning-progress progress{flex:1;width:100%;height:7px;accent-color:var(--lime)}
.comunidad .settings-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px}
.comunidad .settings-nav{display:grid;align-content:start;gap:4px}
.comunidad .settings-nav button{background:transparent;border:0;color:var(--muted);text-align:left;min-height:46px;padding:12px 16px;border-radius:6px;font-size:13px}
.comunidad .settings-nav button[aria-pressed=true]{background:#a8d81812;color:var(--lime)}
.comunidad .settings-pane{max-width:790px}
.comunidad .settings-pane h2{margin-bottom:12px}
.comunidad .settings-pane>p{margin-bottom:28px}
.comunidad .field{margin-bottom:24px}
.comunidad .field label{display:block;font-size:13px;margin-bottom:9px}
.comunidad .field input,.comunidad .field textarea,.comunidad .field select{width:100%}
.comunidad .field small{display:block;margin-top:8px}
.comunidad .field textarea{resize:vertical;min-height:110px}
.comunidad .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.comunidad .avatar-edit{display:flex;gap:22px;align-items:center;margin:26px 0}
.comunidad .avatar-edit p{font-size:12px;margin-top:10px}
.comunidad .savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid var(--line);margin-top:28px}
.comunidad .savebar span{font-size:12px;color:var(--muted)}
.comunidad .settings-note{padding:18px;border:1px solid var(--line);border-radius:8px;margin:20px 0;font-size:13px;color:var(--muted)}
.comunidad .danger-zone{border:1px solid #704650;padding:24px;border-radius:10px;margin-top:30px}
.comunidad .danger-zone h3{color:#fda4af}
.comunidad .danger-zone p{margin:12px 0 20px;font-size:13px}
.comunidad .empty{padding:52px 24px;text-align:center;border:1px dashed #4d576d;border-radius:12px}
.comunidad .empty h2{margin-bottom:14px}
.comunidad .empty p{margin:0 auto 20px}
.comunidad .activity-row{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:20px 0}
.comunidad .activity-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);margin-top:9px;flex:none}
.comunidad .activity-row h3{font-size:14px}
.comunidad .activity-row p{font-size:12px;margin-top:6px}
.comunidad .activity-row time{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:12px}
.comunidad #toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#25321d;border:1px solid #607a3b;color:var(--text);padding:14px 20px;border-radius:8px;max-width:calc(100% - 32px);z-index:100;font-size:13px}
.comunidad #toast:empty{display:none}
.comunidad dialog{background:var(--panel);color:var(--text);border:1px solid #586174;border-radius:14px;max-width:min(540px,calc(100% - 32px));padding:30px}
.comunidad dialog::backdrop{background:#000a}
.comunidad dialog h2{margin-bottom:18px}
.comunidad dialog p{margin-bottom:22px}
.comunidad dialog form{margin-top:24px}
.comunidad .error{color:#fda4af!important}
.comunidad .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1180px){.comunidad .shell{grid-template-columns:190px minmax(0,1fr)}
.comunidad main{padding:28px}
.comunidad .rank-layout,.comunidad .profile-layout,.comunidad .personal-top{grid-template-columns:minmax(0,1fr) 240px}
.comunidad .podium{gap:12px}
.comunidad .podium .panel{padding:20px}
.comunidad .score{font-size:26px}
.comunidad .rank-aside .panel{padding:20px}
.comunidad .help-grid{grid-template-columns:repeat(2,1fr)}
.comunidad .profile-header{flex-wrap:wrap}
.comunidad .profile-header .actions{margin-left:0}
.comunidad .settings-layout{gap:24px;grid-template-columns:170px minmax(0,1fr)}
.comunidad .stat{padding:18px}
.comunidad .article-layout{gap:32px;grid-template-columns:minmax(0,1fr) 200px}
}
@media(max-width:960px){.comunidad .rank-layout,.comunidad .profile-layout,.comunidad .personal-top,.comunidad .help-bottom,.comunidad .news-layout{grid-template-columns:1fr}
.comunidad .rank-aside{grid-template-columns:1fr 1fr}
.comunidad .profile-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.comunidad .feature-news{grid-template-columns:1fr}
.comunidad .news-art{display:none}
.comunidad .article-layout{grid-template-columns:1fr}
.comunidad .article-index{position:static;grid-row:1;border-bottom:1px solid var(--line);padding-bottom:20px}
.comunidad .article-index nav{display:flex;flex-wrap:wrap;gap:12px}
.comunidad .podium .identity{display:block}
.comunidad .podium .avatar{margin-bottom:12px}
.comunidad .settings-layout{grid-template-columns:1fr}
.comunidad .settings-nav{display:flex;overflow:auto;gap:8px}
.comunidad .settings-nav button{white-space:nowrap}
.comunidad .stats{grid-template-columns:repeat(2,1fr)}
.comunidad .stat:nth-child(2){border-right:0}
.comunidad .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:700px){.comunidad .demo{padding:10px 16px;font-size:11px}
.comunidad .demo a{display:none}
.comunidad .shell{display:block}
.comunidad .sidebar{padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}
.comunidad .brand,.comunidad .nav-heading,.comunidad .side-bottom{display:none}
.comunidad .sidebar nav{display:flex;overflow:auto;gap:8px}
.comunidad .sidebar nav a{white-space:nowrap;font-size:12px;gap:6px;padding:8px 12px;min-height:44px}
.comunidad .top{padding:10px 18px;min-height:56px}
.comunidad main{padding:24px 18px}
.comunidad h1{font-size:32px;letter-spacing:-.8px}
.comunidad .heading{flex-wrap:wrap;gap:18px;margin-bottom:26px}
.comunidad .heading p{font-size:14px}
.comunidad .podium{grid-template-columns:1fr}
.comunidad .podium .panel{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center;padding:18px}
.comunidad .rank-label{margin:0;grid-column:1/-1}
.comunidad .podium .identity{display:flex;margin:0}
.comunidad .podium .avatar{margin:0}
.comunidad .podium h2{font-size:16px}
.comunidad .podium .bar{grid-column:1/-1;margin-top:8px}
.comunidad .score{font-size:23px}
.comunidad .score small{display:block;margin:0;font-size:11px}
.comunidad .rank-aside,.comunidad .profile-aside{grid-template-columns:1fr}
.comunidad .panel{padding:22px}
.comunidad .filter{flex-wrap:wrap}
.comunidad .filter input{flex-basis:100%}
.comunidad .tabs{gap:24px}
.comunidad .help-grid{grid-template-columns:1fr}
.comunidad .help-category{min-height:0}
.comunidad .category-icon{margin-bottom:16px}
.comunidad .search-hero{padding:0 0 24px}
.comunidad .help-bottom{gap:28px}
.comunidad .feature-news>div{padding:24px}
.comunidad .feature-news h2{font-size:26px}
.comunidad .news-row{grid-template-columns:1fr;gap:8px}
.comunidad .profile-header{gap:20px;padding-top:0}
.comunidad .profile-header .avatar{width:72px;height:72px;border-radius:16px;font-size:24px}
.comunidad .profile-header h1{font-size:30px}
.comunidad .profile-header .actions{width:100%}
.comunidad .stats{margin-bottom:24px}
.comunidad .stat strong{font-size:24px}
.comunidad .achievement-grid{grid-template-columns:1fr}
.comunidad .progress-list>div{flex-wrap:wrap}
.comunidad .progress-list .badge{margin-left:62px}
.comunidad .field-grid{grid-template-columns:1fr;gap:0}
.comunidad .avatar-edit{align-items:flex-start}
.comunidad .avatar-edit .avatar{width:70px;height:70px;font-size:22px}
.comunidad .savebar{align-items:flex-start;flex-direction:column}
.comunidad .savebar .button{width:100%}
.comunidad .article h1{font-size:32px}
.comunidad .article p,.comunidad .article li{font-size:15px}
.comunidad .activity-row{flex-wrap:wrap}
.comunidad .activity-row time{margin-left:24px;width:100%}
.comunidad footer{padding:22px 18px;flex-direction:column;gap:8px}
.comunidad .table-wrap table{min-width:510px}
.comunidad .pagination{flex-wrap:wrap}
.comunidad .settings-nav{margin:0 -4px}
.comunidad .profile-aside{gap:0}
}
@media(prefers-reduced-motion:reduce){.comunidad *{scroll-behavior:auto!important;transition:none!important}
}
.comunidad .rank-layout>*,.comunidad .profile-layout>*,.comunidad .help-bottom>*,.comunidad .news-layout>*,.comunidad .personal-top>*,.comunidad .settings-layout>*,.comunidad .article-layout>*{min-width:0}
.comunidad h1[tabindex="-1"]:focus{outline:none}
.comunidad .article-toc>summary{cursor:pointer;min-height:44px;font-size:14px}
.comunidad .article-toc nav{padding-top:8px}
.comunidad .article-toc:not([open]) nav{display:none}
@media(min-width:701px){.comunidad .article-toc:not([open])>nav{display:grid}
.comunidad .article-toc>summary{list-style:none;cursor:default}
.comunidad .article-toc>summary::-webkit-details-marker{display:none}
}
.comunidad .mobile-article-toc{display:none}
@media(max-width:700px){.comunidad .table-wrap table{min-width:0;table-layout:fixed}
.comunidad .table-wrap th:first-child,.comunidad .table-wrap td:first-child{width:48px;padding:14px 8px}
.comunidad .table-wrap th:last-child,.comunidad .table-wrap td:last-child{width:80px;padding:14px 10px}
.comunidad .table-wrap th:nth-child(2),.comunidad .table-wrap td:nth-child(2){padding:14px 6px}
.comunidad .table-wrap th:first-child{font-size:0}
.comunidad .table-wrap th:first-child:after{content:'#';font-size:11px}
.comunidad .team{gap:8px!important;overflow-wrap:anywhere}
.comunidad .team .avatar{width:26px;height:26px;font-size:9px}
.comunidad .article-index{display:block}
.comunidad .mobile-article-toc{display:block;padding:14px 0;border-block:1px solid var(--line);margin:24px 0}
.comunidad .mobile-article-toc summary{min-height:44px;cursor:pointer;display:flex;align-items:center}
.comunidad .mobile-article-toc nav{display:grid}
.comunidad .mobile-article-toc a{display:flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted)}
}
.comunidad .profile-aside .settings-nav{display:grid;gap:4px;overflow:visible}
.comunidad .profile-aside .settings-nav a{padding:4px 0}
.comunidad .rank-aside .panel>.button{margin-top:18px}
.comunidad .mobile-article-toc summary:after{content:"⌄";margin-left:auto;color:var(--muted)}
.comunidad .mobile-article-toc[open] summary:after{content:"⌃"}

.comunidad{max-width:1500px;margin:0 auto;padding:12px 0 32px;font-family:var(--font);color:var(--text);min-width:0}
.comunidad h1{font-size:40px;line-height:1.16;font-weight:650;letter-spacing:-1.4px;margin:0}
.comunidad .button{text-transform:none;box-shadow:none;margin:0;letter-spacing:0}
.comunidad .tabs{background:transparent;border-radius:0;padding:0;box-shadow:none}
.comunidad .panel{margin:0;box-shadow:none}.comunidad .podium{margin-top:24px}
.comunidad .rank-table{table-layout:fixed}.comunidad .rank-table th:first-child{width:66px}.comunidad .rank-table th:last-child{width:140px}
.comunidad .rank-table td{overflow-wrap:anywhere}.comunidad .rank-table img{object-fit:cover}
.comunidad .rank-section{margin-bottom:40px;scroll-margin-top:24px}.comunidad .pagination li a,.comunidad .pagination li span{min-width:44px;min-height:44px;display:grid;place-items:center;padding:8px}
.comunidad .pagination{justify-content:flex-start;flex-wrap:wrap;list-style:none;padding:0;gap:8px}
.comunidad .pagination .active a{background:var(--lime);color:#131b00;border-radius:6px}
.comunidad .rank-tools{margin:24px 0}.comunidad .rank-tools summary{min-height:44px;cursor:pointer;padding:12px 0}
.comunidad .rank-tools .card{background:var(--panel);border:1px solid var(--line);box-shadow:none}
.comunidad .rank-tools .card-header{background:transparent}.comunidad .rank-tools h2{margin:20px 0}
@media(max-width:700px){.comunidad h1{font-size:32px;letter-spacing:-.8px}.comunidad .rank-table th:first-child{width:42px}.comunidad .rank-table th:last-child{width:88px}.comunidad .rank-table td,.comunidad .rank-table th{padding:12px 8px}.comunidad .rank-table .avatar{display:none}.comunidad .rank-table .team{gap:0}.comunidad .rank-table{font-size:12px}}
.comunidad .podium{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.comunidad .rank-section{scroll-margin-top:90px}
@media(max-width:960px){.comunidad .podium{grid-template-columns:1fr}}
.comunidad .news-cover{width:100%;height:100%;max-height:400px;object-fit:cover}.comunidad .article-index summary{min-height:44px;cursor:pointer;font-weight:600;padding:10px 0}.comunidad .article h2,.comunidad .article h3{scroll-margin-top:90px}.comunidad .heading .badge{margin-bottom:16px}.comunidad dialog textarea{width:100%;margin:12px 0 24px}.comunidad .article img{max-width:100%;height:auto}.comunidad .article .feedback h2{font-size:20px}
.comunidad .progress-list h2{font-size:16px;line-height:1.4}.comunidad .history-filter{align-items:end;margin:24px 0}.comunidad .history-filter label{display:block;font-size:13px;margin-bottom:8px}.comunidad .hint-panel{margin:20px 0}.comunidad .hint-panel h2{margin-bottom:14px}.comunidad .profile-header .avatar{object-fit:cover}.comunidad .profile-aside .link{display:flex}.comunidad .panel .card{background:transparent;box-shadow:none;border:0;margin:20px 0}.comunidad .panel .card-header{background:transparent;margin:0;padding:0}.comunidad .panel .card-body{padding:16px 0}.comunidad .panel .card-footer{padding:0}.comunidad .comunidad-editorial .academy-panel{background:var(--panel)}
@media(max-width:700px){.comunidad .activity-row{flex-wrap:wrap}.comunidad .activity-row time{margin-left:24px}.comunidad .history-filter>div{width:100%}.comunidad .history-filter select,.comunidad .history-filter input{width:100%}.comunidad .progress-list>div{flex-wrap:wrap}.comunidad .progress-list>div>.badge{margin-left:62px}}
.comunidad .settings-nav a{justify-content:flex-start;text-align:left;min-height:46px;border-color:transparent;color:var(--muted);font-size:13px}.comunidad .settings-nav a[aria-current=page]{background:#a8d81812;color:var(--lime)}.comunidad .settings-pane section>p{margin:12px 0 28px}.comunidad .settings-pane .field label{position:static;display:block;transform:none;color:var(--text);font-size:13px;margin-bottom:9px}.comunidad .settings-pane .form-control{background:var(--base);background-image:none;border:1px solid #626d83;border-radius:6px;min-height:44px;padding:10px 13px;color:var(--text);height:auto}.comunidad .settings-pane .field{padding:0;margin:0 0 24px}.comunidad .settings-pane .help-block{font-size:12px;margin:8px 0;color:var(--muted)}.comunidad .settings-pane .has-error .help-block{color:#fda4af}.comunidad .settings-pane .has-error .form-control{border-color:#fda4af}.comunidad .settings-pane input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--lime);vertical-align:middle;margin-right:10px}.comunidad .settings-pane .checkbox label{display:flex;align-items:center}.comunidad .settings-pane .error-summary{padding:18px;border:1px solid #fda4af;background:#fda4af0a;border-radius:8px;margin-bottom:24px;color:#fda4af}.comunidad .settings-pane .error-summary:empty{display:none}.comunidad .personal-top aside .link{display:flex;margin-top:8px}.comunidad .personal-top aside p{margin:12px 0 20px}.comunidad .panel .empty{font-family:var(--font)}.comunidad .settings-nav{align-self:start;position:sticky;top:24px}.comunidad [data-ajuste-panel]{scroll-margin-top:90px}.comunidad .account-form .row{margin-left:-10px;margin-right:-10px}.comunidad .account-form .row>div{padding-left:10px;padding-right:10px}
@media(max-width:960px){.comunidad .settings-nav{position:static}.comunidad .settings-nav a{white-space:nowrap;flex:none}.comunidad .settings-pane{max-width:100%}}
@media(max-width:700px){.comunidad .savebar{align-items:stretch;flex-direction:column}.comunidad .savebar .actions{display:grid;grid-template-columns:1fr}.comunidad .avatar-edit{align-items:flex-start;flex-wrap:wrap}}

/* Bootstrap declara dialog como bloque incluso cuando está cerrado. */
.comunidad dialog:not([open]){display:none}
.comunidad .article pre,.comunidad .article pre code{color:var(--text)}
.comunidad details summary{color:var(--text)}


@media(max-width:700px){.comunidad .rank-completados{display:none}}
.comunidad .stat::before,.comunidad .stat::after{display:none}.comunidad .stat strong{font-style:normal}

/* La biblioteca crece por páginas: separación propia, independiente del margen de panel. */
.comunidad .biblioteca-lista{display:grid;gap:24px;margin:24px 0;min-width:0}
.comunidad .biblioteca-lista .panel{min-width:0;overflow-wrap:anywhere}
.comunidad .reporte-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.comunidad .reporte-editor>section{min-width:0}.comunidad .reporte-editor textarea{font-family:var(--mono);font-size:13px;resize:vertical}
.comunidad .reporte-editor .article,.comunidad .reporte-valoracion{overflow-wrap:anywhere}
.comunidad .reporte-nota,.comunidad .reporte-valoracion{margin-top:24px}
.comunidad .article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.comunidad .article th,.comunidad .article td{padding:12px;border-bottom:1px solid var(--line);text-align:left;min-width:120px;max-width:45ch}
.comunidad .article th{overflow-wrap:normal;word-break:normal;white-space:nowrap}
.comunidad .article pre{max-width:100%;overflow:auto;white-space:pre}
.comunidad-secundaria .card,.comunidad.team-invite .card{background:var(--panel)!important;border:1px solid var(--line);border-radius:14px;box-shadow:none}
.comunidad-secundaria .card-header,.comunidad.team-invite .card-header{background:transparent;box-shadow:none}
.comunidad-secundaria .btn,.comunidad.team-invite .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:none;text-transform:none}
.comunidad-secundaria .btn-primary,.comunidad.team-invite .btn-primary{background:var(--lime);color:#131b00}
.comunidad.team-update .thumbnail{box-shadow:none;max-width:240px;margin:0 auto 24px}
.comunidad.team-update input[type=file]{max-width:100%;white-space:normal}
.comunidad.team-update .field .checkbox{display:block}
.comunidad.team-update .field .checkbox label{display:flex;gap:12px;min-height:44px}
.comunidad.team-update .field .checkbox .equipo-ayuda{display:block;margin:8px 0 0}
.comunidad .comparacion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.comunidad .comparacion-grid h2{margin:16px 0}.comunidad .comparacion-grid .panel{min-width:0;overflow-wrap:anywhere}
.comunidad .comparacion-datos{margin:24px 0}.comunidad .comparacion-datos>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.comunidad .comparacion-datos dt{font-weight:400;color:var(--muted)}.comunidad .comparacion-datos dd{margin:0;font-family:var(--mono)}
@media(max-width:700px){.comunidad .comparacion-grid{grid-template-columns:1fr}}
@media(max-width:960px){.comunidad .reporte-editor{grid-template-columns:1fr}}
@media(max-width:700px){.comunidad .personal-top .subhead{flex-wrap:wrap;gap:12px}}

.comunidad .news-row>.badge{align-self:start;justify-self:start}

/* El perfil usa los mismos logos aprobados que el catálogo. */
.comunidad .machine-icon{flex-shrink:0}.comunidad .machine-icon img{width:100%;height:100%;object-fit:contain;border-radius:inherit}