.curso-online .arriba{padding-top:24px}.curso-online .fila{align-items:start;gap:40px;display:grid}@media (width>=900px){.curso-online .fila{grid-template-columns:1fr 420px}}.curso-online .portada{border-radius:var(--radio);width:100%}.franja-curso{margin:4px 0 24px}.cta-curso{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.muestra{border:2px solid var(--verde)}.muestra h2{margin-top:0}.grupo-estructura{margin:12px 0 2px}.tarjeta.materias{grid-column:1/-1}.grupos-estructura{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 24px;display:grid}.precio-curso{color:var(--tinta-suave);font-size:.95rem;line-height:1.4}.precio-curso strong{color:var(--tinta)}.pp-mensaje{min-height:20px;margin-top:-4px}.seccion-alt p{color:var(--tinta-suave)}.tarjeta h3{font-size:1.1rem}.tarjeta ul,.ramas ul{margin:0;padding-left:1.2em}.tarjeta li::marker,.ramas li::marker{color:var(--verde)}.ramas{margin-top:32px}.estrecho{max-width:820px}.enlace-muestra{margin:-6px 0 0;font-weight:600}.muestra-recuerdo{font-weight:550}#muestra{padding-top:0}:is(#matricula,#muestra) .formulario{gap:22px}#matricula fieldset{border:0;margin:0;padding:0}#matricula fieldset[hidden],#matricula .opcion[hidden]{display:none}#matricula legend{margin-bottom:10px;font-weight:650}#matricula .opciones{gap:8px;display:grid}#matricula .opcion{cursor:pointer;background:#fff;border:1px solid #c5cec9;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}#matricula .opcion:has(input:checked){border-color:var(--verde);background:var(--verde-claro)}#matricula .opcion input{accent-color:var(--verde);width:18px;height:18px}#matricula .opcion .nombre{flex:1;font-weight:500}#matricula .klarna{background:var(--verde-claro);border-radius:8px;margin:0 0 20px;padding:12px 14px}#matricula .klarna[hidden]{display:none}#matricula .pp-caja{border-top:1px solid var(--linea);margin-top:18px;padding-top:16px}#matricula .pp-o{color:var(--tinta-suave);margin:0 0 8px}#f-pp-mensaje{margin-bottom:10px}#f-pp-error[hidden]{display:none}#matricula .opcion small{color:var(--tinta-suave);font-weight:400}#matricula .opcion .importe{white-space:nowrap;font-weight:650}#matricula .grupo{margin-bottom:12px}#matricula .grupo-titulo{margin:0 0 6px;font-size:.95rem;font-weight:600;color:var(--verde-oscuro)!important}#matricula .ayuda{color:var(--tinta-suave);margin:0 0 10px;font-size:.92rem}#matricula .grupo-titulo small{color:var(--tinta-suave);font-weight:400}#matricula .rama{border:1px solid var(--linea);background:#fff;border-radius:8px;margin-bottom:8px;padding:10px 12px}#matricula .rama:has(input[name=rama]:checked){border-color:var(--verde)}#matricula .rama-nombre{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}#matricula .rama-nombre input{accent-color:var(--verde);width:18px;height:18px}#matricula .rama-asig{padding:8px 0 0 28px}:is(#matricula,#muestra) .casilla:has(input[data-fija]){color:var(--tinta-suave)}:is(#matricula,#muestra) .casilla{cursor:pointer;align-items:flex-start;gap:10px;padding:4px 0;display:flex}:is(#matricula,#muestra) .casilla input{width:18px;height:18px;accent-color:var(--verde);flex:none;margin-top:3px}:is(#matricula,#muestra) .campos{gap:16px;display:grid}@media (width>=640px){:is(#matricula,#muestra) .campos{grid-template-columns:1fr 1fr}:is(#matricula,#muestra) .ancho{grid-column:1/-1}}:is(#matricula,#muestra) .campos label{flex-direction:column;gap:6px;font-size:.95rem;font-weight:550;display:flex}:is(#matricula,#muestra) .campos small{color:var(--tinta-suave);font-weight:400}:is(#matricula,#muestra) input:not([type=radio]):not([type=checkbox]),#matricula select{font:inherit;color:var(--tinta);background:#fff;border:1px solid #c5cec9;border-radius:8px;width:100%;padding:.7em .8em}.curso-elegido{margin:0}#matricula label:has(>select){flex-direction:column;gap:6px;font-weight:650;display:flex}#matricula .total{border-top:1px solid var(--linea);justify-content:space-between;align-items:baseline;padding-top:16px;font-size:1.1rem;display:flex}#matricula .total strong{font-size:1.6rem}:is(#matricula,#muestra) .formulario .boton{align-self:stretch;margin-top:0}#matricula .boton:disabled{opacity:.5;cursor:not-allowed}#matricula .nota{margin:0;font-size:.9rem}#matricula .aviso{color:#8a5a00;background:#fff6e0;border-radius:8px;padding:10px 12px}.pregunta{border-bottom:1px solid var(--linea);padding:14px 0}.pregunta summary{cursor:pointer;font-weight:600}.pregunta p{color:var(--tinta-suave);margin:10px 0 0}