/* Curso "La casa de las finanzas personales": estilos propios (el resto sale de styles.css y curso-pcp.css) */
.player audio{width:100%;display:block;margin:6px 0 2px;}
.player video{width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:#1C1730;display:block;}
#pcpGate input{text-transform:none;width:100%;box-sizing:border-box;}
.les-nota{font-size:12.5px;color:var(--slate);margin:4px 0 0;}
#claveBox{position:fixed;inset:0;z-index:1500;background:rgba(251,250,254,.97);display:flex;align-items:center;justify-content:center;padding:20px;}
#claveBox[hidden]{display:none;}
#claveBox .gbox{max-width:420px;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:grid;gap:12px;text-align:center;box-shadow:0 20px 50px -20px rgba(28,23,48,.35);position:relative;}
#claveBox h2{margin:0;font-size:22px;color:var(--violet-700);}
#claveBox p{margin:0;font-size:14px;color:var(--slate);}
#claveBox input{padding:12px;border:1.5px solid var(--line);border-radius:8px;font-size:15px;text-align:center;font-family:var(--body);width:100%;box-sizing:border-box;}
#claveBox .gerr{color:#DC2626;font-size:13px;min-height:16px;}
#claveBox .gerr.ok{color:#15803D;}
#claveBox .gclose{position:absolute;top:8px;right:12px;background:none;border:0;font-size:24px;color:var(--slate);cursor:pointer;}
.gview{display:grid;gap:12px;}
.gview[hidden]{display:none;}
#pcpGate .olvide{justify-self:end;border:0;background:none;color:var(--violet-700);font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;margin:-4px 0;font-family:var(--body);}
#pcpGate .gerr.ok{color:#15803D;}
#pcpGate .fs-captcha{min-height:0;}