/* ==========================================================
   MADEIRA ROAD GUIDE
   ACCOUNT UI V627
   ========================================================== */

#screen-journey{
  position:relative;
}


.roadguide-account-v627{

  position:absolute;

  inset:0;

  z-index:9300;

  display:none;

}


.roadguide-account-v627.open{
  display:block;
}


.roadguide-account-backdrop-v627{

  position:absolute;

  inset:0;

  background:
    rgba(0,18,14,.84);

  backdrop-filter:
    blur(4px);

}


.roadguide-account-sheet-v627{

  position:absolute;

  left:10px;
  right:10px;
  bottom:10px;

  max-height:
    calc(100% - 20px);

  overflow-y:auto;

  box-sizing:border-box;

  padding:
    22px 18px 15px;

  border:
    1px solid
    rgba(95,225,138,.22);

  border-radius:22px;

  background:
    linear-gradient(
      180deg,
      #0b3328 0%,
      #061e18 100%
    );

  box-shadow:
    0 -15px 45px
    rgba(0,0,0,.34);

}


.roadguide-account-close-v627{

  position:absolute;

  top:10px;
  right:11px;

  width:32px;
  height:32px;

  padding:0;

  border:0;

  border-radius:50%;

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

  color:#fff;

  font-size:20px;

  cursor:pointer;

}


.roadguide-account-mark-v627{

  display:block;

  width:44px;
  height:44px;

  margin:
    0 auto 9px;

}


.roadguide-account-kicker-v627{

  display:block;

  text-align:center;

  color:#5fe18a;

  font-size:9px;

  font-weight:800;

  letter-spacing:.12em;

}


.roadguide-account-sheet-v627 h2{

  margin:
    7px 0 8px;

  text-align:center;

  color:#fff;

  font-size:20px;

  line-height:1.15;

}


.roadguide-account-intro-v627{

  max-width:285px;

  margin:
    0 auto 17px;

  text-align:center;

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

  font-size:11px;

  line-height:1.45;

}


.roadguide-account-label-v627{

  display:block;

  margin-bottom:6px;

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

  font-size:10px;

  font-weight:700;

}


.roadguide-account-input-v627{

  width:100%;
  height:44px;

  box-sizing:border-box;

  padding:
    0 12px;

  border:
    1px solid
    rgba(255,255,255,.14);

  border-radius:12px;

  outline:0;

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

  color:#fff;

  font-size:12px;

}


.roadguide-account-input-v627:focus{

  border-color:
    rgba(95,225,138,.7);

}


.roadguide-account-primary-v627{

  width:100%;

  min-height:44px;

  margin-top:10px;

  border:0;

  border-radius:13px;

  background:#49cf70;

  color:#052017;

  font-size:11px;

  font-weight:900;

  cursor:pointer;

}


.roadguide-account-note-v627{

  margin:
    8px 0 0;

  text-align:center;

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

  font-size:9px;

  line-height:1.35;

}


.roadguide-account-note-v627:empty{
  display:none;
}


.roadguide-account-debug-v627{

  width:100%;

  min-height:35px;

  margin-top:8px;

  border:
    1px dashed
    rgba(255,208,120,.42);

  border-radius:10px;

  background:transparent;

  color:#ffd078;

  font-size:9px;

  font-weight:800;

  cursor:pointer;

}


.roadguide-account-later-v627,
.roadguide-account-secondary-v627{

  width:100%;

  min-height:34px;

  margin-top:7px;

  border:0;

  background:transparent;

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

  font-size:10px;

  font-weight:700;

  cursor:pointer;

}


.roadguide-account-user-v627{

  display:flex;

  align-items:center;

  gap:10px;

  margin:
    14px 0 7px;

  padding:12px;

  border:
    1px solid
    rgba(95,225,138,.22);

  border-radius:13px;

  background:
    rgba(95,225,138,.06);

}


.roadguide-account-user-check-v627{

  width:25px;
  height:25px;

  flex:
    0 0 25px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    rgba(95,225,138,.16);

  color:#5fe18a;

}


.roadguide-account-user-v627 strong{

  display:block;

  color:#fff;

  font-size:11px;

}


.roadguide-account-user-v627 p{

  margin:
    3px 0 0;

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

  font-size:9px;

}


/* ==========================================================
   MENU
   ========================================================== */

.roadguide-account-card-v627{

  margin:
    0 14px 14px;

  padding:
    12px 14px;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:14px;

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

  cursor:pointer;

}


.roadguide-account-card-label-v627{

  display:block;

  margin-bottom:4px;

  color:#5fe18a;

  font-size:8px;

  font-weight:800;

  letter-spacing:.10em;

}


.roadguide-account-card-v627 strong{

  display:block;

  color:#fff;

  font-size:12px;

}


.roadguide-account-card-v627 p{

  margin:
    4px 0 0;

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

  font-size:9px;

  line-height:1.35;

}


.roadguide-account-card-v627:focus-visible{

  outline:
    2px solid
    rgba(95,225,138,.65);

  outline-offset:2px;

}


/* ecrãs muito baixos */
@media (max-height:560px){

  .roadguide-account-sheet-v627{

    padding:
      15px 15px 10px;

  }


  .roadguide-account-mark-v627{

    width:34px;
    height:34px;

    margin-bottom:5px;

  }


  .roadguide-account-sheet-v627 h2{

    font-size:17px;

    margin:
      5px 0 6px;

  }


  .roadguide-account-intro-v627{

    margin-bottom:10px;

    font-size:10px;

  }

}


/* ==========================================================
   FIM ACCOUNT UI V627
   ========================================================== */


/* ==========================================================
   V628 - CONTA GLOBAL
   ========================================================== */

#app{
  position:relative;
}

#roadguide-account-v627{
  position:absolute;
  inset:0;
  z-index:9300;
}

/* ==========================================================
   FIM V628
   ========================================================== */




/* ==========================================================
   V636 - DEBUG LOGIN

   O botão principal CONTINUAR já executa
   a autenticação local do protótipo.

   O antigo "SIMULAR LOGIN" deixa portanto
   de ser necessário visualmente.
   ========================================================== */

#roadguide-account-debug-v627{
  display:none !important;
}

/* FIM V636 */