[hidden]{display:none!important}
.workshops-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 82% 10%,rgba(182,223,42,.28),transparent 30%),linear-gradient(135deg,#071225 0%,#0b1b36 58%,#223509 100%)}
.workshops-hero:before{content:"";position:absolute;inset:0;background:url('../img/bg-portal-deportivo.svg') center/cover no-repeat;opacity:.13}
.workshops-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:center;padding:68px 0}
.workshops-hero h1{font-size:clamp(43px,7vw,78px);margin-bottom:16px}.workshops-hero p{max-width:710px;color:#cbd8ec;font-size:18px;line-height:1.6}.workshops-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.workshops-hero-note{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);border-radius:26px;padding:24px;box-shadow:0 20px 55px rgba(0,0,0,.28)}.workshops-hero-note>strong{display:block;text-transform:uppercase;letter-spacing:.08em;color:#d7ff63;font-size:13px;margin-bottom:13px}.workshops-hero-note div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.10);color:#cbd8ec}.workshops-hero-note div span{font-size:24px;font-weight:1000;color:#fff}.workshops-hero-note small{display:block;margin-top:13px;color:#9fb1ca;line-height:1.45}
.workshop-catalog-section{padding-bottom:34px}.workshop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workshop-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:310px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 45px rgba(0,0,0,.23)}.workshop-card:before{content:"";position:absolute;right:-55px;top:-55px;width:180px;height:180px;border-radius:50%;background:rgba(182,223,42,.12)}.workshop-card>*{position:relative}.workshop-sport-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(182,223,42,.16);font-size:31px;margin-bottom:18px}.workshop-card h3{font-size:27px;margin:0 0 9px}.workshop-card p{color:#b8c8de;line-height:1.55}.workshop-meta{display:grid;gap:9px;margin:18px 0}.workshop-meta-row{display:flex;gap:9px;align-items:flex-start;color:#dce9ff;font-size:14px}.workshop-meta-row span:first-child{width:22px;text-align:center}.workshop-price-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.10)}.workshop-price-row small{color:#9fb1ca}.workshop-price-row strong{font-size:21px;color:#d7ff63}.workshop-card .btn{margin-top:16px;width:100%}.workshop-card-loading{grid-column:1/-1;min-height:130px;display:grid;place-items:center;color:#9fb1ca}
.workshop-form-section{padding-top:32px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.025),transparent)}.workshop-form-shell,.workshop-account-shell{background:#fff;color:#102033;border-radius:32px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.32)}.workshop-form-heading{display:grid;grid-template-columns:1fr minmax(250px,360px);gap:22px;align-items:start;margin-bottom:24px}.workshop-form-heading h2,.workshop-account-intro h2{font-size:36px;margin:12px 0 8px;color:#102033}.workshop-form-heading p,.workshop-account-intro p{margin:0;color:#64748b;line-height:1.55}.selected-workshop-summary{background:#eef6df;border:1px solid #cfe8a2;border-radius:18px;padding:16px;color:#31530e;font-weight:800;line-height:1.5}.selected-workshop-summary strong{display:block;font-size:18px;color:#1f3c08}.selected-workshop-summary small{display:block;margin-top:4px;font-weight:600;color:#58752f}
#workshopEnrollmentForm fieldset{border:1px solid #dde5ef;border-radius:22px;padding:21px;margin:0 0 18px;background:#fbfcfe}#workshopEnrollmentForm legend{padding:0 10px;font-size:16px;font-weight:1000;color:#17365d}.workshop-form-grid{display:grid;gap:15px}.workshop-form-grid-3{grid-template-columns:repeat(3,1fr)}.workshop-form-grid-2{grid-template-columns:repeat(2,1fr)}.field-span-2{grid-column:span 2}.field-span-3{grid-column:span 3}.workshop-form-shell label,.workshop-account-shell label{color:#34445c}.workshop-form-shell .input,.workshop-account-shell .input{background:#fff;border:1px solid #ced8e5;color:#102033}.workshop-form-shell select.input,.workshop-account-shell select.input{color:#102033}.workshop-form-shell .input:focus,.workshop-account-shell .input:focus{border-color:#7fb515;box-shadow:0 0 0 3px rgba(127,181,21,.14)}.field small{display:block;margin-top:6px;color:#718096;line-height:1.35}.calculated-input{font-weight:900;background:#f0f5f9!important}.field-invalid .input{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.10)!important}.field-invalid small{color:#b42318}.fee-preview{margin-top:15px;padding:13px 15px;border-radius:14px;background:#eef6df;border:1px solid #d4e9b2;color:#31530e}.fee-preview strong{font-size:20px;margin-left:5px}.declaration-fieldset{background:#f7f9fc!important}.declaration-preview{padding:18px;border-radius:16px;background:#fff;border-left:5px solid #17365d;color:#334155;line-height:1.7;text-align:justify}.declaration-check{display:flex!important;align-items:flex-start;gap:11px;margin:17px 0 0!important;cursor:pointer}.declaration-check input{width:20px;height:20px;flex:0 0 auto;accent-color:#7fb515;margin-top:1px}.workshop-submit{width:100%;font-size:16px;padding:15px}.form-footnote{text-align:center;color:#64748b;font-size:12px;line-height:1.5}.form-message{margin:12px 0}.form-alert{padding:13px 15px;border-radius:14px;font-weight:750;line-height:1.45}.form-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.form-alert.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.form-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}
.workshop-account-section{padding-top:30px}.workshop-account-shell{display:grid;gap:22px}.account-login-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.account-login-form .btn{height:47px;white-space:nowrap}.account-enrollment{border:1px solid #dbe4ee;border-radius:22px;overflow:hidden;margin-top:16px}.account-enrollment-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:18px;background:#f4f7fa}.account-enrollment-head h3{margin:0 0 5px;font-size:21px}.account-enrollment-head p{margin:0;color:#64748b}.status-chip{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:1000;text-transform:uppercase}.status-chip.active,.status-chip.paid{background:#dcfce7;color:#166534}.status-chip.pending{background:#fef3c7;color:#92400e}.status-chip.cancelled{background:#fee2e2;color:#991b1b}.invoice-list{padding:13px 18px 18px}.invoice-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e7edf3}.invoice-row:last-child{border-bottom:0}.invoice-row input{width:18px;height:18px;accent-color:#7fb515}.invoice-row strong{display:block}.invoice-row small{color:#64748b}.invoice-amount{font-weight:1000}.invoice-status{font-size:11px;font-weight:900;border-radius:999px;padding:5px 8px;background:#eef2f7}.invoice-status.overdue{background:#fee2e2;color:#991b1b}.invoice-status.paid{background:#dcfce7;color:#166534}.account-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 18px 18px}.account-actions .btn{padding:11px 15px}.empty-account{padding:20px;border:1px dashed #cbd5e1;border-radius:16px;text-align:center;color:#64748b}
.workshop-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,8,23,.78)}.workshop-modal.open{display:flex}.workshop-modal-dialog{position:relative;width:min(650px,100%);max-height:92vh;overflow:auto;background:#fff;color:#102033;border-radius:28px;padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.48)}.workshop-modal-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border:0;border-radius:12px;background:#eef2f7;color:#102033;font-size:25px;cursor:pointer}.order-success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:35px;font-weight:1000;margin-bottom:14px}.order-title{font-size:27px;margin:0 45px 7px 0}.order-subtitle{color:#64748b;line-height:1.55}.order-code-box{display:grid;grid-template-columns:1fr 165px;gap:18px;align-items:center;margin:19px 0;padding:18px;border-radius:20px;background:#f4f7fa}.order-code-box small{display:block;color:#64748b;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.order-code-box strong{display:block;margin-top:7px;font-size:25px;letter-spacing:.06em}.order-code-box img{width:155px;height:155px;background:#fff;border:7px solid #fff;border-radius:13px}.order-deadline{padding:14px;border-radius:14px;background:#fff7dc;border:1px solid #f2cf67;color:#6b4b00;text-align:center;font-weight:900}.order-details{display:grid;gap:9px;margin:18px 0}.order-detail-row{display:flex;justify-content:space-between;gap:18px;padding-bottom:9px;border-bottom:1px solid #e7edf3}.order-detail-row span{color:#64748b}.order-detail-row strong{text-align:right}.order-note{padding:13px 15px;background:#f8fafc;border-radius:13px;color:#5b6879;font-size:13px;line-height:1.5}.order-actions{display:flex;gap:10px;margin-top:18px}.order-actions .btn{flex:1}
@media(max-width:900px){.workshops-hero-inner{grid-template-columns:1fr}.workshops-hero-note{max-width:520px}.workshop-grid{grid-template-columns:1fr}.workshop-card{min-height:auto}.workshop-form-heading{grid-template-columns:1fr}.workshop-form-grid-3,.workshop-form-grid-2{grid-template-columns:1fr}.field-span-2,.field-span-3{grid-column:auto}.account-login-form{grid-template-columns:1fr 1fr}.account-login-form .btn{grid-column:1/-1}.invoice-row{grid-template-columns:auto 1fr auto}.invoice-status{grid-column:2/4;justify-self:start}.order-code-box{grid-template-columns:1fr;text-align:center}.order-code-box img{margin:auto}}
@media(max-width:560px){.workshops-hero-inner{padding:48px 0}.workshops-hero h1{font-size:43px}.workshop-form-shell,.workshop-account-shell{padding:18px;border-radius:23px}.account-login-form{grid-template-columns:1fr}.account-login-form .btn{grid-column:auto}.account-enrollment-head{display:block}.account-enrollment-head .status-chip{margin-top:10px}.invoice-row{grid-template-columns:auto 1fr auto}.account-actions,.order-actions{display:grid}.workshop-modal-dialog{padding:22px 17px}.order-code-box strong{font-size:21px}.declaration-preview{text-align:left}}

/* Páginas separadas del flujo de talleres v14 */
.workshops-subhero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 85% 5%,rgba(182,223,42,.22),transparent 30%),linear-gradient(135deg,#071225 0%,#0b1b36 68%,#1d3009 100%)}
.workshops-subhero:before{content:"";position:absolute;inset:0;background:url('../img/bg-portal-deportivo.svg') center/cover no-repeat;opacity:.10}
.workshops-subhero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:54px 0}
.workshops-subhero h1{font-size:clamp(38px,6vw,62px);margin:10px 0 12px}
.workshops-subhero p{max-width:760px;margin:0;color:#cbd8ec;font-size:17px;line-height:1.6}
.workshops-subhero-compact .workshops-subhero-inner{padding:43px 0}
.workshop-back-link{display:inline-flex;margin-bottom:13px;color:#d7ff63;font-weight:850;text-decoration:none}
.workshop-back-link:hover{text-decoration:underline}
.workshop-page-section{padding-top:42px}
.workshop-selector-field{margin-top:22px}
.selected-workshop-summary>span{display:block;margin-bottom:6px;color:#6c8a3c;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.selected-workshop-summary small{line-height:1.5}
.workshop-quick-actions-section{padding-top:18px}
.workshop-quick-actions{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(182,223,42,.07))}
.workshop-quick-actions h2{margin:9px 0 8px;font-size:clamp(26px,4vw,38px)}
.workshop-quick-actions p{margin:0;color:#b8c8de}
.workshop-quick-actions .btn{flex:0 0 auto}
.workshop-narrow-container{max-width:820px}
.workshop-login-shell{padding:36px}
.account-login-form-stacked{grid-template-columns:1fr 1fr}
.account-login-form-stacked .btn{grid-column:1/-1;height:auto;padding:14px}
.account-security-note{margin:0;padding:13px 15px;border-radius:14px;background:#f8fafc;color:#64748b;font-size:12px;line-height:1.5}
.workshop-account-top-actions{display:flex;gap:10px;flex-wrap:wrap}
.workshop-account-top-actions .btn{min-width:135px}
.account-fee-line{margin-top:8px!important}
.account-missing-box{padding:34px}
.account-missing-box h2{margin:0 0 8px;color:#102033}
.account-missing-box p{margin:0 0 18px}
.account-missing-box .btn{display:inline-flex}

@media(max-width:900px){
  .workshops-subhero-inner,.workshop-quick-actions{align-items:flex-start;flex-direction:column}
  .workshop-account-top-actions{width:100%}
  .workshop-account-top-actions .btn{flex:1}
}
@media(max-width:560px){
  .workshops-subhero-inner{padding:38px 0}
  .workshops-subhero h1{font-size:39px}
  .workshop-quick-actions{padding:21px}
  .workshop-quick-actions .btn{width:100%}
  .account-login-form-stacked{grid-template-columns:1fr}
  .account-login-form-stacked .btn{grid-column:auto}
}

/* Ajustes puntuales del formulario y consulta de talleres v17 */
.workshop-dark-kicker{color:#31530e!important;border-color:#b9dc73!important;background:#eef8da!important}
.residence-verification-alert{margin-top:15px;padding:13px 15px;border-radius:14px;background:#fff8e7;border:1px solid #efd38a;color:#684c05;line-height:1.45}
.residence-verification-alert strong{color:#4f3900}
.order-instructions{margin:18px 0;padding:16px 18px;border-radius:16px;background:#eef6df;border:1px solid #cfe8a2;color:#29480c;line-height:1.55}
.order-instructions strong{display:block;margin-bottom:8px;color:#1f3c08}
.order-instructions ol{margin:0;padding-left:21px}.order-instructions li+li{margin-top:6px}
.order-account-link{margin-top:14px;padding:13px 15px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a5f;line-height:1.5}
.order-account-link a{font-weight:900;color:#31530e;text-decoration:underline}
@media(max-width:600px){.order-actions{flex-direction:column}.order-code-box{grid-template-columns:1fr}.order-code-box img{margin:auto}}