:root{--bg:#f6f8f9;--card:#fff;--text:#20262b;--muted:#6c7880;--teal:#0b8f92;--wine:#a90d2f;--line:#dce3e7;--dark:#343a3f;--green:#1f9d78;--soft:#eff7f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}a{color:inherit}header{min-height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.logo{font:700 31px Georgia,serif}.logo b{color:var(--teal)}.logo i{color:var(--wine);font-style:normal}.who,.muted{color:var(--muted)}.wrap{max-width:980px;margin:28px auto;padding:0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 12px 34px rgba(28,48,58,.05)}h1,h2{font-family:Georgia,serif}h1{font-size:32px;line-height:1.2;margin:8px 0 14px}.sub{color:var(--muted);margin-bottom:24px}.groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g{display:block;text-align:center;padding:20px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;font:700 24px Georgia,serif;background:#fff}.g.active{border-color:var(--teal);background:#ecf9f9}.students{display:grid;gap:9px;margin-top:20px}.row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;font:inherit}.row.available{cursor:pointer}.row.locked{background:var(--dark);color:#fff;border-color:#2b3034}.row.completed{background:#edf9f4;border-color:#b7e2d2}.badge,.chip{font-size:12px;border-radius:999px;padding:6px 10px;background:#edf2f4}.locked .badge{background:#171a1c}.completed .badge,.done{background:#d9f2e7;color:#146f56}.lock{background:#33393e;color:#fff}.avail{background:#edf2f4}.error,.note{background:#fff0f3;color:#8f1230;border:1px solid #f1bdca;padding:12px;border-radius:10px;margin:12px 0}.hint{font-size:13px;color:var(--muted);margin-top:18px;padding:12px;background:#f8fafb;border-radius:10px}.progress{height:7px;background:#e5ecef;border-radius:99px;overflow:hidden;margin:12px 0 26px}.progress span,.bar i{display:block;height:100%;background:var(--teal)}.meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.tutor{background:#f4f7f8;border-radius:14px;padding:16px 18px;margin:14px 0}.tutor strong{color:var(--teal)}.source{background:#f7fbfb;border-left:4px solid var(--teal);padding:16px 18px;border-radius:10px;margin:16px 0}.source small{color:var(--muted)}textarea,input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit}textarea{min-height:125px;resize:vertical}.btn,button{border:0;background:var(--teal);color:#fff;padding:11px 15px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#fff;color:var(--teal);border:1px solid var(--teal)}.danger{background:#fff;color:var(--wine);border:1px solid #e5bdc7}.donebox{text-align:center;padding:20px}.actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stat strong{font-size:30px}.table{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.trow{display:grid;grid-template-columns:1.7fr .35fr .75fr .9fr .8fr 1.3fr;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid #edf1f3}.thead{font-size:12px;color:var(--muted);font-weight:700}.bar{height:7px;background:#e7edef;border-radius:99px;overflow:hidden}.login{max-width:410px;margin:80px auto}.small{font-size:12px}.toplinks{display:flex;gap:10px;align-items:center}.toplinks a{text-decoration:none;color:var(--teal);font-weight:700;font-size:13px}.answer{white-space:pre-wrap;line-height:1.5}.audit{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-wrap:anywhere}.statusbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.statusbar span{padding:7px 10px;border-radius:10px;background:#eef3f5}.center{text-align:center}@media(max-width:820px){.groups,.stats{grid-template-columns:1fr}.trow{grid-template-columns:1fr}.thead{display:none}.who{display:none}.card{padding:20px}}


/* ===== YOLI·Q RC4.2 · Actividad: Explora publicaciones ===== */
.activity-wrap{max-width:1120px}
.activity-top{max-width:1040px;margin:0 auto}
.activity-card{padding:32px 36px}
.activity-card h1{font-size:clamp(31px,4vw,47px);letter-spacing:-.025em;max-width:980px}
.lead{font-size:17px;line-height:1.6;color:#52616a}
.field-label{display:block;font-weight:800;font-size:17px;margin:18px 0 7px}
.field-help{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.5}
.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:850;color:var(--teal)}
.explore-block{margin-top:20px}
.explore-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:7px}
.explore-heading h2{font-size:25px;margin:3px 0 0}
.explore-intro{margin:0 0 16px;color:#596870;line-height:1.55;max-width:820px}
.simulated-badge{flex:0 0 auto;font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;background:#f0f4f5;color:#627079;border:1px solid #dce5e8}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 22px}
.internet-post{position:relative;display:flex;flex-direction:column;gap:10px;min-height:310px;padding:18px;border:1px solid #dce4e7;border-radius:16px;background:#fff;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.internet-post:hover{transform:translateY(-2px);border-color:#9fcfd0;box-shadow:0 12px 28px rgba(28,48,58,.08)}
.post-radio{position:absolute;opacity:0;pointer-events:none}
.post-select-dot{position:absolute;top:16px;right:16px;width:20px;height:20px;border-radius:50%;border:2px solid #b8c5ca;background:#fff}
.post-radio:checked~.post-select-dot{border:6px solid var(--teal)}
.internet-post:has(.post-radio:checked){border:2px solid var(--teal);background:#fbfefe;box-shadow:0 10px 26px rgba(11,143,146,.11)}
.post-head{display:flex;align-items:center;gap:10px;padding-right:24px}
.post-avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#edf7f7;color:var(--teal);font-weight:900;border:1px solid #cce5e5}
.post-who{display:flex;flex-direction:column;min-width:0}
.post-who strong{font-size:14px;line-height:1.15}
.post-who small{font-size:11px;color:var(--muted);margin-top:3px}
.post-kind{margin-left:auto;align-self:flex-start;font-size:10px;font-weight:800;color:#68757d;background:#f0f4f5;border-radius:999px;padding:5px 7px;white-space:nowrap}
.post-title{font-family:Georgia,serif;font-size:20px;font-weight:700;line-height:1.2}
.post-text{font-size:14px;line-height:1.55;color:#35434a}
.post-note{margin-top:auto;padding-top:10px;border-top:1px solid #edf1f2;font-size:12px;line-height:1.45;color:#718087}
.post-action{font-size:12px;font-weight:850;color:var(--teal)}
.strength-weak .post-avatar{background:#fff3f5;color:var(--wine);border-color:#f0ccd4}
.improve-box{border-top:1px solid #e7edef;padding-top:4px}
.conclusion-clean{display:flex;gap:13px;align-items:flex-start;margin:18px 0 8px;padding:16px 18px;border-radius:14px;background:#f1f8f8;border:1px solid #d8ecec}
.conclusion-clean p{margin:4px 0 0;color:#56656d;line-height:1.5}
.conclusion-icon,.success-mark{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;background:var(--teal);color:#fff;font-weight:900}
.success-mark{margin:0 auto 8px;width:50px;height:50px;font-size:24px}
.center-actions{justify-content:center}
.activity-card textarea{font-size:16px;line-height:1.55;min-height:145px}
.activity-card .btn{font-size:15px;padding:12px 18px;margin-top:8px}
@media(max-width:920px){
  .post-grid{grid-template-columns:1fr}
  .internet-post{min-height:0}
  .activity-card{padding:24px}
  .explore-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .activity-card{padding:19px}
  .activity-card h1{font-size:31px}
  .simulated-badge{white-space:normal}
}