@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800&family=Barlow+Condensed:wght@700;800;900&display=swap');

:root{
  --elc-green:#21f119;
  --elc-green-dark:#148d12;
  --elc-black:#050806;
  --elc-ink:#111512;
  --elc-muted:#647068;
  --elc-paper:#f4f2ec;
  --elc-soft:#f7f8f5;
  --elc-line:#cbd2cd;
  --elc-danger:#c9343c;
  --elc-success:#126a41;
}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;background:var(--elc-paper)}
body.registration-page{margin:0;overflow-x:hidden;color:var(--elc-ink);background:var(--elc-paper);font-family:Archivo,Arial,sans-serif}
button,input,select,textarea{font:inherit}
img,svg,video,canvas{max-width:100%}

.registration-page .site-header,.registration-page .nav-wrap,.registration-page .main-nav{color:var(--elc-black);background:#fff}
.registration-page .site-header{border-bottom:6px solid var(--elc-black)}
.registration-page .wordmark,.registration-page .main-menu a{color:var(--elc-black)}
.registration-page .wordmark__mark,.registration-page .nav-enroll{color:var(--elc-black);background:var(--elc-green)}
.registration-page .main-menu a:hover,.registration-page .main-menu a:focus-visible{color:var(--elc-green-dark)}

.registration-main{min-height:100vh;padding:44px 0 88px;background:var(--elc-paper)}
.registration-shell{width:min(1180px,calc(100% - 40px));max-width:1180px;margin:0 auto;min-width:0}
.registration-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px;color:var(--elc-muted);font-size:12px;font-weight:800}
.registration-breadcrumb a{color:var(--elc-black);text-decoration:none}

.registration-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:end;gap:28px;margin:0 0 28px;padding:58px 52px 52px;border:0;border-top:8px solid var(--elc-green);border-bottom:4px solid var(--elc-black);background:#fff;box-shadow:none}
.registration-hero>*{min-width:0;position:relative;z-index:1}
.registration-hero::after{content:"ELC";position:absolute;right:18px;bottom:-30px;color:rgba(5,8,6,.035);font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(112px,17vw,220px);font-weight:900;line-height:.78;letter-spacing:-.04em}
.registration-kicker{margin:0 0 18px;color:var(--elc-green-dark);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.registration-hero h1{max-width:790px;margin:0;color:var(--elc-black);font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(4rem,8vw,7rem);font-weight:900;line-height:.8;text-transform:uppercase;overflow-wrap:anywhere}
.registration-hero h1 em{color:var(--elc-green-dark);font-style:normal}
.registration-hero__lead{max-width:690px;margin:26px 0 0;color:var(--elc-muted);font-size:1rem;line-height:1.7}
.registration-hero__aside{display:grid;gap:10px;align-content:end;min-width:0}
.registration-stat{min-width:0;padding:16px;border:2px solid var(--elc-black);background:#fff}
.registration-stat strong{display:block;color:var(--elc-green-dark);font-family:'Barlow Condensed',Impact,sans-serif;font-size:2rem;line-height:1}
.registration-stat span{display:block;color:var(--elc-black);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}

/*
 * O formulario publico real do ELC reutiliza o new_student administrativo.
 * Este bloco o enquadra como o formulario do Futebol Social e impede qualquer
 * largura minima herdada de estourar o viewport.
 */
body.elc-form-page #elcPublicShell,
body.elc-form-page #elcPublicShell .ns-wrap,
body.elc-form-page #elcPublicShell #formNewStudentMobile,
body.elc-form-page #elcPublicShell .ns-card,
body.elc-form-page #elcPublicShell .ns-step,
body.elc-form-page #elcPublicShell .ns-grid,
body.elc-form-page #elcPublicShell .ns-field,
body.elc-form-page #elcPublicShell .ns-subcard,
body.elc-form-page #elcPublicShell .ns-docbox,
body.elc-form-page #elcPublicShell .ns-question,
body.elc-form-page #elcPublicShell .ns-section-card,
body.elc-form-page #elcPublicShell .ns-filter-shell,
body.elc-form-page #elcPublicShell .ns-filter-grid,
body.elc-form-page #elcPublicShell .ns-doc-upload-grid,
body.elc-form-page #elcPublicShell .ns-doc-upload,
body.elc-form-page #elcPublicShell .ns-school-grid,
body.elc-form-page #elcPublicShell .ns-summary,
body.elc-form-page #elcPublicShell .ns-summary-box,
body.elc-form-page #elcPublicShell .ns-chipgroup,
body.elc-form-page #elcPublicShell .ns-inline,
body.elc-form-page #elcPublicShell .ns-bingroup,
body.elc-form-page #elcPublicShell .ns-actions{
  min-width:0!important;
  max-width:100%!important;
}

body.elc-form-page #elcPublicShell .ns-wrap{display:block!important;width:100%!important;margin:0!important;color:var(--elc-ink)!important}
body.elc-form-page #elcPublicShell #formNewStudentMobile{display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
body.elc-form-page #elcPublicShell .ns-stepper{display:none!important}

body.elc-form-page #elcPublicShell .ns-card{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 52px 36px!important;
  overflow:hidden!important;
  border:4px solid var(--elc-black)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--elc-ink)!important;
  box-shadow:none!important;
}
body.elc-form-page #elcPublicShell .ns-card-head{display:none!important}

body.elc-form-page #formNewStudentMobile .ns-step{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:44px 0 40px!important;
  overflow:visible!important;
  border-top:2px solid var(--elc-line)!important;
  color:var(--elc-ink)!important;
  background:#fff!important;
  animation:none!important;
}
body.elc-form-page #formNewStudentMobile .ns-step:first-of-type{border-top:0!important}
body.elc-form-page #formNewStudentMobile .ns-step::before{display:block;margin:0 0 30px;padding:0 0 22px;border-bottom:4px solid var(--elc-black);color:var(--elc-black);font-family:'Barlow Condensed',Impact,sans-serif;font-size:2.7rem;font-weight:900;line-height:.95;text-transform:uppercase;overflow-wrap:anywhere}
body.elc-form-page #formNewStudentMobile .ns-step[data-step="1"]::before{content:"01 · Dados do aluno"}
body.elc-form-page #formNewStudentMobile .ns-step[data-step="2"]::before{content:"02 · Endereco e escola"}
body.elc-form-page #formNewStudentMobile .ns-step[data-step="3"]::before{content:"03 · Saude e PAR-Q"}
body.elc-form-page #formNewStudentMobile .ns-step[data-step="4"]::before{content:"04 · Documentos e anexos"}
body.elc-form-page #formNewStudentMobile .ns-step[data-step="5"]::before{content:"05 · Nucleo e turma"}

body.elc-form-page #elcPublicShell .ns-grid{display:grid!important;gap:20px!important;width:100%!important}
body.elc-form-page #elcPublicShell .ns-grid-2,
body.elc-form-page #elcPublicShell .ns-school-grid,
body.elc-form-page #elcPublicShell .ns-filter-grid,
body.elc-form-page #elcPublicShell .ns-doc-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.elc-form-page #elcPublicShell .ns-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.elc-form-page #elcPublicShell .ns-field{display:grid!important;gap:8px!important;width:100%!important}
body.elc-form-page #elcPublicShell .ns-field[style*="grid-column"]{min-width:0!important;max-width:100%!important}
body.elc-form-page #elcPublicShell .ns-field label,
body.elc-form-page #elcPublicShell .ns-school-actions label{color:var(--elc-black)!important;font-size:.78rem!important;font-weight:800!important;line-height:1.4!important}

body.elc-form-page #elcPublicShell .ns-input,
body.elc-form-page #elcPublicShell .ns-select,
body.elc-form-page #elcPublicShell .ns-textarea,
body.elc-form-page #elcPublicShell input,
body.elc-form-page #elcPublicShell select,
body.elc-form-page #elcPublicShell textarea{
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.elc-form-page #elcPublicShell .ns-input,
body.elc-form-page #elcPublicShell .ns-select,
body.elc-form-page #elcPublicShell .ns-textarea{
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  padding:11px 14px!important;
  border:2px solid var(--elc-line)!important;
  border-radius:0!important;
  outline:none!important;
  color:var(--elc-ink)!important;
  background:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
}
body.elc-form-page #elcPublicShell .ns-textarea{min-height:118px!important;resize:vertical!important}
body.elc-form-page #elcPublicShell .ns-input:focus,
body.elc-form-page #elcPublicShell .ns-select:focus,
body.elc-form-page #elcPublicShell .ns-textarea:focus{border-color:var(--elc-green-dark)!important;box-shadow:0 0 0 3px rgba(33,241,25,.14)!important}
body.elc-form-page #elcPublicShell .ns-input[readonly],
body.elc-form-page #elcPublicShell .ns-input:disabled,
body.elc-form-page #elcPublicShell .ns-select:disabled{color:var(--elc-muted)!important;background:#fff!important;opacity:1!important}
body.elc-form-page #elcPublicShell .ns-select option{color:var(--elc-black)!important;background:#fff!important}
body.elc-form-page #elcPublicShell input[type="file"]{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;color:var(--elc-ink)!important;background:#fff!important}
body.elc-form-page #elcPublicShell input[type="file"]::file-selector-button{max-width:100%;margin-right:10px;padding:10px 12px;border:0;border-radius:0;color:var(--elc-black);background:var(--elc-green);font-weight:900}

body.elc-form-page #elcPublicShell .ns-help,
body.elc-form-page #elcPublicShell .ns-sub,
body.elc-form-page #elcPublicShell .ns-mini,
body.elc-form-page #elcPublicShell .ns-check__sub,
body.elc-form-page #elcPublicShell .ns-section-card__sub,
body.elc-form-page #elcPublicShell .ns-section-card__meta,
body.elc-form-page #elcPublicShell .ns-summary-label{color:var(--elc-muted)!important;overflow-wrap:anywhere!important}

body.elc-form-page #elcPublicShell .ns-subcard,
body.elc-form-page #elcPublicShell .ns-docbox,
body.elc-form-page #elcPublicShell .ns-question,
body.elc-form-page #elcPublicShell .ns-check,
body.elc-form-page #elcPublicShell .ns-section-card,
body.elc-form-page #elcPublicShell .ns-summary-box,
body.elc-form-page #elcPublicShell .ns-doc-upload,
body.elc-form-page #elcPublicShell .ns-doc-guidance,
body.elc-form-page #elcPublicShell .ns-school-other,
body.elc-form-page #elcPublicShell .ns-direct-load-more{border:2px solid var(--elc-line)!important;border-radius:0!important;color:var(--elc-ink)!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}
body.elc-form-page #elcPublicShell .ns-subcard__title,
body.elc-form-page #elcPublicShell .ns-docbox__title,
body.elc-form-page #elcPublicShell .ns-question__title,
body.elc-form-page #elcPublicShell .ns-check__title,
body.elc-form-page #elcPublicShell .ns-section-card__title,
body.elc-form-page #elcPublicShell .ns-summary-value,
body.elc-form-page #elcPublicShell .ns-doc-upload__title,
body.elc-form-page #elcPublicShell .ns-school-other__copy strong,
body.elc-form-page #elcPublicShell .ns-doc-guidance strong{color:var(--elc-black)!important;overflow-wrap:anywhere!important}
body.elc-form-page #elcPublicShell .ns-rowline{max-width:100%!important;border-color:#dfe4df!important}

body.elc-form-page #elcPublicShell .ns-radio,
body.elc-form-page #elcPublicShell .ns-chip{max-width:100%!important;min-height:48px!important;padding:10px 13px!important;border:2px solid var(--elc-line)!important;border-radius:0!important;color:var(--elc-black)!important;background:#fff!important;box-shadow:none!important;overflow-wrap:anywhere!important}
body.elc-form-page #elcPublicShell .ns-radio:hover,
body.elc-form-page #elcPublicShell .ns-chip:hover{border-color:var(--elc-green-dark)!important}
body.elc-form-page #elcPublicShell .ns-radio input,
body.elc-form-page #elcPublicShell .ns-check input,
body.elc-form-page #elcPublicShell .ns-section-card input{accent-color:var(--elc-green-dark)!important}
body.elc-form-page #elcPublicShell .ns-chipradio:checked+.ns-chip{color:#fff!important;border-color:var(--elc-black)!important;background:var(--elc-black)!important}
body.elc-form-page #elcPublicShell .ns-section-card:has(input:checked),
body.elc-form-page #elcPublicShell .ns-section-card.is-selected{border-color:var(--elc-black)!important;background:#f0f8ed!important}
body.elc-form-page #elcPublicShell .ns-section-card>*{min-width:0!important;max-width:100%!important}
body.elc-form-page #elcPublicShell .ns-section-card__sub,
body.elc-form-page #elcPublicShell .ns-section-card__meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.elc-form-page #elcPublicShell .ns-meta-pill{max-width:100%!important;border:1px solid var(--elc-line)!important;border-radius:0!important;color:var(--elc-muted)!important;background:var(--elc-soft)!important;white-space:normal!important;overflow-wrap:anywhere!important}

body.elc-form-page #elcPublicShell .ns-icon,
body.elc-form-page #elcPublicShell .ns-section-card__icon,
body.elc-form-page #elcPublicShell .ns-school-other__icon,
body.elc-form-page #elcPublicShell .ns-doc-upload__title i,
body.elc-form-page #elcPublicShell .ns-doc-guidance__icon,
body.elc-form-page #elcPublicShell .ns-direct-load-more__status i{border:0!important;border-radius:0!important;color:var(--elc-black)!important;background:var(--elc-green)!important;box-shadow:none!important}

body.elc-form-page #elcPublicShell .ns-filter-shell{position:relative!important;top:auto!important;z-index:20!important;width:100%!important;padding:16px!important;border:2px solid var(--elc-line)!important;border-radius:0!important;color:var(--elc-ink)!important;background:var(--elc-soft)!important;box-shadow:none!important;backdrop-filter:none!important}
body.elc-form-page #elcPublicShell .ns-filter-head{min-width:0!important}
body.elc-form-page #elcPublicShell .ns-filter-head strong{color:var(--elc-black)!important}
body.elc-form-page #elcPublicShell .ns-filter-head span{color:var(--elc-muted)!important}
body.elc-form-page #elcPublicShell .ns-filter-dd{min-width:0!important;max-width:100%!important}
body.elc-form-page #elcPublicShell .ns-filter-trigger{width:100%!important;min-width:0!important;min-height:54px!important;border:2px solid var(--elc-line)!important;border-radius:0!important;color:var(--elc-black)!important;background:#fff!important}
body.elc-form-page #elcPublicShell .ns-filter-current{min-width:0!important;max-width:calc(100% - 34px)!important}
body.elc-form-page #elcPublicShell .ns-filter-current span{min-width:0!important;max-width:100%!important}
body.elc-form-page #elcPublicShell .ns-filter-current strong{color:var(--elc-muted)!important}
body.elc-form-page #elcPublicShell .ns-filter-current small{display:block!important;max-width:100%!important;color:var(--elc-black)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.elc-form-page #elcPublicShell .ns-filter-menu{left:0!important;right:0!important;width:auto!important;max-width:100%!important;border:2px solid var(--elc-black)!important;border-radius:0!important;color:var(--elc-black)!important;background:#fff!important;box-shadow:10px 14px 0 rgba(5,8,6,.10)!important}
body.elc-form-page #elcPublicShell .ns-filter-search{min-width:0!important;border:2px solid var(--elc-line)!important;border-radius:0!important;background:#fff!important}
body.elc-form-page #elcPublicShell .ns-filter-search input{min-width:0!important;width:100%!important;color:var(--elc-black)!important;background:#fff!important}
body.elc-form-page #elcPublicShell .ns-filter-menu button{max-width:100%!important;border-radius:0!important;color:var(--elc-black)!important;background:#fff!important;overflow-wrap:anywhere!important}
body.elc-form-page #elcPublicShell .ns-filter-menu button:hover,
body.elc-form-page #elcPublicShell .ns-filter-menu button.is-active{background:#eef8ed!important}
body.elc-form-page #elcPublicShell .ns-filter-empty{border-color:var(--elc-line)!important;border-radius:0!important;color:var(--elc-muted)!important;background:#fff!important}

body.elc-form-page #elcPublicShell .ns-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;width:100%!important;margin:0!important;padding:30px 0 0!important;border-top:3px solid var(--elc-black)!important}
body.elc-form-page #elcPublicShell #btnPrev,
body.elc-form-page #elcPublicShell #btnNext{display:none!important}
body.elc-form-page #elcPublicShell #btnSubmit{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:260px!important;max-width:100%!important;min-height:54px!important;padding:0 22px!important;border:0!important;border-bottom:6px solid var(--elc-black)!important;border-radius:0!important;color:var(--elc-black)!important;background:var(--elc-green)!important;box-shadow:none!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}

body.elc-form-page .ns-modal__dialog{width:min(620px,calc(100% - 24px))!important;max-width:620px!important;min-width:0!important;border:3px solid var(--elc-black)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
body.elc-form-page .ns-modal__head{color:var(--elc-black)!important;background:var(--elc-green)!important}
body.elc-form-page .ns-modal__body{color:var(--elc-ink)!important;background:#fff!important}
body.elc-form-page .ns-modal__icon,body.elc-form-page .ns-modal__close{border-radius:0!important;color:var(--elc-black)!important;background:#fff!important}
body.elc-form-page .ns-btn{min-height:48px!important;border-radius:0!important;font-weight:900!important}
body.elc-form-page .ns-btn-primary,body.elc-form-page .ns-school-add,body.elc-form-page .ns-direct-load-more__button{border:0!important;border-bottom:5px solid var(--elc-black)!important;border-radius:0!important;color:var(--elc-black)!important;background:var(--elc-green)!important;box-shadow:none!important}
body.elc-form-page .ns-btn-ghost{border:2px solid var(--elc-black)!important;border-radius:0!important;color:var(--elc-black)!important;background:#fff!important}

.elc-public-result{display:none;margin:0 0 18px;padding:15px 17px;border-radius:0;font-weight:800;line-height:1.5}
.elc-public-result.is-error{display:block;background:#ffe8ea;border-left:7px solid var(--elc-danger);color:#7b2026}
.elc-public-result.is-success{display:block;background:#eff8ed;border-left:7px solid var(--elc-green-dark);color:#234629}
.elc-public-success{padding:58px 28px;text-align:center;border:4px solid var(--elc-black);background:#fff;box-shadow:none}
.elc-public-success i{font-size:2.8rem;color:var(--elc-green-dark)}
.elc-public-success h1{margin:16px 0 8px;color:var(--elc-black)}
.elc-public-success p{color:var(--elc-muted)}
.elc-public-success a{display:inline-flex;margin-top:14px;padding:13px 18px;border:0;border-bottom:5px solid var(--elc-black);border-radius:0;background:var(--elc-green);color:var(--elc-black);text-decoration:none;font-weight:900;text-transform:uppercase}
.hidden,.ns-hidden{display:none!important}

@media(max-width:900px){
  .registration-hero{grid-template-columns:1fr;padding:48px 36px 40px}
  .registration-hero__aside{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.elc-form-page #elcPublicShell .ns-card{padding:0 34px 30px!important}
  body.elc-form-page #elcPublicShell .ns-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  .registration-shell{width:calc(100% - 20px)}
  .registration-main{padding:28px 0 54px}
  .registration-hero{padding:34px 20px 32px;border-top-width:6px}
  .registration-hero h1{font-size:clamp(3.4rem,15vw,4.7rem)}
  .registration-hero__aside{grid-template-columns:1fr}
  body.elc-form-page #elcPublicShell .ns-card{padding:0 18px 26px!important;border-width:3px!important}
  body.elc-form-page #formNewStudentMobile .ns-step{padding:30px 0!important}
  body.elc-form-page #formNewStudentMobile .ns-step::before{margin-bottom:22px;font-size:2rem}
  body.elc-form-page #elcPublicShell .ns-grid-2,
  body.elc-form-page #elcPublicShell .ns-grid-3,
  body.elc-form-page #elcPublicShell .ns-school-grid,
  body.elc-form-page #elcPublicShell .ns-filter-grid,
  body.elc-form-page #elcPublicShell .ns-doc-upload-grid{grid-template-columns:minmax(0,1fr)!important}
  body.elc-form-page #elcPublicShell .ns-school-actions{align-items:flex-start!important;flex-direction:column!important}
  body.elc-form-page #elcPublicShell .ns-rowline{align-items:flex-start!important;flex-direction:column!important}
  body.elc-form-page #elcPublicShell .ns-bingroup,
  body.elc-form-page #elcPublicShell .ns-inline,
  body.elc-form-page #elcPublicShell .ns-chipgroup{width:100%!important}
  body.elc-form-page #elcPublicShell .ns-radio,
  body.elc-form-page #elcPublicShell .ns-chip{flex:1 1 auto!important}
  body.elc-form-page #elcPublicShell #btnSubmit{width:100%!important;min-width:0!important}
  body.elc-form-page #elcPublicShell .ns-filter-menu{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;width:auto!important;max-width:none!important;max-height:68vh!important}
}

@media(max-width:480px){
  .registration-shell{width:calc(100% - 16px)}
  .registration-hero{padding:30px 16px 28px}
  body.elc-form-page #elcPublicShell .ns-card{padding:0 14px 22px!important}
  body.elc-form-page #formNewStudentMobile .ns-step::before{font-size:1.75rem}
  body.elc-form-page #elcPublicShell .ns-radio,body.elc-form-page #elcPublicShell .ns-chip{width:100%!important}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/*
 * Dropdowns/selects no mesmo desenho editorial do Futebol Social.
 * O componente administrativo continua funcional, mas visualmente se comporta
 * como um select branco simples: borda reta, seta discreta e valor em destaque.
 */
body.elc-form-page #elcPublicShell .ns-select{
  -webkit-appearance:none!important;
  appearance:none!important;
  cursor:pointer!important;
  padding-right:42px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5 7 7.5 13 1.5' fill='none' stroke='%23050806' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:14px 9px!important;
  font-size:.82rem!important;
  font-weight:700!important;
}
body.elc-form-page #elcPublicShell .ns-select:hover{border-color:#89938c!important}
body.elc-form-page #elcPublicShell .ns-select:focus{border-color:var(--elc-green-dark)!important;box-shadow:0 0 0 3px rgba(33,241,25,.14)!important}
body.elc-form-page #elcPublicShell .ns-select option{padding:10px 12px!important;color:var(--elc-black)!important;background:#fff!important;font-weight:700!important}
body.elc-form-page #elcPublicShell .ns-select option:checked{color:#fff!important;background:var(--elc-black)!important}

body.elc-form-page #elcPublicShell .ns-filter-dd{position:relative!important}
body.elc-form-page #elcPublicShell .ns-filter-trigger{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:54px!important;
  padding:8px 42px 8px 14px!important;
  border:2px solid var(--elc-line)!important;
  border-radius:0!important;
  color:var(--elc-black)!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:left!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
body.elc-form-page #elcPublicShell .ns-filter-trigger:hover{border-color:#89938c!important}
body.elc-form-page #elcPublicShell .ns-filter-dd.is-open .ns-filter-trigger,
body.elc-form-page #elcPublicShell .ns-filter-trigger:focus-visible{border-color:var(--elc-green-dark)!important;box-shadow:0 0 0 3px rgba(33,241,25,.14)!important;outline:0!important}
body.elc-form-page #elcPublicShell .ns-filter-current{display:block!important;min-width:0!important;max-width:100%!important;width:100%!important}
body.elc-form-page #elcPublicShell .ns-filter-current>i{display:none!important}
body.elc-form-page #elcPublicShell .ns-filter-current>span{display:block!important;min-width:0!important;max-width:100%!important}
body.elc-form-page #elcPublicShell .ns-filter-current strong{
  display:block!important;
  margin:0 0 2px!important;
  color:var(--elc-muted)!important;
  font-size:.61rem!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.elc-form-page #elcPublicShell .ns-filter-current small{
  display:block!important;
  max-width:100%!important;
  color:var(--elc-black)!important;
  font-size:.82rem!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.elc-form-page #elcPublicShell .ns-filter-trigger>i:last-child{
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:var(--elc-black)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  transform:translateY(-50%)!important;
  font-size:.72rem!important;
  transition:transform .16s ease!important;
}
body.elc-form-page #elcPublicShell .ns-filter-dd.is-open .ns-filter-trigger>i:last-child{transform:translateY(-50%) rotate(180deg)!important}

body.elc-form-page #elcPublicShell .ns-filter-menu{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 6px)!important;
  bottom:auto!important;
  width:100%!important;
  max-width:none!important;
  max-height:300px!important;
  margin:0!important;
  padding:6px!important;
  overflow:auto!important;
  border:2px solid var(--elc-line)!important;
  border-radius:0!important;
  color:var(--elc-black)!important;
  background:#fff!important;
  box-shadow:0 14px 28px rgba(5,8,6,.14)!important;
  z-index:500!important;
}
body.elc-form-page #elcPublicShell .ns-filter-search{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:46px!important;
  margin:0 0 5px!important;
  padding:0 11px!important;
  border:2px solid var(--elc-line)!important;
  border-radius:0!important;
  color:var(--elc-muted)!important;
  background:#fff!important;
}
body.elc-form-page #elcPublicShell .ns-filter-search i{width:auto!important;height:auto!important;color:var(--elc-muted)!important;background:transparent!important;border:0!important;border-radius:0!important}
body.elc-form-page #elcPublicShell .ns-filter-search input{
  min-height:42px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  color:var(--elc-black)!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:.78rem!important;
  font-weight:700!important;
}
body.elc-form-page #elcPublicShell .ns-filter-search input::placeholder{color:#8a948d!important}
body.elc-form-page #elcPublicShell .ns-filter-menu li{margin:0!important;padding:0!important}
body.elc-form-page #elcPublicShell .ns-filter-menu button{
  display:flex!important;
  align-items:center!important;
  min-height:46px!important;
  width:100%!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:0!important;
  color:var(--elc-black)!important;
  background:#fff!important;
  font-size:.78rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:left!important;
  box-shadow:none!important;
}
body.elc-form-page #elcPublicShell .ns-filter-menu button>i{display:none!important}
body.elc-form-page #elcPublicShell .ns-filter-menu button:hover{color:var(--elc-black)!important;background:#f0f3ef!important}
body.elc-form-page #elcPublicShell .ns-filter-menu button.is-active{
  color:#fff!important;
  background:var(--elc-black)!important;
  box-shadow:inset 5px 0 0 var(--elc-green)!important;
}
body.elc-form-page #elcPublicShell .ns-filter-menu button.is-active span{color:#fff!important}
body.elc-form-page #elcPublicShell .ns-filter-dd.is-open::before{content:none!important;display:none!important}

@media(max-width:760px){
  body.elc-form-page #elcPublicShell .ns-filter-menu{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 6px)!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:280px!important;
  }
}

/*
 * ELC publico: o Futebol Social usa o select HTML real, sem a camada ns-dd.
 * Mantemos o JS administrativo carregado, mas no publico mostramos o select
 * nativo e escondemos somente a representacao customizada criada pelo core.
 */
body.elc-form-page #elcPublicShell .ns-select.ns-native-hidden{
  position:static!important;
  left:auto!important;
  top:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:54px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  clip:auto!important;
  clip-path:none!important;
  overflow:visible!important;
}
body.elc-form-page #elcPublicShell .ns-dd{display:none!important}

/* Campos no mesmo acabamento do Futebol Social e sem azul do navegador. */
body.elc-form-page #elcPublicShell .ns-input,
body.elc-form-page #elcPublicShell .ns-select,
body.elc-form-page #elcPublicShell .ns-textarea,
body.elc-form-page #elcPublicShell input[type="text"],
body.elc-form-page #elcPublicShell input[type="email"],
body.elc-form-page #elcPublicShell input[type="date"],
body.elc-form-page #elcPublicShell input[type="tel"],
body.elc-form-page #elcPublicShell input[type="number"],
body.elc-form-page #elcPublicShell textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  margin:0!important;
  padding:11px 14px!important;
  border:2px solid var(--elc-line)!important;
  border-radius:0!important;
  outline:none!important;
  color:var(--elc-black)!important;
  background:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
}
body.elc-form-page #elcPublicShell .ns-input::placeholder,
body.elc-form-page #elcPublicShell .ns-textarea::placeholder,
body.elc-form-page #elcPublicShell input::placeholder,
body.elc-form-page #elcPublicShell textarea::placeholder{color:#7b867f!important;opacity:1!important}
body.elc-form-page #elcPublicShell .ns-input:focus,
body.elc-form-page #elcPublicShell .ns-select:focus,
body.elc-form-page #elcPublicShell .ns-textarea:focus,
body.elc-form-page #elcPublicShell input:focus,
body.elc-form-page #elcPublicShell select:focus,
body.elc-form-page #elcPublicShell textarea:focus{
  border-color:var(--elc-green-dark)!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(33,241,25,.12)!important;
}
body.elc-form-page #elcPublicShell input:-webkit-autofill,
body.elc-form-page #elcPublicShell input:-webkit-autofill:hover,
body.elc-form-page #elcPublicShell input:-webkit-autofill:focus,
body.elc-form-page #elcPublicShell textarea:-webkit-autofill,
body.elc-form-page #elcPublicShell select:-webkit-autofill{
  -webkit-text-fill-color:var(--elc-black)!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  caret-color:var(--elc-black)!important;
}
