/* Estilo: Controla a aparência de inscrições. */
/* GUIA DO ARQUIVO: Define cores, tamanhos, espaçamentos e apresentação visual de registration. */
.registration-page-hero{position:relative;isolation:isolate;background:#172554;color:#fff;padding:3rem 0;overflow:hidden}/* Estilo: Controla a aparência de inscrições. */ .registration-page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,26,61,.97),rgba(12,26,61,.8)),var(--registration-image);background-size:cover;background-position:center;opacity:.55;z-index:-1}/* Estilo: Controla a aparência de inscrições. */ .registration-page-hero__inner{max-width:1050px}/* Estilo: Controla a aparência de inscrições. */ .registration-back{display:inline-flex;align-items:center;gap:.4rem;color:#d7dceb;text-decoration:none;font-weight:650;margin-bottom:1.4rem}/* Estilo: Controla a aparência de inscrições. */ .registration-back:hover{color:#fff}/* Estilo: Controla a aparência de inscrições. */ .registration-page-hero h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.03em;margin:.45rem 0 1rem;color:#fff}/* Estilo: Controla a aparência de inscrições. */ .registration-hero-meta{display:flex;gap:.8rem 1.3rem;flex-wrap:wrap;color:#eef1f8}/* Estilo: Controla a aparência de inscrições. */ .registration-hero-meta span{display:flex;align-items:center;gap:.45rem}/* Estilo: Controla a aparência de inscrições. */ .registration-hero-meta i{color:#e0c06b}/* Estilo: Controla a aparência de inscrições. */ .registration-content{background:#f6f7fb;padding:3rem 0 5rem}/* Estilo: Controla a aparência de inscrições. */ .registration-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1.5rem;align-items:start}/* Estilo: Controla a aparência de inscrições. */ .registration-summary{position:sticky;top:95px;background:#fff;border:1px solid #e5e8ef;border-radius:1.25rem;overflow:hidden;box-shadow:0 14px 35px rgba(23,37,84,.07)}/* Estilo: Controla a aparência de inscrições. */ .registration-summary__image{width:100%;aspect-ratio:16/10;object-fit:cover}/* Estilo: Controla a aparência de inscrições. */ .registration-summary__body{padding:1.25rem}/* Estilo: Controla a aparência de inscrições. */ .registration-summary__label,.section-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:#9c751b}/* Estilo: Controla a aparência de inscrições. */ .registration-summary h2{font-size:1.2rem;color:#172554;margin:.35rem 0 1rem}/* Estilo: Controla a aparência de inscrições. */ .registration-summary ul{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}/* Estilo: Controla a aparência de inscrições. */ .registration-summary li{display:flex;gap:.65rem;align-items:flex-start;color:#172554}/* Estilo: Controla a aparência de inscrições. */ .registration-summary li>i{color:#9c751b;margin-top:.1rem}/* Estilo: Controla a aparência de inscrições. */ .registration-summary li span{display:flex;flex-direction:column;font-weight:650}/* Estilo: Controla a aparência de inscrições. */ .registration-summary li small{font-size:.7rem;color:#848b9a;font-weight:500}/* Estilo: Controla a aparência de inscrições. */ .registration-countdown{margin-top:1.1rem;background:#f5f0e4;color:#765913;border-radius:.8rem;padding:.75rem .85rem;font-size:.88rem}/* Estilo: Controla a aparência de inscrições. */ .registration-privacy{font-size:.76rem;color:#71798a;line-height:1.5;margin:1rem 0 0}/* Estilo: Controla a aparência de inscrições. */ .registration-privacy a{color:#172554;font-weight:700}/* Estilo: Controla a aparência de inscrições. */ .registration-form-card{background:#fff;border:1px solid #e5e8ef;border-radius:1.25rem;padding:clamp(1.25rem,3vw,2.2rem);box-shadow:0 14px 35px rgba(23,37,84,.06)}/* Estilo: Controla a aparência de inscrições. */ .registration-form-heading{margin-bottom:1.4rem}/* Estilo: Controla a aparência de inscrições. */ .registration-form-heading h2{font-size:clamp(1.7rem,3vw,2.3rem);color:#172554;margin:.35rem 0}/* Estilo: Controla a aparência de inscrições. */ .registration-form-heading p{color:#6e7687;margin:0}/* Estilo: Controla a aparência de inscrições. */ .registration-progress{margin:1.3rem 0 1.8rem}/* Estilo: Controla a aparência de inscrições. */ .registration-progress__bar{height:7px;background:#eceff5;border-radius:99px;overflow:hidden}/* Estilo: Controla a aparência de inscrições. */ .registration-progress__bar span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#172554,#c39a39);border-radius:inherit;transition:width .25s}/* Estilo: Controla a aparência de inscrições. */ .registration-progress__meta{display:flex;justify-content:space-between;margin-top:.55rem;font-size:.8rem;color:#727b8d}/* Estilo: Controla a aparência de inscrições. */ .registration-progress__meta strong{color:#172554}/* Estilo: Controla a aparência de inscrições. */ .registration-step[hidden]{display:none!important}/* Estilo: Controla a aparência de inscrições. */ .registration-step__title{font-size:1.18rem!important;color:#172554!important;border-bottom:1px solid #edf0f5;padding-bottom:.8rem;margin:0 0 1.2rem!important}/* Estilo: Controla a aparência de inscrições. */ .registration-step .form-label,.registration-step label:not(.form-check-label){font-size:.86rem;font-weight:700;color:#39435a;margin-bottom:.4rem}/* Estilo: Controla a aparência de inscrições. */ .registration-step .form-control,.registration-step .form-select{border-color:#dce1ea;border-radius:.75rem;min-height:46px}/* Estilo: Controla a aparência de inscrições. */ .registration-step textarea.form-control{min-height:auto}/* Estilo: Controla a aparência de inscrições. */ .registration-step .form-control:focus,.registration-step .form-select:focus{border-color:#a9893c;box-shadow:0 0 0 .2rem rgba(169,137,60,.12)}/* Estilo: Controla a aparência de inscrições. */ .registration-step .form-switch .form-check-input{width:2.7em;height:1.4em}/* Estilo: Controla a aparência de inscrições. */ .registration-wizard-nav{display:flex;justify-content:space-between;gap:.75rem;border-top:1px solid #edf0f4;margin-top:1.5rem;padding-top:1.2rem}/* Estilo: Controla a aparência de inscrições. */ .registration-final-submit{margin-top:1rem!important;min-height:50px}/* Estilo: Controla a aparência de inscrições. */ .registration-consent-note{font-size:.78rem;color:#6d7688;background:#f7f8fb;padding:.85rem;border-radius:.8rem;margin:1rem 0 0}/* Estilo: Controla a aparência de inscrições. */ .registration-state-panel{text-align:center;padding:clamp(2rem,5vw,4rem) 1rem;max-width:650px;margin:auto}/* Estilo: Controla a aparência de inscrições. */ .registration-state-panel>i{font-size:3.2rem;color:#a67e22}/* Estilo: Controla a aparência de inscrições. */ .registration-state-panel h2{color:#172554;margin:.8rem 0}/* Estilo: Controla a aparência de inscrições. */ .registration-state-panel p{color:#697386;max-width:540px;margin:.5rem auto 1.2rem}/* Estilo: Controla a aparência de inscrições. */ .registration-state-panel--success>i{color:#2d8756}/* Estilo: Controla a aparência de inscrições. */ .registration-state-panel--danger>i{color:#b23b3b}/* Estilo: Controla a aparência de inscrições. */ .registration-state-panel--warning>i{color:#a67e22}/* Estilo: Controla a aparência de inscrições. */ .registrations-page{padding:3rem 0 5rem;background:#f6f7fb}/* Estilo: Controla a aparência de inscrições. */ .registrations-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}/* Estilo: Controla a aparência de inscrições. */ .registrations-header h1{color:#172554;letter-spacing:-.03em}/* Estilo: Define a aparência dos elementos identificados por "participant-stats". */ .participant-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem}/* Estilo: Define a aparência dos elementos identificados por "participant-stat". */ .participant-stat{background:#fff;border:1px solid #e5e8ef;border-radius:1rem;padding:1rem 1.15rem;display:flex;align-items:center;gap:.75rem}/* Estilo: Define a aparência dos elementos identificados por "participant-stat". */ .participant-stat i{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.8rem;background:#f4efe1;color:#98731f}/* Estilo: Define a aparência dos elementos identificados por "participant-stat". */ .participant-stat span{display:flex;flex-direction:column}/* Estilo: Define a aparência dos elementos identificados por "participant-stat". */ .participant-stat strong{font-size:1.3rem;color:#172554}/* Estilo: Define a aparência dos elementos identificados por "participant-stat". */ .participant-stat small{color:#778092}/* Estilo: Controla a aparência de inscrições. */ .registration-card-list{display:grid;gap:1rem}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:1rem;align-items:center;background:#fff;border:1px solid #e4e8ef;border-radius:1.1rem;padding:1rem 1.15rem;box-shadow:0 8px 24px rgba(23,37,84,.05)}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card__date{background:#172554;color:#fff;border-radius:.85rem;text-align:center;padding:.75rem .4rem}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card__date strong{display:block;font-size:1.25rem}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card__date small{font-size:.72rem;color:#d9dfef}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card h2{font-size:1.12rem;margin:0 0 .25rem}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card h2 a{text-decoration:none;color:#172554}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card p{margin:0;color:#758094;font-size:.86rem}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card__meta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.7rem}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card__meta span{font-size:.78rem;background:#f5f6f9;border-radius:.5rem;padding:.35rem .5rem;color:#5e687a}/* Estilo: Controla a aparência de inscrições. */ .participant-registration-card__actions{display:flex;align-items:flex-end;flex-direction:column;gap:.6rem}/* Estilo: Controla a aparência de inscrições. */ .registration-timeline{display:flex;align-items:center;gap:.2rem;margin-top:.8rem;max-width:410px}/* Estilo: Controla a aparência de inscrições. */ .registration-timeline span{height:5px;flex:1;background:#e4e7ee;border-radius:99px}/* Estilo: Controla a aparência de inscrições. */ .registration-timeline span.done{background:#4a9a6c}/* Estilo: Controla a aparência de inscrições. */ .registration-timeline span.current{background:#c49a38}/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:991px){.registration-layout{grid-template-columns:1fr}.registration-summary{position:static}.registration-summary__image{display:none}.participant-stats{grid-template-columns:repeat(2,1fr)}}/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:650px){.registration-page-hero{padding:2.2rem 0}.registration-content{padding:1.4rem 0 3rem}.registration-form-card{border-radius:1rem;padding:1rem}.registration-step .row>[class*=col-]{width:100%}.registration-wizard-nav .btn{flex:1}.registrations-header{align-items:flex-start;flex-direction:column}.registrations-header .btn{width:100%}.participant-stats{grid-template-columns:1fr 1fr;gap:.6rem}.participant-stat{padding:.8rem}.participant-registration-card{grid-template-columns:70px 1fr}.participant-registration-card__actions{grid-column:1/-1;align-items:stretch}.participant-registration-card__actions .btn{width:100%}}
/* Estilo: Controla a aparência de inscrições. */
.registration-privacy-check{padding:1rem 1rem 1rem 2.7rem;border:1px solid #e4e7ed;border-radius:.85rem;background:#fafafc}/* Estilo: Controla a aparência de inscrições. */ .registration-privacy-check .form-check-input{margin-left:-1.7rem}/* Estilo: Controla a aparência de inscrições. */ .registration-privacy-check .form-check-label{font-size:.82rem!important;font-weight:600!important;line-height:1.5;color:#596275!important}

/* Conteúdo personalizado exibido após a inscrição */
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message{
  text-align:left;
  margin:1.35rem auto 1.1rem;
  max-width:620px;
  padding:1.15rem 1.25rem;
  border:1px solid #dde3ec;
  border-left:4px solid #b68c2e;
  border-radius:.9rem;
  background:#fbfcff;
  color:#303b50;
  line-height:1.65;
  box-shadow:0 8px 22px rgba(23,37,84,.05);
}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message h2,
.registration-custom-message h3,
.registration-custom-message h4{color:#172554;margin:.2rem 0 .65rem;line-height:1.25}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message p{max-width:none;margin:.55rem 0;color:inherit}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message ul,
.registration-custom-message ol{padding-left:1.4rem;margin:.65rem 0}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message blockquote{border-left:4px solid #d4b25e;background:#fff9ea;margin:.8rem 0;padding:.7rem .9rem;color:#4e5869}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message a{color:#174a9c;text-decoration:underline;font-weight:700}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message hr{border:0;border-top:1px solid #dfe4ec;margin:1rem 0}

/* Campos obrigatórios definidos por evento */
/* Estilo: Controla a aparência de inscrições. */
.registration-form-card .registration-field-required > label:first-child::after,
.registration-form-card .registration-field-required > .form-label:first-child::after {
  content: " *";
  color: #b42318;
  font-weight: 800;
}

/* Conteúdo rico completo da mensagem após inscrição */
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message table{width:100%;border-collapse:collapse;margin:1rem 0}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message th,.registration-custom-message td{border:1px solid #dfe4ec;padding:.6rem .7rem;text-align:left;vertical-align:top}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message th{background:#f6f8fb;font-weight:800}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message mark{padding:.05rem .2rem;border-radius:.2rem}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message img.rich-content-image{display:block;height:auto;max-width:100%;border-radius:12px;margin:1rem auto}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message .rich-content-image--small{width:min(240px,100%)}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message .rich-content-image--medium{width:min(480px,100%)}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message .rich-content-image--large{width:min(760px,100%)}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message .rich-content-image--full{width:100%}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message .rich-content-image--left{margin-left:0;margin-right:auto}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message .rich-content-image--center{margin-left:auto;margin-right:auto}
/* Estilo: Controla a aparência de inscrições. */
.registration-custom-message .rich-content-image--right{margin-left:auto;margin-right:0}
/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */
@media(max-width:640px){.registration-custom-message table{display:block;overflow-x:auto;white-space:nowrap}}