:root { --tocapu-green:#2f7d5a; --tocapu-blue:#2f6f9f; --tocapu-gold:#c59a2d; --tocapu-gray:#626b73; --tocapu-border:#d9e0dd; --tocapu-text:#25312d; --tocapu-light:#f6f8f7; }
.tocapu-public-wrap { max-width: 1180px; margin: 0 auto; padding: 28px 16px; color: var(--tocapu-text); }
.tocapu-public-hero { background: var(--tocapu-light); border-radius: 18px; padding: 34px; border: 1px solid var(--tocapu-border); margin-bottom: 26px; }
.tocapu-public-hero h1 { margin: 0 0 10px; font-size: 34px; }
.tocapu-public-hero p { margin: 0 0 20px; color: #52605b; font-size: 17px; }
.tocapu-public-actions { display:flex; gap:10px; flex-wrap:wrap; }
.tocapu-public-section { margin: 28px 0; }
.tocapu-public-section h2 { font-size: 24px; margin: 0 0 8px; }
.tocapu-public-section > p { color:#52605b; margin:0 0 16px; }
.tocapu-card-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:16px; }
.tocapu-card { background:#fff; border:1.5px solid var(--tocapu-border); border-left-width:5px; border-radius:14px; padding:18px; box-shadow:0 4px 14px rgba(0,0,0,.04); }
.tocapu-card h3 { margin:0 0 8px; font-size:18px; }
.tocapu-card p { margin:0; color:#52605b; }
.tocapu-card-success { border-left-color: var(--tocapu-green); }
.tocapu-card-warning { border-left-color: var(--tocapu-gold); }
.tocapu-card-info { border-left-color: var(--tocapu-blue); }
.tocapu-card-neutral { border-left-color: var(--tocapu-gray); }
.tocapu-btn { display:inline-flex; align-items:center; gap:6px; background:#fff; border:1.7px solid var(--tocapu-gray); color:var(--tocapu-gray); padding:9px 13px; border-radius:10px; text-decoration:none; font-weight:700; }
.tocapu-btn-success { border-color:var(--tocapu-green); color:var(--tocapu-green); }
.tocapu-btn-info { border-color:var(--tocapu-blue); color:var(--tocapu-blue); }
.tocapu-meta { display:flex; flex-direction:column; gap:5px; color:#44514c; font-size:13px; margin:10px 0 14px; }
.tocapu-small-text { font-size:13px; color:#5f6b66; line-height:1.45; }
.tocapu-card-info { border-left-color: var(--tocapu-blue); }
.tocapu-card-success { border-left-color: var(--tocapu-green); }
.tocapu-card-warning { border-left-color: var(--tocapu-gold); }
.tocapu-card-neutral { border-left-color: var(--tocapu-gray); }
.tocapu-public-notice { padding: 14px 16px; border-radius: 14px; margin: 18px 0; border: 1px solid var(--tocapu-border); background: #fff; }
.tocapu-public-notice-success { color: var(--tocapu-green); background: #eef8f2; border-color: #cce8d8; }
.tocapu-public-notice-warning { color: var(--tocapu-gold); background: #fff8e8; border-color: #ecd89b; }
.tocapu-public-form-card { max-width: 100%; }
.tocapu-public-form label { display:block; font-weight:700; color:var(--tocapu-text); margin: 10px 0 6px; font-size: 14px; }
.tocapu-public-form input[type="text"], .tocapu-public-form input[type="email"], .tocapu-public-form input[type="date"], .tocapu-public-form select, .tocapu-public-form textarea { width:100%; border:1px solid var(--tocapu-border); border-radius:10px; padding:10px 11px; background:#fff; color:var(--tocapu-text); box-sizing:border-box; }
.tocapu-form-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.tocapu-form-full { grid-column: 1 / -1; }
.tocapu-terms-box { margin: 18px 0; padding: 14px; border:1px solid var(--tocapu-border); border-radius:14px; background: var(--tocapu-light); }
.tocapu-terms-box label { display:flex; gap:10px; align-items:flex-start; font-weight:700; line-height:1.4; }
.tocapu-terms-box input { margin-top: 4px; }
.tocapu-terms-box p { font-size:13px; color:#5f6b66; margin:10px 0 0; }
.tocapu-btn-warning { border-color:var(--tocapu-gold); color:var(--tocapu-gold); }
.tocapu-btn-danger { border-color:#b83a3a; color:#b83a3a; }
@media (max-width: 700px) { .tocapu-form-grid { grid-template-columns: 1fr; } .tocapu-public-hero { padding:24px; } .tocapu-public-hero h1 { font-size:28px; } }
.tocapu-badge { display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:999px; font-size:12px; font-weight:800; border:1px solid var(--tocapu-border); margin-top:10px; }
.tocapu-badge-success { color:var(--tocapu-green); background:#edf8f2; border-color:#cce8d8; }
.tocapu-badge-warning { color:var(--tocapu-gold); background:#fff8e8; border-color:#ecd89b; }
.tocapu-badge-danger { color:#b83a3a; background:#fff0f0; border-color:#f0c8c8; }
.tocapu-badge-info { color:var(--tocapu-blue); background:#eef6fb; border-color:#cde3f2; }
.tocapu-badge-neutral { color:var(--tocapu-gray); background:#f2f4f3; border-color:#dce1df; }
.tocapu-card-danger { border-left-color:#b83a3a; }
.tocapu-student-panel { padding-left:0; padding-right:0; }
.tocapu-progress { width:100%; height:12px; background:#edf1ef; border-radius:999px; overflow:hidden; margin:12px 0; border:1px solid var(--tocapu-border); }
.tocapu-progress span { display:block; height:100%; background:var(--tocapu-blue); border-radius:999px; }
.tocapu-public-form input[type="time"], .tocapu-public-form input[type="url"], .tocapu-public-form input[type="number"] { width:100%; border:1px solid var(--tocapu-border); border-radius:10px; padding:10px 11px; background:#fff; color:var(--tocapu-text); box-sizing:border-box; }
button.tocapu-btn { cursor:pointer; }

/* v2.2 - Refinamiento UX del panel del alumno */
.tocapu-v22-panelnav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px;justify-content:center}
.tocapu-v22-panelnav a{background:#fff;border:1.5px solid var(--tocapu-border,#d9e0dd);border-radius:999px;padding:8px 12px;text-decoration:none;color:var(--tocapu-gray,#626b73);font-weight:700;font-size:13px;box-shadow:0 3px 10px rgba(0,0,0,.035)}
.tocapu-v22-panelnav a:hover{border-color:var(--tocapu-blue,#2f6f9f);color:var(--tocapu-blue,#2f6f9f);transform:translateY(-1px)}
.tocapu-student-panel .tocapu-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.tocapu-student-panel .tocapu-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.07)}
.tocapu-v22-panel-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;background:#fff;border:1.5px solid var(--tocapu-border,#d9e0dd);border-left:5px solid var(--tocapu-blue,#2f6f9f);border-radius:14px;padding:12px;margin:16px auto;max-width:1100px}
.tocapu-v22-panel-tools input[type="search"]{flex:1;min-width:260px;border:1px solid var(--tocapu-border,#d9e0dd);border-radius:10px;padding:10px 12px;color:var(--tocapu-text,#25312d)}
.tocapu-v22-panel-count{font-size:12px;font-weight:800;color:var(--tocapu-gray,#626b73);padding:6px 10px;border-radius:999px;background:#f3f5f4;border:1px solid var(--tocapu-border,#d9e0dd)}
.tocapu-student-panel .tocapu-card.is-hidden{display:none!important}
.tocapu-v22-public-backtop{position:fixed;right:24px;bottom:24px;z-index:999;background:#fff;border:1.7px solid var(--tocapu-blue,#2f6f9f);color:var(--tocapu-blue,#2f6f9f);border-radius:999px;padding:10px 13px;font-weight:900;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.12);display:none}
.tocapu-v22-public-backtop.is-visible{display:inline-flex}
@media(max-width:782px){.tocapu-v22-panel-tools input[type="search"]{min-width:100%}.tocapu-student-panel .tocapu-card:hover{transform:none}.tocapu-v22-public-backtop{right:16px;bottom:16px}}