/* ClickPass · páginas interiores (cómo funciona y promotores). Se carga además de site.css. */
/* Cómo funciona: misma familia visual que el boleto de la portada. */
.how-page{--how-font:"Source Sans 3",system-ui,sans-serif;max-width:1280px;padding:24px 34px 72px;font-family:var(--how-font);color:#101115}
.how-page .crumbs{margin-bottom:0;font-family:var(--how-font)}
.how-intro{display:grid;gap:24px;padding:44px 0 40px}
.how-intro__eyebrow,.how-section-label{margin-bottom:10px;color:var(--cp-magenta);font-size:13px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.how-intro__title{font:700 clamp(56px,7.2vw,96px)/1.03 var(--how-font);letter-spacing:-.045em}
.how-intro__aside{max-width:460px}
.how-intro__aside>p{font-size:20px;line-height:1.5;color:var(--cp-body)}
.how-intro__cta{display:inline-flex;gap:24px;min-height:52px;height:auto;margin-top:20px;padding:12px 26px;font:600 18px/1.25 var(--how-font);letter-spacing:0;text-transform:none}
.how-flow{position:relative;isolation:isolate;display:grid;background:#111214;border-inline:12px solid var(--cp-magenta);border-right-color:var(--cp-teal);color:#fff}
.how-flow::before,.how-flow::after{content:"";position:absolute;z-index:1;top:50%;width:28px;height:28px;border-radius:50%;background:#fff;transform:translateY(-50%);pointer-events:none}
.how-flow::before{left:-26px}.how-flow::after{right:-26px}
.how-flow__step{min-width:0;padding:28px 30px 32px}
.how-flow__step+.how-flow__step{border-top:1px dashed #76767c}
.how-flow__number{display:block;margin-bottom:14px;font-size:72px;font-weight:200;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.how-flow__step:last-child .how-flow__number{color:var(--cp-teal-light)}
.how-flow__step h3{font:600 27px/1.15 var(--how-font);letter-spacing:-.025em}
.how-flow__step p{margin-top:12px;color:#d4d4d8;font-size:18px;line-height:1.5}
.how-process__note{display:flex;gap:8px;align-items:flex-start;margin-top:16px;color:var(--cp-muted);font-size:15px}
.how-process__note .ic{margin-top:3px}
.how-details{display:grid;gap:40px;margin-top:56px}
.how-payment,.how-support{padding-top:24px;border-top:1px solid #d8dce2;min-width:0}
.how-section-label{color:var(--cp-teal);font-size:12px;letter-spacing:.12em}
.how-section-title{font:600 clamp(28px,2.8vw,36px)/1.12 var(--how-font);letter-spacing:-.025em}
.how-section-lead{max-width:48ch;margin-top:14px;color:var(--cp-body);font-size:18px;line-height:1.5}
.how-payment__fee{display:flex;align-items:flex-start;gap:10px;max-width:48ch;margin-top:18px;color:var(--cp-muted);font-size:16px;line-height:1.45}
.how-payment__fee .ic{margin-top:2px}
.how-payment__methods{margin-top:28px}
.how-payment__methods h3{font-size:17px;font-weight:600;line-height:1.4}
.how-payment__row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px}
.how-payment__logos{display:flex;flex-wrap:wrap;gap:8px}
.how-payment__logos li{display:flex;align-items:center;justify-content:center;min-width:76px;min-height:48px;padding:8px 10px;border:1px solid #d8dce2;border-radius:5px;font-size:16px;font-weight:600}
.how-payment__logos img{width:55px;height:30px;object-fit:contain}
.how-payment__installments{color:var(--cp-body);font-size:16px}
.how-payment__note{max-width:46ch;margin-top:12px;color:var(--cp-muted);font-size:15px;line-height:1.4}
.how-support__links{margin-top:22px;border-top:1px solid #d8dce2}
.how-support__links li{border-bottom:1px solid #d8dce2}
.how-support__links a{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 8px;color:#101115;text-decoration:none;font-size:19px;line-height:1.3;transition:background-color .15s ease,color .15s ease}
.how-support__links a>span{flex:1;min-width:0;overflow-wrap:anywhere}
.how-support__links a>.ic:last-child{color:var(--cp-teal)}
.how-support__links a:hover{background:#f6f8f9;color:var(--cp-teal)}
.how-support__links a:focus-visible{outline-offset:3px}
.how-support__links img{flex:none}
.how-support__label{display:block;margin-bottom:2px;font-size:13px;color:var(--cp-muted)}
@media (min-width:960px){
  .how-intro{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:end;gap:64px;padding-top:56px;padding-bottom:44px}
  .how-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .how-flow__step{padding:34px 32px 38px}
  .how-flow__step+.how-flow__step{border-top:0;border-left:1px dashed #76767c}
  .how-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}
}
@media (min-width:960px) and (max-width:1150px){.how-flow__step h3{min-height:2.3em}.how-flow__step{padding-inline:24px}}
@media (max-width:959px){
  .how-flow{border-inline:0;border-top:8px solid var(--cp-magenta);border-bottom:8px solid var(--cp-teal)}
  .how-flow::before{left:-14px}.how-flow::after{right:-14px}
  .how-flow__step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 24px}
  .how-flow__number{grid-row:1/3;font-size:62px;margin:0}
  .how-flow__step p{margin:0}
}
@media (max-width:760px){
  .how-page{padding:20px 22px 48px}
  .how-intro{padding:30px 0 30px;gap:18px}
  .how-intro__aside>p{font-size:19px}
  .how-intro__cta{margin-top:18px}
  .how-flow__step{grid-template-columns:44px minmax(0,1fr);gap:10px 16px;padding:24px 22px 28px}
  .how-flow__number{font-size:46px}
  .how-flow__step h3{font-size:24px}
  .how-flow__step p{font-size:17px}
  .how-details{margin-top:36px;gap:32px}
  .how-support__links a{font-size:18px}
}
@media (max-width:359px){.how-flow__step{display:block;padding-inline:24px}.how-flow__number{margin-bottom:12px}.how-flow__step p{margin-top:10px}.how-support__links a{gap:10px;font-size:16px}}

/* Promotores: composición abierta, sin tarjetas ni degradados. */
.pg-promoters #contenido{--f-body:"Source Sans 3",system-ui,sans-serif;--f-display:var(--f-body);font-family:var(--f-body);color:#101115}
.pro-wrap{max-width:1280px;padding-inline:34px}
.pro-hero{padding:24px 0 58px;background:#fff}
.pro-hero .crumbs{margin-bottom:0}
.pro-hero__in{display:grid;gap:44px;padding-top:36px}
.pro-label{margin-bottom:14px;color:var(--cp-magenta);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}
.pro-hero__title{max-width:12ch;font:700 clamp(52px,5.5vw,76px)/1.02 var(--f-body);letter-spacing:-.04em;color:#101115}
.pro-hero__title span{display:block;color:var(--cp-magenta)}
.pro-hero__lead{max-width:44ch;margin-top:24px;color:var(--cp-body);font-size:20px;line-height:1.5}
.pro-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}
.pg-promoters #contenido .btn{border-radius:6px;font-weight:600}
.pg-promoters #contenido .btn--lg{min-height:52px;padding:12px 22px;gap:20px;font-size:18px;line-height:1.3}
.pro-hero__contact{display:inline-flex;align-items:center;gap:9px;min-height:48px;color:#101115;font-size:17px;font-weight:600;text-decoration:none}
.pro-hero__contact:hover{color:var(--cp-teal);text-decoration:underline;text-underline-offset:4px}
.pro-hero__contact img{flex:none}
.ops{min-width:0;padding-top:3px}
.ops__eyebrow{color:var(--cp-teal)}
.ops__title{max-width:14ch;margin-bottom:24px;font:600 36px/1.1 var(--f-body);letter-spacing:-.025em}
.ops__list{border-top:1px solid #bbc2ca}
.ops__list li{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:16px;padding:20px 0;border-bottom:1px solid #d8dce2}
.ops__number{font-size:36px;font-weight:300;line-height:1.05;letter-spacing:-.04em;color:var(--cp-teal);font-variant-numeric:tabular-nums}
.ops__list h3{font:600 22px/1.2 var(--f-body);letter-spacing:-.015em}
.ops__list p{max-width:35ch;margin-top:5px;color:var(--cp-muted);font-size:17px;line-height:1.45}
.reg{padding-top:0;padding-bottom:72px}
.reg__card{display:grid;gap:48px;border-top:1px solid #d8dce2;padding-top:48px}
.reg__form{min-width:0}
.reg__title{font:600 clamp(32px,3.3vw,44px)/1.08 var(--f-body);letter-spacing:-.03em}
.reg__lead{max-width:58ch;margin:16px 0 28px;color:var(--cp-body);font-size:18px;line-height:1.5}
.reg__side{align-self:start;min-width:0;padding-top:22px;border-top:3px solid var(--cp-teal)}
.reg__side>.pro-label{margin:0 0 14px;color:var(--cp-teal);font-size:12px}
.reg__side-title{max-width:15ch;font:600 32px/1.1 var(--f-body);letter-spacing:-.025em}
.reg__side>p:not(.pro-label){max-width:34ch;margin:16px 0 24px;color:var(--cp-body);font-size:18px;line-height:1.5}
.reg__contact{display:grid;gap:0}
.reg__contact div{padding:16px 0;border-top:1px solid #d8dce2}
.reg__contact dt{margin-bottom:4px;color:var(--cp-muted);font-size:14px;line-height:1.3}
.reg__contact dd a{display:inline-flex;align-items:center;gap:12px;min-height:44px;max-width:100%;color:#101115;font-size:20px;font-weight:600;line-height:1.3;text-decoration:none;overflow-wrap:anywhere}
.reg__contact dd a>span{min-width:0}
.reg__contact dd a>img{flex:none}
.reg__contact dd a:hover{color:var(--cp-teal)}
.reg__contact-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:8px;color:var(--cp-teal);font-size:18px;font-weight:600;text-decoration:none}
.reg__contact-link:hover{text-decoration:underline;text-underline-offset:4px}
.pg-promoters .reg__side :focus-visible{outline-color:var(--cp-magenta)}
.form__req{margin-bottom:24px;color:var(--cp-muted);font-size:14px}
.form__group{min-width:0;margin:0;padding:0;border:0}
.form__group+.form__group{margin-top:32px}
.form__group legend{display:block;width:100%;margin-bottom:18px;padding:0 0 12px;border-bottom:1px solid #d8dce2;font-size:21px;font-weight:600;line-height:1.3}
.form__group legend span{margin-left:10px;color:var(--cp-muted);font-size:14px;font-weight:400}
.form__grid{display:grid;gap:20px}
.field{min-width:0}
.field label{display:block;margin-bottom:8px;font:600 16px/1.3 var(--f-body)}
.req{color:#b91c1c}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--cp-field);border-radius:5px;background:#fff;font-size:17px;line-height:1.4}
.field textarea{resize:vertical;min-height:120px}
.field input::placeholder,.field textarea::placeholder{color:#6b7385;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cp-magenta);outline:2px solid var(--cp-magenta);outline-offset:2px}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:#b91c1c}
.field__error{margin-top:6px;color:#b91c1c;font-size:14px;font-weight:600}
.form__foot{display:grid;gap:20px;align-items:center;margin-top:24px}
.form__legal{color:var(--cp-muted);font-size:14px;line-height:1.5}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.alert{display:flex;gap:12px;align-items:flex-start;margin:20px 0;padding:20px;border-radius:6px}
.alert:focus{outline:3px solid var(--cp-magenta);outline-offset:2px}
.alert ul{margin:6px 0 0;padding-left:18px}
.alert__title{font-weight:700}
.alert__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px}
.alert--ok{border:1px solid #16a34a;background:#effaf3}
.alert--ok>.ic{color:#15803d}
.alert--error{border:1px solid #b91c1c;background:#fdf0f0}
.alert--error>.ic{color:#b91c1c}
@media (min-width:640px){.form__grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1/-1}}
@media (min-width:960px){
  .pro-hero__in{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:80px;padding-top:46px}
  .reg__card{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:96px}
  .form__foot{grid-template-columns:1fr auto}
}
@media (max-width:1100px) and (min-width:960px){.pro-hero__in,.reg__card{gap:48px}.reg__contact dd a{font-size:18px}.form__foot{grid-template-columns:1fr}.form__foot .btn{justify-self:start}}
@media (max-width:959px){
  .pro-hero__in{gap:40px}
  .pro-hero__title{max-width:12ch;font-size:64px}
  .pro-hero__lead{max-width:52ch}
  .ops__title{max-width:none;font-size:32px}
  .ops__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d8dce2}
  .ops__list li{display:block;padding:22px 20px 22px 0;border-bottom:0}
  .ops__list li+li{padding-left:20px;border-left:1px solid #d8dce2}
  .ops__number{display:block;margin-bottom:14px}
  .ops__list h3{font-size:21px}
  .reg__side{max-width:460px}
}
@media (max-width:760px){
  .pro-wrap{padding-inline:22px}
  .pro-hero{padding:20px 0 32px}
  .pro-hero__in{padding-top:26px;gap:36px}
  .pro-label{font-size:11px;letter-spacing:.12em}
  .pro-hero__title{font-size:clamp(48px,9vw,64px);max-width:12ch}
  .pro-hero__lead{margin-top:20px;font-size:19px}
  .pro-hero__cta{margin-top:24px;gap:10px 20px}
  .ops__title{font-size:30px;margin-bottom:20px}
  .ops__list{display:block;border-bottom:0}
  .ops__list li,.ops__list li+li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:18px 0;border-left:0;border-bottom:1px solid #d8dce2}
  .ops__number{margin-bottom:0;font-size:32px}
  .ops__list p{font-size:17px}
  .reg{padding-bottom:48px}
  .reg__card{padding-top:32px;gap:40px}
  .reg__title{font-size:34px}
  .reg__side-title{font-size:30px}
  .form__grid{gap:18px}
}
@media (max-width:359px){.pro-hero__title{font-size:44px}.pro-label{letter-spacing:.08em}.reg__title{font-size:30px}.reg__contact dd a{font-size:18px;gap:10px}.form__group legend span{display:block;margin:4px 0 0}}