.participation-shell{gap:clamp(2.5rem,6vw,4.5rem);display:grid}.participation-workspace{gap:clamp(2rem,5vw,3.5rem);display:grid}.participation-chooser{border:0}.participation-chooser>legend{letter-spacing:-.025em;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:700;line-height:1.12}.participation-chooser>p{margin-top:var(--space-3);color:var(--text-muted)}.participation-chooser__options{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.participation-choice{gap:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-height:15rem;padding:var(--space-6);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);grid-template-rows:auto auto 1fr auto;grid-template-columns:auto 1fr;display:grid}.participation-choice:hover{border-color:var(--border-strong);background:var(--surface-raised);transform:translateY(-2px)}.participation-choice:has(input:checked){border:2px solid var(--accent);background:var(--surface-raised);padding:calc(var(--space-6) - 1px)}.participation-choice:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:4px}.participation-choice input{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin-top:.15rem}.participation-choice__index{display:none}.participation-choice strong,.participation-choice>span:not(.participation-choice__index),.participation-choice small{grid-column:2}.participation-choice strong{font-size:var(--text-lg);line-height:1.25}.participation-choice>span:not(.participation-choice__index){color:var(--text-muted)}.participation-choice small{color:var(--accent);align-self:end;font-weight:700}.participation-choice:has(input:checked) small{color:var(--text)}.participation-choice:has(input:checked) small:after{content:" · Seleccionado"}.participation-panel{border-top:1px solid var(--border);grid-template-columns:minmax(14rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,7vw,6rem);padding-top:clamp(2rem,5vw,3.5rem);display:grid}.participation-panel[hidden]{display:none}.participation-panel__heading{top:calc(var(--header-h) + 5.25rem);align-self:start;position:sticky}.participation-panel__heading h2{font-size:clamp(1.7rem,3.5vw,2.6rem)}.participation-panel__heading>p:last-child{margin-top:var(--space-4);color:var(--text-muted)}.participation-panel form{gap:var(--space-6);display:grid}.participation-field{gap:var(--space-2);border:0;min-width:0;display:grid}.participation-field>label,.participation-field>legend{color:var(--text);font-weight:700}.participation-field label span,.participation-field legend span{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.participation-field select,.participation-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);width:100%;color:var(--text);padding:.8rem .9rem}.participation-field textarea{resize:vertical;min-height:7rem;line-height:1.55}.participation-field select:focus,.participation-field textarea:focus{border-color:var(--accent)}.participation-field>small{color:var(--text-muted)}.participation-field--options{gap:var(--space-3)}.participation-radio-list{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.participation-radio-list--short{grid-template-columns:repeat(3,minmax(0,1fr))}.participation-radio-list--pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:30rem}.participation-context__body{gap:var(--space-5);margin-top:var(--space-8);max-width:34rem;display:grid}.participation-context .participation-field[hidden]{display:none}.participation-radio-list label{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:3rem;padding:var(--space-3);cursor:pointer;display:flex}.participation-radio-list label:has(input:checked){border-color:var(--accent);background:var(--surface-hover)}.participation-radio-list input{width:1rem;height:1rem;accent-color:var(--accent);flex:none}.participation-optionals{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.participation-optionals summary{padding:var(--space-4) var(--space-5);color:var(--accent);cursor:pointer;font-weight:700}.participation-optionals[open] summary{border-bottom:1px solid var(--border)}.participation-optionals__body{gap:var(--space-6);padding:var(--space-5);display:grid}.participation-primary,.export-actions button,.response-preview__edit{border:1px solid var(--border-strong);border-radius:var(--radius-round);cursor:pointer;min-height:2.8rem;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);padding:.65rem 1rem;font-weight:700}.participation-primary{border-color:var(--accent);background:var(--accent);color:var(--nav-active-text);justify-self:start;padding-inline:1.35rem}.participation-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.response-preview{gap:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-md);padding:clamp(1.5rem,5vw,3.5rem);display:grid}.response-preview[hidden]{display:none}.response-preview__header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);border-bottom:1px solid var(--border);padding-bottom:var(--space-6);display:flex}.response-preview__header h2{max-width:16ch;font-size:clamp(1.8rem,4vw,3rem)}.response-preview__edit,.export-actions button{background:var(--surface);color:var(--text)}.response-preview__edit:hover,.export-actions button:hover{border-color:var(--accent);color:var(--accent)}.response-preview__brand{color:var(--text);letter-spacing:-.02em;font-weight:800}.response-preview__facts,.response-preview__details,.response-preview__metadata{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.response-preview__facts>div,.response-preview__details>div,.response-preview__metadata>div,.response-preview__optional dl>div{border-top:1px solid var(--border);padding-top:var(--space-3)}.response-preview dt{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.response-preview dd{margin-top:var(--space-1);overflow-wrap:anywhere;white-space:pre-wrap}.response-preview__answer{border-left:3px solid var(--accent);padding-left:var(--space-5)}.response-preview__answer h3,.response-preview__optional h3{font-size:var(--text-base)}.response-preview__answer p{margin-top:var(--space-3);white-space:pre-wrap}.response-preview__optional{gap:var(--space-3);display:grid}.response-preview__optional dl{gap:var(--space-4);display:grid}.response-preview__optional>p{color:var(--text-muted)}.response-preview__local-note{border:1px solid var(--status-info-border);border-radius:var(--radius-md);background:var(--status-info-bg);color:var(--status-info-text);padding:var(--space-4) var(--space-5)}.response-preview__local-note p{margin-top:var(--space-1)}.export-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=900px){.participation-chooser__options{grid-template-columns:1fr}.participation-choice{min-height:0}.participation-panel{grid-template-columns:1fr}.participation-panel__heading{position:static}}@media (width<=640px){.response-preview__facts,.response-preview__details,.response-preview__metadata,.participation-radio-list,.participation-radio-list--short{grid-template-columns:1fr}.response-preview__header{flex-direction:column;align-items:stretch}.response-preview__edit{align-self:flex-start}.export-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.export-actions button:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.participation-choice:hover{transform:none}}@media print{@page{margin:1.8cm}.site-header,.menu-overlay,.site-footer,.course-subpage-hero,.course-nav,.participation-chooser,.participation-panel,.export-actions,.response-preview__edit{display:none!important}body,main,.page-main,.participation-shell,.participation-workspace{background:var(--surface-raised);color:var(--text);display:block}.container,.page-main{width:100%;max-width:none;padding:0}.response-preview{box-shadow:none;border:0;border-radius:0;padding:0;display:grid}.response-preview__header{break-after:avoid}.response-preview__local-note{border-color:var(--border);color:var(--text);background:0 0}}
