@charset "utf-8";

@import "bootstrap.min.css";

@import "sweetalert2.css";

@import "fontes.css";



:root {

   --sg-samsung: #34A853;

  --sg-samsung2: #1428A0;

  --sg-navy: #000000;

  --sg-gray: #F4F4F4;

  --sg-black: #000000;

  --sg-white: #FFFFFF;

  --sg-gblue: #4285F4;

  --sg-gred: #EA4335;

  --sg-gyellow: #FBBC04;

  --sg-ggreen: #34A853;

  --sg-cta: #34A853;

  --sg-cta2: #68b39b;

  --sg-cta3:#e8f5e9;

  --sg-text: #000000;

  --sg-muted: #767676;

  --sg-border: #E8E8E8;

  --sg-radius: 16px;

  --bg-default: #181A20;

  -white: #ffffff;

  --black: #000;

  --theme-color1: #006BEA;

  --theme-color2:#ffffff;

  --theme-color3: #35383F;

  --theme-color4: #68AEFF;

  --color-none: #464645;

  --menu-link: #555555;

  --bg-fmr-home: #f7f7f7;    

  --bg-faq-home: #F5F5F5;

  --bg-btn-default: #000000;

  --bg-btn-danger-item: #e03030;

  --bg-footer: #E9E9E9;

  --text-color-2: #1C1C1C; 

  --text-color-3: #0077C8;    

  --text-color-4: #97D653;

  --alert-color: #FF4337;

}



.form-item{

  display: none;

  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

          animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

}

.form-item.active{

  display: block;

}



@-webkit-keyframes fade-in-bottom {

  0% {

    -webkit-transform: translateY(50px);

            transform: translateY(50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes fade-in-bottom {

  0% {

    -webkit-transform: translateY(50px);

            transform: translateY(50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}





.droid1 img {
    max-width: 280px !important;
    width: 280px !important;
    height: auto !important;
    position: relative !important;
}

.droid img {
    max-width: 60px !important;
    width: 280px !important;
    height: auto !important;
    position: relative !important;
}

.logo-android-samsung{

    position: absolute;

    top: 10px;

    right: 30px;

}

.logo-android-samsung img {

    max-width: 230px!important;

}

body.sg-app.padrao {

  visibility: visible;

}





body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: 100vh;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    font-family: 'Samsung SS Head';

    -webkit-animation: fade-in 200ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

            animation: fade-in 200ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

}

body.padrao{

    visibility: hidden;

}

main {

    position: relative;

    -webkit-box-flex: 1;

    -ms-flex: 1 0 auto;

    flex: 1 0 auto;

}

img {

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -o-user-select: none;

    user-select: none;

    -webkit-user-drag: none;

    -khtml-user-drag: none;

    -moz-user-drag: none;

    -o-user-drag: none;

}

figure{

    margin:0;

    padding: 0;

}

h1{

    font-family: 'Samsung SS Head';

    font-weight: 700;

}

a{

    text-decoration: none;

}

a:hover, .dropdown-menu li a:hover{

    text-decoration: none;



}

.font-1{

    font-family: 'Samsung SS Head';

}

.font-2{

    font-family: 'Samsung SS Head';

}

.font-3{

    font-family: 'Samsung SS Head';

}

.fs-7{

    font-size: 0.875rem!important;

}

.fs-8{

    font-size: 0.75rem!important;

}

.fs-9{

    font-size: 1.125rem!important;

}

.text-color-1{

    color: var(--menu-link)!important;

}

.text-color-2{

    color: var(--text-color-2)!important;

}

.text-color-3{

    color: var(--text-color-3)!important;

}

.text-color-4{

    color: var(--text-color-4)!important;

}

.text-color-5{

    color: var(--alert-color)!important;

}

.bg-faq-home{

    background: var(--bg-faq-home);

}







.sg-app,

.sg-app body {

  font-family: "Samsung SS Head", Samsung SS Head, Inter, system-ui, sans-serif;

  color: var(--sg-text);

  background: #fff;

}



.sg-app img { max-width: 100%; }

.sg-app a { text-decoration: none; }

.sg-app a:hover { text-decoration: none; }

.sg-app button { font-family: inherit; }



.sg-dots { display: flex; gap: 6px; }

.sg-dots span {

  width: 10px; height: 10px; border-radius: 50%;

}

.sg-dots .b { background: var(--sg-gblue); }

.sg-dots .r { background: var(--sg-gred); }

.sg-dots .y { background: var(--sg-gyellow); }

.sg-dots .g { background: var(--sg-ggreen); }



.sg-lockup {

  display: inline-flex;

  align-items: center;

  gap: 8px;

}

.sg-lockup img { height: 40px; width: auto; display: block; }

.sg-lockup .plus { color: #767676; font-weight: 700; font-size: 14px; }

.sg-lockup.light .plus { color: rgba(255,255,255,.7); }

/*.sg-lockup.light .samsung-logo { filter: invert(1); }*/



.sg-tag {

  display: inline-flex;

  align-items: center;

  font-size: 12px;

  font-weight: 700;

  padding: 4px 10px;

  border-radius: 999px;

  line-height: 1.3;

}

.sg-tag-samsung { background: #e6fff1; color: var(--sg-samsung); }



.sg-tag-google {

    background: #f8fff2;

    color: #a7fe75;

}

.sg-tag-cobrand { background: #F0F0FF; color: #000; }

.sg-tag-obrig { background: #FFF3E0; color: #B26A00; }

.sg-tag-done { background: #E6F4EA; color: var(--sg-ggreen); }

.sg-tag-prog { background: #FFF8E1; color: #B58A00; }

.sg-tag-pend { background: #F4F4F4; color: #555; }



.sg-tag-tec {     

  background: #e7ebfd;

    color: #1327a0; 

  }



.sg-tag-com {

    background: #e3f3ef;

    color: #00a981;}



.sg-tag-camp {     background: #fdf7e0;

    color: #9a7b0c;}



.sg-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  padding: 12px 20px;

  border-radius: 48px;

  font-size: 14px;

  font-weight: 700;

  border: none;

  cursor: pointer;

  transition: opacity .2s, transform .2s, background .2s;

}

.sg-btn:hover { opacity: .9; transform: translateY(-1px); color: inherit; }

.sg-btn-sm { padding: 8px 14px; font-size: 13px; }

.sg-btn-full { width: 100%; }

.sg-btn-samsung { background: var(--sg-cta); color: #fff; }

.sg-btn-samsung:hover { color: #fff; }

.sg-btn-google { background: var(--sg-cta); color: #fff; }

.sg-btn-google:hover { color: #fff; }

.sg-btn-done { background: var(--sg-ggreen); color: #fff; }

.sg-btn-ghost {

  background: transparent;

  color: #000;

  border: 1.5px solid #D9DEE8;

}

.sg-btn-outline {

  background: #fff;

  color: var(--sg-samsung);

  border: 1.5px solid var(--sg-samsung);

}

.sg-btn-white { background: #fff; color: #000; }



.sg-progress {

  width: 100%;

  height: 8px;

  border-radius: 999px;

  overflow: hidden;

  background: #E4E8F0;

}

.sg-progress > span {

  display: block;

  height: 100%;

  border-radius: 999px;

}

.sg-progress-sm { height: 6px; }



.sg-card {

  background: #fff;

  border: 1px solid var(--sg-border);

  border-radius: var(--sg-radius);

  padding: 24px;

}



.sg-icon-wrap {

  width: 44px; height: 44px;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #68b39b, #68b39b, #68b39b, #68b39b) border-box;

  border: 2px solid transparent;

}



.sg-crumb {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 6px;

  font-size: 14px;

  color: #767676;

  margin-bottom: 20px;

}

.sg-crumb a { color: #555; }

.sg-crumb a:hover { text-decoration: underline; color: #555; }

.sg-crumb strong { color: #000; font-weight: 700; }



/* Header logado */

.sg-header {

  position: sticky;

  top: 0;

  z-index: 40;

  background: #fff;

  border-bottom: 1px solid #E8ECF3;

}

.sg-header-inner {

  max-width: 1280px;

  margin: 0 auto;

  padding: 0 16px;

  min-height: 64px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

}

.sg-nav {

  display: none;

  align-items: center;

  gap: 4px;

}

.sg-nav a{

  padding: 8px 14px;

  border-radius: 8px;

  font-size: 14px;

  font-weight: 500;

  color: #767676;

}

.sg-nav a.active,

.sg-nav a:hover{

  /* background: #F4F4F4; */

  color: #000;

  font-weight: 700;

}

.sg-header-actions {

  display: flex;

  align-items: center;

  gap: 8px;

}

.sg-link-beneficios {

  display: none;

  padding: 8px 14px;

  border-radius: 8px;

  font-size: 14px;

  font-weight: 600;

  color: var(--sg-cta2);

}

.sg-link-beneficios.active {

  font-weight: 700;

  background: #F4F4F4;

}

.sg-bell {

  position: relative;

  width: 40px; height: 40px;

  border: 0;

  background: transparent;

  border-radius: 8px;

  color: #555;

}

.sg-bell .dot {

  position: absolute;

  top: 8px; right: 8px;

  width: 8px; height: 8px;

  border-radius: 50%;

  background: var(--sg-gred);

}

.sg-avatar {

    width: 36px;

    height: 36px;

    border-radius: 50%;

    padding: 2px;

  

    background: linear-gradient(90deg, #EA4335, #FBBC04, #34A853, #4285F4);

    display: inline-flex;

    border: none;

}







.sg-inner-items {

    display: none; 

    position: absolute;

    left: -150px;

    background: #ffffff;

    width: 180px;

    overflow: hidden;

    border-radius: 0px 6px 6px 0px;

    border-left: 5px solid var(--sg-cta);

    filter: drop-shadow(2px 2px 8px rgba(0,0,0,0.1));

    transition: all 1s ease-in-out;

    padding: 10px 10px;

    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

    box-sizing: border-box;

}



.active .sg-inner-items{

  display: block;

}

.sg-inner-items ul{

  margin: 0;

}

.sg-inner-items a{

      display: flex;

    align-items: center;

    gap: 10px;

    padding: 10px 12px;

    border-radius: 8px;

    color: #767676;

    font-size: 14px;

    font-weight: 600;

  padding-inline:0!important;

}



.sg-inner-items ul li{

  list-style: none;

}



@-webkit-keyframes slide-in-top {

  0% {

    -webkit-transform: translateY(-1000px);

            transform: translateY(-1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes slide-in-top {

  0% {

    -webkit-transform: translateY(-1000px);

            transform: translateY(-1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}





.sg-avatar span {

  width: 100%; height: 100%;

  border-radius: 50%;

  background: var(--sg-gblue);

  color: #fff;

  font-size: 12px;

  font-weight: 700;

  display: flex;

  align-items: center;

  justify-content: center;

}

.sg-menu-toggle {

  display: inline-flex;

  width: 40px; height: 40px;

  align-items: center;

  justify-content: center;

  border: 0;

  background: transparent;

  border-radius: 8px;

}

.sg-header-mobile {

  display: none;

  border-top: 1px solid #E8ECF3;

  padding: 8px 16px 12px;

}

.sg-header-mobile a {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 10px 12px;

  border-radius: 8px;

  color: #767676;

  font-size: 14px;

  font-weight: 600;

}

.sg-header-mobile a.active { background: #F4F4F4; color: #000; }

.sg-header.open .sg-header-mobile { display: block; }

.sg-landing-header .sg-header-mobile { display: none; }

.sg-landing-header.open .sg-header-mobile {

  display: block;

  background: rgba(0,0,0,.97);

}

.sg-landing-header.open .sg-header-mobile a { color: rgba(255,255,255,.85); }

.sg-landing-header.scrolled.open .sg-header-mobile { background: #fff; }

.sg-landing-header.scrolled.open .sg-header-mobile a { color: #333; }

.sg-landing-header .sg-landing-nav { display: none; }



.sg-page {

  max-width: 1280px;

  margin: 0 auto;

  padding: 32px 16px 96px;

}

.sg-page-narrow { max-width: 1040px; }

.sg-page-wide { max-width: 1280px; }



.sg-footer {

  border-top: 1px solid #E8ECF3;

  background: var(--sg-gray);

  padding: 32px 16px;

  text-align: center;

  color: #767676;

  font-size: 12px;

  line-height: 1.6;

}



.sg-mobile-bar {

  position: fixed;

  left: 0; right: 0; bottom: 0;

  z-index: 35;

  background: #fff;

  border-top: 1px solid #E8ECF3;

  display: flex;

  justify-content: space-around;

  padding: 6px 8px calc(6px + env(safe-area-inset-bottom));

}

.sg-mobile-bar a {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 2px;

  font-size: 10px;

  font-weight: 600;

  color: #9AA2AF;

  padding: 6px 4px;

}

.sg-mobile-bar a.active { color: var(--sg-samsung); }



@media (min-width: 992px) {



  .sg-nav { display: flex; }

  .sg-link-beneficios { display: inline-flex; }

  .sg-menu-toggle { display: none; }

  .sg-header.open .sg-header-mobile { display: none; }

  .sg-mobile-bar { display: none; }

  .sg-page { padding-bottom: 48px; }

  .sg-landing-header .sg-landing-nav { display: flex; }

  .sg-landing-header.open .sg-header-mobile { display: none; }

}



/* Landing */

.sg-landing-header {

  position: fixed;

  top: 0; left: 0; right: 0;

  z-index: 50;

  transition: background .3s, border .3s;

}

.sg-landing-header.scrolled {

  background: rgba(255,255,255,.97);

  border-bottom: 1px solid rgba(0,0,0,.08);

}

.sg-landing-header .sg-header-inner { max-width: 1280px; }

.sg-landing-nav a {

  padding: 8px 14px;

  color: rgba(255,255,255,.8);

  font-size: 14px;

  font-weight: 600;

}

.sg-landing-header.scrolled .sg-landing-nav a { color: #333; }

.sg-hero {

    position: relative;

    margin-top: 55px;

    min-height: 100vh;

    display: flex;

    align-items: center;

    overflow: hidden;

    background: #000;

}

.sg-hero-bg {

  position: absolute;

  inset: 0;

  background:

    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.68) 50%, rgba(0,0,0,.22) 100%),

    var(--sg-banner, url("../imagens/figma/77.png")) center/cover no-repeat;

}

.sg-hero-content {

  position: relative;

  z-index: 2;

  max-width: 1280px;

  margin: 0 auto;

  padding: 140px 24px 80px;

  width: 100%;

}

.sg-hero h1 {

  color: #fff;

  font-weight: bold;

  line-height: 1.1;

  font-size: clamp(2.1rem, 4.5vw, 3.5rem);

  margin: 0 0 20px;

}

.sg-hero p.lead {

  color: rgba(255,255,255,.75);

  font-size: 18px;

  max-width: 560px;

  line-height: 1.65;

  margin-bottom: 32px;

}

.sg-scroll-hint {

  position: absolute;

  bottom: 32px;

  left: 50%;

  transform: translateX(-50%);

  color: rgba(255,255,255,.35);

  text-align: center;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .16em;

  text-transform: uppercase;

}

.sg-stats {

  background: #F4F4F4;

  padding: 64px 16px;

}

.sg-stat-n {

  font-weight: 900;

  color: var(--sg-cta);

  font-size: clamp(2.8rem, 6vw, 5rem);

  line-height: 1;

}

.sg-stat-l {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: .04em;

  text-transform: uppercase;

  color: #555;

}

.sg-section { padding: 80px 16px; }

.sg-section-title {

  font-size: clamp(1.8rem, 3vw, 2.4rem);

  font-weight: bold;

  margin-bottom: 16px;

}

.sg-pill {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 8px 20px;

  border-radius: 999px;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .12em;

  text-transform: uppercase;

  background:

 linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #68b39b, #68b39b, #68b39b, #68b39b) border-box;

  border: 2px solid transparent;

  color: #000;

  margin-bottom: 16px;

}



/* Auth */

.sg-auth {

  min-height: 100vh;

  display: flex;

  background: #fff;

}

.sg-auth-visual {

  display: none;

  width: 50%;

  position: relative;

  overflow: hidden;

  background: #f4f4f4;

}

.sg-auth-visual img {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.sg-auth-form {

  flex: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 48px 24px;

}

.sg-auth-box { width: 100%; max-width: 380px; }

.sg-auth h1 { font-size: 28px; font-weight: bold; margin-bottom: 4px; }

.sg-label {

  display: block;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .06em;

  text-transform: uppercase;

  margin-bottom: 6px;

}

.sg-input,

.sg-select,

.sg-textarea {

  width: 100%;

  padding: 12px 16px;

  border: 1px solid #D0D0D0;

  border-radius: 4px;

  font-size: 14px;

  background: #fff;

  color: #000;

}

.sg-input:focus,

.sg-select:focus,

.sg-textarea:focus {

  outline: none;

  border-color: var(--sg-samsung);

}

.sg-register-panel {

  background:

    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.78) 100%),

    var(--sg-banner, none) center/cover no-repeat,

    #000;

  color: #fff;

  padding: 48px;

}

.sg-register-card {

  background: #fff;

  border-radius: 24px;

  padding: 32px;

  box-shadow: 0 20px 60px rgba(7,27,77,.08);

}



/* Dashboard */

.sg-hero-card {

  border: 1px solid var(--sg-border);

  border-radius: 24px;

  overflow: hidden;

  background: #fff;

  display: flex;

  flex-direction: column;

  margin-bottom: 28px;

}

.sg-hero-card-text { padding: 32px; }

.sg-hero-card-img {

     min-height: 220px;

    background: var(--sg-banner, url("../imagens/heroandroid.webp")) center/cover no-repeat;

}

.sg-stat-grid,

.sg-grid-4,

.sg-grid-3,

.sg-grid-2 { display: grid; gap: 16px; }



/* Training card */

.sg-train-card {

  background: #fff;

  border: 1px solid var(--sg-border);

  border-radius: 16px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  height: 100%;

  transition: transform .2s, box-shadow .2s;

}

.sg-train-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,.08); }

.sg-train-card.locked { opacity: .72; }

.sg-train-card.locked:hover { transform: none; box-shadow: none; }

.sg-train-card.obrig { border-color: var(--sg-samsung2); border-width: 1.5px; }



.sg-train-card:hover{ border-color: var(--sg-samsung);}

.sg-train-actions {

  display: flex;

  flex-direction: column;

  gap: 8px;

  margin-top: auto;

}



.sg-train-media {

  position: relative;

  height: 160px;

  background: #F4F4F4;

}

.sg-train-media img {

  width: 100%; height: 100%; object-fit: cover;

}

.sg-badge-status {

  position: absolute;

  top: 12px; left: 12px;

  background: rgba(0,0,0,.55);

  color: #fff;

  font-size: 11px;

  font-weight: 700;

  padding: 4px 10px;

  border-radius: 999px;

  backdrop-filter: blur(4px);

}

.sg-badge-obrig {

  position: absolute;

  top: 12px; right: 12px;

}

.sg-train-bar {

  position: absolute;

  left: 0; right: 0; bottom: 0;

  height: 4px;

  background: #E8E8E8;

}

.sg-train-bar span { display: block; height: 100%; }



/* Detail */

.sg-detail-hero {

  background: var(--sg-samsung);

  color: #fff;

  padding: 32px 16px;

}

.sg-detail-hero.dark { background: #000; }

.sg-video {

  position: relative;

  aspect-ratio: 16/9;

  border-radius: 16px;

  overflow: hidden;

  background: #000;

  display: flex;

  align-items: center;

  justify-content: center;

}

.sg-play {

  width: 64px; height: 64px;

  border-radius: 50%;

  background: #fff;

  border: 0;

  color: var(--sg-samsung);

  font-size: 22px;

}



body.sg-treino-shell main#conteudo {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

}

.sg-treino-frame {

  position: relative;

  flex: 1 1 auto;

  min-height: calc(100vh - 160px);

  background: #F4F4F4;

}

.sg-treino-frame iframe {

  display: block;

  width: 100%;

  height: 100%;

  min-height: calc(100vh - 160px);

  border: 0;

  background: #fff;

}

.sg-treino-frame-empty {

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: calc(100vh - 160px);

  padding: 32px 16px;

  color: #767676;

  text-align: center;

}

.sg-treino-quiz {

  padding: 24px 16px 40px;

}

.sg-quiz-inline {

  display: none;

  margin-top: 16px;

}

.sg-quiz-inline.is-open { display: block; }



/* Materials */

.sg-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }

.sg-chip {

  padding: 6px 14px;

  border-radius: 999px;

  font-size: 14px;

  font-weight: 600;

  border: 1px solid #E8E8E8;

  background: #fff;

  color: #555;

  cursor: pointer;

}

.sg-chip.active { background: #000; color: #fff; border-color: #000; }

.sg-search {

  position: relative;

  margin-bottom: 16px;

}

.sg-search i {

  position: absolute;

  left: 16px; top: 50%;

  transform: translateY(-50%);

  color: #aaa;

}

.sg-search input { padding-left: 44px; border-radius: 12px; }



/* Tables */

.sg-table-wrap {

  background: #fff;

  border: 1px solid var(--sg-border);

  border-radius: 16px;

  overflow: auto;

}

.sg-table { width: 100%; font-size: 14px; margin: 0; }

.sg-table th {

  background: #F4F4F4;

  text-align: left;

  padding: 12px 16px;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .06em;

  text-transform: uppercase;

  color: #767676;

  border-bottom: 1px solid #E8E8E8;

  white-space: nowrap;

}

.sg-table td {

  padding: 14px 16px;

  border-bottom: 1px solid #F0F0F0;

  color: #444;

}

.sg-table tr.me {     background: #f0fff5;

    font-weight: 700;}

.sg-table tr.me td { color: var(--sg-samsung); }



.sg-table-pontos th {

  background: #1428A0;

  color: #fff;

  text-transform: none;

  letter-spacing: 0;

  font-size: 13px;

  font-weight: 700;

  border-bottom: 0;

  white-space: nowrap;

}

.sg-table-pontos td {

  color: #222;

}

.sg-table-pontos tbody tr:nth-child(even) td {

  background: #F7F8FA;

}



.sg-camp-hero {

  position: relative;

  overflow: hidden;

  background: #000;

  min-height: 320px;

  color: #fff;

}

.sg-camp-hero::before {

  content: "";

  position: absolute;

  inset: 0;

  background:

    linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.12) 100%),

    var(--sg-banner, url("../imagens/figma/photo-1511707171634-5f897ff02aa9.jpg")) center/cover no-repeat;

}

.sg-camp-hero-inner {

  position: relative;

  z-index: 2;

  max-width: 1100px;

  margin: 0 auto;

  padding: 56px 16px;

}

.sg-check-item {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 12px;

  border-radius: 12px;

  width: 100%;

  text-align: left;

  background: transparent;

  border: 0;

  color: #000;

}

.sg-check-item.done { color: #767676; text-decoration: line-through; }



.sg-faq button {

  width: 100%;

  display: flex;

  justify-content: space-between;

  gap: 12px;

  padding: 16px;

  background: #fff;

  border: 0;

  text-align: left;

  font-weight: 700;

  font-size: 14px;

}

.sg-faq .sg-card { padding: 0; overflow: hidden; }

.sg-faq .answer { padding: 0 16px 16px; font-size: 14px; color: #555; display: none; }

.sg-faq .sg-card.open .answer { display: block; }



body.sg-quiz-lock { overflow: hidden; }

.sg-quiz-overlay {

  display: none;

  position: fixed;

  inset: 0;

  z-index: 80;

  background: rgba(0,0,0,.45);

  padding: 16px;

  overflow: auto;

  align-items: flex-start;

  justify-content: center;

}

.sg-quiz-overlay.is-open { display: flex; }

.sg-quiz-popup {

  background: #fff;

  border-radius: 16px;

  width: 100%;

  max-width: 640px;

  margin: 32px auto 48px;

  padding: 24px;

  box-shadow: 0 16px 48px rgba(0,0,0,.18);

}

.sg-quiz-head {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 8px;

}

.sg-quiz-head h2 {

  font-size: 20px;

  font-weight: 700;

  margin: 0;

}

.sg-quiz-close {

  width: 36px;

  height: 36px;

  border: 0;

  border-radius: 10px;

  background: #F4F4F4;

  color: #000;

  cursor: pointer;

}

.sg-quiz-intro {

  color: #555;

  font-size: 14px;

  margin-bottom: 16px;

}

.sg-quiz-msg {

  font-size: 14px;

  font-weight: 600;

  border-radius: 10px;

  padding: 10px 12px;

  margin-bottom: 16px;

}

.sg-quiz-msg.ok { background: #E6F4EA; color: #137333; }

.sg-quiz-msg.erro { background: #FCE8E6; color: #C5221F; }

.sg-quiz-q {

  border: 1px solid var(--sg-border);

  border-radius: 12px;

  padding: 14px;

  margin-bottom: 12px;

}

.sg-quiz-q legend {

  font-size: 14px;

  font-weight: 700;

  margin-bottom: 8px;

  float: none;

  width: auto;

}

.sg-quiz-opt {

  display: flex;

  align-items: flex-start;

  gap: 10px;

  padding: 8px 10px;

  border-radius: 10px;

  cursor: pointer;

  font-size: 14px;

  color: #000;

}

.sg-quiz-opt:hover { background: #F4F4F4; }

.sg-quiz-opt input { margin-top: 3px; }

.sg-quiz-actions {

  display: flex;

  justify-content: flex-end;

  gap: 8px;

  margin-top: 8px;

}







.reset-password.modal {

    width: fit-content;

    margin: 0 auto;

    left: 0;

    right: 0;

}

.close-modal {

    background: none;

    width: auto;

    position: absolute;

    top: 10px;

    right: 10px;

    border: 0;

}

.reset-password .modal-content {

    padding: 30px;

}



.reset-password.modal::-webkit-scrollbar-track {

    background-color:  transparent;



  }



.reset-password.modal::-webkit-scrollbar {

    width: 2px;

    background: transparent;

  }



.reset-password.modal::-webkit-scrollbar-thumb {

    background:  var(--text-color-3);

    height: 2px!important;

    border-right: none;

    border-left: none;

  }





.reset-css{

    all: unset;

    cursor: pointer;

}









.requirements span{

    width: 80px;

    display: inline-block;

}

.requirements:not(.required-inline) .valid {

    color: #000000;

}

.requirements.required-inline{

    display: block;

}

.requirements.required-inline li{

    display: block;

}

.requirements{

    display: none;

}

.requirements ul {

    list-style-type: none; /* Remove os pontos antes dos itens da lista */

    padding: 0;

}

.requirements:not(.required-inline) li {

   color: #ff0000;

}

.requirements.required-inline li{

    margin-top: 10px;

    margin-left: 0px;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    padding: 2px 4px;

    background-color: #ffffff;

    width: fit-content;

    border-radius: 6px;

}

.requirements.required-inline .valid {

    color: var(--bg-btn-default)!important;

}

.requirements.required-inline li:not(.valid) i{

    display: none;

}

.requirements.required-inline li.valid i{

    display: inline-block;

}

.verSenhaMatch{

     position: absolute;

    top: 38px;

    right: 8px;

    width: 20px;

    height: 20px;

    border: none;

    background: url("../imagens/icones/view.svg");

    background-size: 100%;

    background-repeat: no-repeat;

    font-size: 0;

}



.verSenhaMatch.active{

    background:url("../imagens/icones/not-view.svg");

    background-size: 100%;

    background-repeat: no-repeat;

}

select[readonly]{

  pointer-events: none;

  touch-action: none;

}



span.error{

       font-family: 'Samsung SS Head';

    font-size: 0.675rem;

    color: var(--bg-btn-danger-item);

    padding-top: 0.75rem;

    position: absolute;

    right: 5px;

    bottom: 0;

}



.reset-password .modal-dialog {

    max-width: 100%;

}



main .section-default:last-child{

    margin-bottom: 50px;

}



.reset-button:focus,

.reset-button:active,

.reset-button:hover{

    outline: none;

    text-decoration: none;

}



i.theme-icon{

    width: 20px;

    height: 20px;

    display: inline-block;

}



@media (min-width: 576px) {

  .sg-grid-2 { grid-template-columns: 1fr 1fr; }

}

@media (min-width: 768px) {

  .sg-grid-3 { grid-template-columns: 1fr 1fr 1fr; }

  .sg-hero-card { flex-direction: row; }

  .sg-hero-card-text { flex: 1; padding: 40px; }

  .sg-hero-card-img { width: 45%; min-height: auto; }

  .sg-auth-visual { display: block; }

}

@media (min-width: 992px) {



  .sg-grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }

  .sg-stat-grid { grid-template-columns: repeat(4, 1fr); }

  .sg-landing-nav { display: flex; }

}

@media (max-width: 992px){

    .active .sg-inner-items{

    display: none!important;

  }

  .logo-android-samsung {

    position: absolute;

    top: 10px;

    right: 0;

    left: 0;

    margin: 0 auto;

    text-align: center;

}

.sg-hero {

    margin-top: 65px;

}

}