/*
 * DVIIOS SUPPORT ACCESS APPROVED V1
 * Familia visual aprovada de acesso.
 */

body.helpdesk-public-page.helpdesk-public-page--support{
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  background:#fff!important;
}

.ca-page[data-support-screen="APPROVED-V1"] .ca-main{
  min-height:820px;
}

.ca-page[data-support-screen="APPROVED-V1"] .ca-story{
  grid-template-rows:minmax(500px,1fr) 271px;
}

.ca-page[data-support-screen="APPROVED-V1"] .ca-photo{
  min-height:500px;
}

.ca-page[data-support-screen="APPROVED-V1"] .ca-account{
  padding-top:34px;
  padding-bottom:34px;
}

.ca-page[data-support-screen="APPROVED-V1"] .ca-form-wrap{
  max-width:620px;
}

.ca-page[data-support-screen="APPROVED-V1"] .ca-form-wrap h1{
  font-size:58px;
  line-height:.94;
  letter-spacing:-3.6px;
}

.sp-icon{
  width:58px;
  height:58px;
  margin:0 0 16px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffd600;
  color:#050505;
}

.sp-icon svg{
  width:29px;
  height:29px;
  display:block;
}

.sp-alert{
  margin:0 0 16px;
  padding:13px 15px;
  border-radius:8px;
  font-size:14px;
  line-height:1.45;
}

.sp-alert--success{
  border:1px solid #b8ddc0;
  background:#f3fff5;
  color:#1f6b2e;
}

.sp-alert--error{
  border:1px solid #ebbcbc;
  background:#fff6f6;
  color:#8b1f1f;
}

.sp-form{
  display:grid;
  gap:13px;
}

.sp-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}

.sp-field{
  min-width:0;
}

.sp-field--wide{
  grid-column:1 / -1;
}

.sp-field label{
  display:block;
  margin:0 0 7px;
  color:#111;
  font-size:16px;
  font-weight:600;
  line-height:1.3;
}

.sp-field input,
.sp-field textarea{
  width:100%;
  border:1px solid #cfd5de;
  border-radius:8px;
  outline:none;
  background:#fff;
  color:#111;
  font-family:inherit;
  font-size:16px;
  transition:border-color .15s ease,box-shadow .15s ease;
}

.sp-field input{
  height:52px;
  padding:0 17px;
}

.sp-field textarea{
  min-height:116px;
  padding:14px 17px;
  line-height:1.45;
  resize:vertical;
}

.sp-field input::placeholder,
.sp-field textarea::placeholder{
  color:#8b94a3;
}

.sp-field input:focus,
.sp-field textarea:focus{
  border-color:#111;
  box-shadow:0 0 0 3px rgba(255,214,0,.2);
}

.sp-note{
  margin:0;
  color:#657082;
  font-size:13px;
  line-height:1.45;
}

.sp-submit{
  width:100%;
  height:64px;
  margin-top:2px;
  border:0;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  background:#ffd600;
  color:#050505;
  font-size:21px;
  font-weight:800;
  cursor:pointer;
}

.sp-submit:hover{
  filter:brightness(.985);
}

.sp-submit-arrow{
  font-size:31px;
  line-height:1;
  font-weight:400;
}

.sp-back{
  margin:22px 0 0;
  text-align:center;
  font-size:15px;
}

.sp-back a{
  color:#111;
  text-decoration:underline;
  text-underline-offset:4px;
}

@media(max-width:1200px){

  .ca-page[data-support-screen="APPROVED-V1"] .ca-main{
    min-height:0;
  }

  .ca-page[data-support-screen="APPROVED-V1"] .ca-story{
    grid-template-rows:380px auto;
  }

  .ca-page[data-support-screen="APPROVED-V1"] .ca-photo{
    min-height:380px;
  }
}

@media(max-width:680px){

  .ca-page[data-support-screen="APPROVED-V1"] .ca-form-wrap h1{
    font-size:45px;
    letter-spacing:-2.4px;
  }

  .sp-grid{
    grid-template-columns:1fr;
  }

  .sp-field--wide{
    grid-column:auto;
  }

  .sp-icon{
    width:52px;
    height:52px;
  }

  .sp-submit{
    height:60px;
    font-size:19px;
  }

  .sp-back{
    font-size:14px;
  }
}