.brand-mark{display:block;width:42px;height:31px;overflow:hidden;position:relative;background:transparent;border-radius:0}
.brand-mark img{position:absolute;width:58px;height:auto;max-width:none;left:-8px;top:-5px}
.card-main .hero-logo{width:180px;height:180px;object-fit:contain;object-position:center;background:white;padding:10px;border-radius:4px;mix-blend-mode:normal;filter:none}
.week.curriculum{background:var(--night);color:white}
.week.curriculum .week-head{align-items:end}
.week.curriculum .week-head h2 span{color:#6c7180}
.week.curriculum .week-head p{color:#9da2ad}
.discipline-list{margin-top:65px;border-top:1px solid #343844}
.discipline-list button{width:100%;display:grid;grid-template-columns:60px 30px 1fr 130px;align-items:center;gap:8px;border:0;border-bottom:1px solid #343844;background:transparent;color:white;padding:22px 12px;text-align:left;cursor:pointer;transition:.25s}
.discipline-list button:hover,.discipline-list button.active{background:#191d27;padding-left:24px}
.discipline-list button.active{box-shadow:inset 3px 0 0 var(--blue)}
.discipline-list button b,.discipline-list button small{font:600 11px var(--font-body);color:#777e8c}
.discipline-list button i{width:10px;height:10px;border-radius:50%}
.discipline-list button span{font:600 21px var(--font-display)}
.discipline-list button span em{display:block;margin-top:5px;color:#777e8c;font:500 10px var(--font-body);font-style:normal;letter-spacing:.04em}
.discipline-list button small{text-align:right}
.discipline-panel{--discipline-color:var(--blue);display:grid;grid-template-columns:.62fr 1.38fr;gap:65px;margin-top:45px;padding:45px;background:#171a22;border:1px solid #303440;border-top:3px solid var(--discipline-color)}
.discipline-intro span{color:var(--discipline-color);font:700 11px var(--font-body);letter-spacing:.15em}
.discipline-intro>small{display:block;margin-top:12px;color:#a7acb7;font:600 11px var(--font-body)}
.discipline-intro h3{font:600 38px/1.05 var(--font-display);margin:18px 0}
.discipline-intro p{color:#9da2ad;line-height:1.65}
.discipline-months{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.discipline-months article{display:grid;grid-template-columns:58px 1fr;gap:15px;border-top:1px solid #333742;padding:17px 0}
.discipline-months b{font-size:9px;color:var(--discipline-color);letter-spacing:.08em}
.discipline-months h4{font:600 15px var(--font-display);margin:0 0 5px}
.discipline-months p{font-size:12px;line-height:1.45;color:#8e94a1;margin:0}
@media(max-width:850px){.discipline-panel{grid-template-columns:1fr}.discipline-months{grid-template-columns:1fr}.card-main .hero-logo{width:145px;height:145px}}
@media(max-width:560px){.brand>span:not(.brand-mark),.brand small{display:none}.discipline-list button{grid-template-columns:45px 22px 1fr}.discipline-list button small{display:none}.discipline-list button span{font-size:17px}.discipline-panel{padding:25px;gap:25px}.discipline-intro h3{font-size:30px}.card-main .hero-logo{width:120px;height:120px}}

/* Vixel blue + silver system */
:root{--blue:#0a3aa8;--electric:#1d57c9;--ink:#10131a;--paper:#f1f2f4;--muted:#6c7280;--line:#cfd3da;--night:#10131a;--silver:#e4e7eb;--silver-deep:#aeb5c0}
body.simple-page{background:linear-gradient(135deg,#eef0f3,#dfe3e8)}
.simple-nav{background:rgba(255,255,255,.9);backdrop-filter:blur(14px)}
.login-button{border-color:#b9c3d5;background:linear-gradient(135deg,#fff,#e5e9f1);color:#092b7d;box-shadow:0 6px 18px rgba(10,58,168,.12)}
.login-button:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}
.outcomes article,.metric,.dash-list,.auth-card,.checkout-form,.order-summary{border-color:var(--line);box-shadow:0 14px 32px rgba(28,39,57,.05)}
.recordings,.mode-card{border-color:#bfc5cf}

/* Talleres: precio y compra visibles como piezas independientes. */
.final-buy .shell{display:flex!important;justify-content:space-between;align-items:center;gap:48px}
.final-buy h2{margin:0}.final-buy h2:after{display:none!important}
.final-buy [data-cup-count]{display:block;margin-top:16px;color:#17210a;font-size:11px;font-weight:700;letter-spacing:.1em}
.enroll-cta{display:grid;gap:15px;min-width:min(100%,410px)}
.enroll-cta>b{color:var(--ink);font:600 clamp(40px,4vw,58px)/.95 var(--font-display);letter-spacing:-.06em}
.enroll-cta .button{background:var(--blue);color:#fff;padding:19px 24px;border-radius:5px;font-size:16px;box-shadow:0 14px 30px rgba(8,53,155,.24)}
.enroll-cta .button:hover{background:#082d8f}.enroll-cta .button.is-sold-out{background:#7d818b;pointer-events:none}
@media(max-width:800px){.final-buy .shell{display:grid!important}.enroll-cta{width:100%}}

.online-only{grid-template-columns:.82fr 1.18fr}.online-only .mode-cards{grid-template-columns:minmax(0,1fr)}
.online-only .mode-card{min-height:430px;border-color:var(--blue);background:linear-gradient(145deg,#17213a,#111720)}
@media(max-width:850px){.online-only{grid-template-columns:1fr}}

/* El logo se integra con cada superficie en lugar de llevar un recuadro blanco. */
.brand-mark img{content:url("assets/vixel-hand-transparent.png");width:34px;height:auto;left:4px;top:2px;mix-blend-mode:normal}
footer .brand-mark img{filter:brightness(0) invert(1);mix-blend-mode:normal}

/* Las tarjetas completas son enlaces: no deben parecer enlaces de texto antiguos. */
.workshop-card,.workshop-card:visited{color:var(--ink);text-decoration:none}
.workshop-card h3,.workshop-card p,.workshop-card b,.workshop-card small,.workshop-card span{text-decoration:none}
.workshop-card .workshop-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.workshop-card .workshop-link::after{content:"";width:20px;height:1px;background:currentColor;transition:width .25s ease}
.workshop-card:hover .workshop-link::after{width:36px}
.workshop-card:hover h3{color:var(--blue)}

.auth-real .auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#e9edf2;padding:4px;margin:26px 0 18px}
.auth-real .auth-switch button{border:0;background:transparent;color:var(--muted);padding:10px;font:700 10px var(--font-body);cursor:pointer}.auth-real .auth-switch button.active{background:white;color:var(--blue);box-shadow:0 2px 8px #16254c18}
.auth-real form{gap:14px}.auth-real .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-real .remember{display:flex;align-items:center;gap:8px;color:#525b69;font-size:10px;font-weight:600;letter-spacing:0}.auth-real .remember input{display:inline;width:auto;margin:0;accent-color:var(--blue)}
.auth-real [hidden]{display:none!important}
.auth-error{background:#fff0ed!important;border-left:3px solid #d64d39;padding:11px 13px!important;color:#8b2c20!important;font-size:11px!important;margin:14px 0!important}.auth-real h2{font:600 28px/1 var(--font-display);letter-spacing:-.04em;margin:7px 0}.verification-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--blue);color:white;font-size:20px}.auth-real .button{margin-top:4px}.auth-real .role-note{margin-top:20px}
@media(max-width:500px){.auth-real .field-grid{grid-template-columns:1fr}}
.auth-back{justify-self:start;border:0;background:transparent;color:var(--blue);padding:4px 0;font:700 10px var(--font-body);cursor:pointer}