/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/base/sass/reset.scss ***!
  \*******************************************************************************************************************************************************************/
@font-face {
  font-family: "Manrope";
  src: url(images/Manrope-Bold.ttf) format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Manrope";
  src: url(images/Manrope-Light.ttf) format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Manrope";
  src: url(images/Manrope-Medium.ttf) format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Manrope";
  src: url(images/Manrope-Regular.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Akzidenz";
  src: url(images/akzidenz-grotesk-bq-medium-extended.otf) format("truetype");
}
@font-face {
  font-family: "Sequel";
  src: url(images/sequel-100-black-65.ttf) format("truetype");
}
.text-shadow {
  text-shadow: 2px 2px 5px #000000;
}

.d {
  font-size: 3rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .d {
    font-size: 2rem;
  }
}

.mt-7r {
  margin-top: 7rem;
}

.btn-page-home {
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  margin: 0 2rem;
  align-items: center;
  cursor: pointer;
}
.btn-page-home a:hover {
  color: var(--primary-color);
}
.btn-page-home a i {
  color: var(--primary-color);
  font-size: 2rem;
}

:root {
  --black-gradient: #222831;
  --cyan-gradient: rgb(9, 176, 184);
  --cyan-gradient-shadow: rgba(9, 176, 184, .23);
  --obscure-blue:#020F60;
  --back-font-cyan: #23D6DB;
  --color-glassmorph:#00adb540;
  --bg-dropli:#00adb5cf;
  --verdeClaro-popcar:#EEFEF5;
  --azul-poronga: #010962;
  --primary-color: #020F60;
  --secondary-color: #5872A4;
  --terciary-color: #1165D0;
  --orange-color: #FD9026;
  --cyan-popcar:#23D6DB;
  --back-formularios-cyan--claro: rgb(0 173 181 / 25%);
  --font-size-grande: clamp(1.5rem, 4.3vw, 2.4rem);
  --font-size-mediana: clamp(1.2rem, 2.8vw, 2rem);
  --font-size-normal: clamp(1rem, 2.5vw, 1.3rem);
  --font-size-chica: clamp(.8rem, 2.3vw, .9rem);
  --font-size-boton: clamp(.9rem, 2.5vw, 1.1rem);
  --font-size-label: clamp(.9rem, 2.5vw, 1.1rem);
}
:root .fuente__heebo__bold {
  font-size: 1rem;
  color: #333;
  font-weight: bold;
  font-family: "Heebo", sans-serif;
}
:root .fuente__heebo__light {
  font-size: 1rem;
  color: #333;
  font-weight: 300;
  font-family: "Heebo", sans-serif;
}

* {
  font-family: "Manrope";
}

.font-secondary {
  font-weight: 500;
  font-family: "Manrope";
}

.font-terciary {
  font-weight: 500;
  font-family: "Sequel";
}

.wi-80 {
  width: 80px;
}

.wi-70 {
  width: 70px;
}

.w-9 {
  width: 9rem !important;
}

.w-8 {
  width: 8rem;
}
@media (min-width: 1201px) {
  .w-8 {
    width: 6rem;
  }
}
@media (max-width: 1200px) {
  .w-8 {
    width: 6rem;
  }
}

body {
  background-color: var(--verdeClaro-popcar);
}

.btn-white-form {
  background: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  border: 1px solid #fff;
  width: 17rem;
  align-items: center;
  padding: 1rem;
}
.btn-white-form img {
  width: 5rem;
}
.btn-white-form span {
  color: var(--primary-color);
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.btn-cyan-form {
  background: var(--terciary-color);
  padding: 0.4rem;
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #f6f6f6;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.btn-cyan-form:hover {
  box-shadow: none;
  color: #f6f6f6;
}

.btn-cyan-formBlue {
  background: var(--primary-color);
  padding: 0.4rem;
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #f6f6f6;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.btn-cyan-formBlue:hover {
  box-shadow: none;
  color: #f6f6f6;
}

.btn-cyan-formEdit {
  background: var(--primary-color);
  padding: 0.4rem;
  border: none;
  width: 100%;
  color: #f6f6f6;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.34);
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.btn-cyan-formEdit:hover {
  box-shadow: none;
  color: #f6f6f6;
}

.container__glass {
  background-color: var(--terciary-color);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  height: 46.9vh;
  border-radius: 16px;
  padding: 2rem;
  justify-content: center;
  display: flex;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  align-items: center;
}

.btn-cyan-form-two {
  background: #efefef;
  border-radius: 20px;
  padding: 0.5rem;
  border: 1px solid #00ADB5;
  width: 100%;
  color: #00ADB5;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
}
.btn-cyan-form-two:hover {
  box-shadow: none;
  color: #f6f6f6;
  background: #00ADB5;
  border: 1px solid #efefef;
}
@media (min-width: 768px) {
  .btn-cyan-form-two {
    width: 25%;
  }
}

.form__group {
  position: relative;
}
.form__group .form__alugue {
  outline: none;
  border-bottom: 2px solid var(--primary-color);
  border-top: none;
  border-left: none;
  border-right: none;
  background: transparent;
  padding: 0.3rem 0;
}
.form__group .form__alugue:focus ~ .form__label {
  pointer-events: none;
  opacity: 0;
}
.form__group .form__alugue::-moz-placeholder {
  color: var(--primary-color);
  font-size: 1.2rem;
  opacity: 1;
}
.form__group .form__alugue:-ms-input-placeholder {
  color: var(--primary-color);
  font-size: 1.2rem;
  opacity: 1;
}
.form__group .form__alugue::placeholder {
  color: var(--primary-color);
  font-size: 1.2rem;
  opacity: 1;
}
.form__group .form__alugue:focus::-moz-placeholder {
  color: transparent;
}
.form__group .form__alugue:focus:-ms-input-placeholder {
  color: transparent;
}
.form__group .form__alugue:focus::placeholder {
  color: transparent;
}
.form__group .form__label {
  position: absolute;
  padding-right: 1rem;
  bottom: 0;
  transition: ease-in 0.2s;
  color: transparent;
}
.form__group i {
  color: #333;
  font-size: var(--font-size-chica);
}

.input-form {
  margin-top: 1rem;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--terciary-color);
}

.btn-cyan-form-chico {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00adb5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  transition: all 0.3s;
  border: none;
}

.btn__loader {
  position: relative;
  overflow: hidden;
}
.btn__loader span {
  position: relative;
  z-index: 1;
}
.btn__loader::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
.btn__loader[data-disabled=on] {
  pointer-events: none;
  background: #aaa;
}
.btn__loader[data-disabled=on]::after {
  -webkit-animation-name: loaderButton;
          animation-name: loaderButton;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

@-webkit-keyframes loaderButton {
  0% {
    width: 25%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 85%;
  }
}

@keyframes loaderButton {
  0% {
    width: 25%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 85%;
  }
}
#mensajePublicacion h3 {
  color: var(--verdeClaro-popcar);
}

.align-content-custom {
  display: flex;
  align-items: center;
  min-height: 80.5vh;
  justify-content: center;
  flex-direction: column;
}

.btn-href-carro {
  background: #008890;
  border-radius: 20px;
  padding: 0.4rem;
  border: none;
  color: #f6f6f6;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34);
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.btn-href-carro:hover {
  color: #f6f6f6;
}

.f-8c {
  font-size: 0.8rem;
}

.mw-120 {
  max-width: 120px;
  min-width: 120px;
  min-height: 120px;
  max-height: 120px;
}

.tt {
  position: absolute;
  right: 0;
  padding-right: 1rem;
  z-index: 2;
  cursor: help;
}

.ttTwo {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 20px;
  color: var(--primary-color);
  cursor: help;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pRelative {
  position: relative;
}

.btn__eye {
  position: absolute;
  right: 2rem;
  background: transparent;
  border: none;
  padding-right: 1rem;
  z-index: 2;
  cursor: pointer;
}

.btn__facebook {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #fff;
  border-radius: 5px;
  display: flex;
  width: 300px;
  max-width: 100%;
  height: 40px;
  align-items: center;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
}
.btn__facebook:hover {
  background: #ffffff87;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.btn__facebook i {
  font-size: 1.5rem;
  margin-right: 1.2rem;
  padding-left: 0.5rem;
}

.btn__google {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #fff;
  border-radius: 5px;
  display: flex;
  width: 300px;
  max-width: 100%;
  height: 40px;
  align-items: center;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
}
.btn__google:hover {
  background: #ffffff87;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.btn__google img {
  width: 30px;
  margin-right: 1.2rem;
  padding-left: 0.5rem;
}

.arrowPickUp {
  color: #268f26;
  margin-left: 0.5rem;
}

.arrowDropOff {
  color: #f04a4a;
  margin-left: 0.5rem;
}

.card__datos {
  border-radius: 18px;
}
.card__datos .card__titulo__auto {
  border-bottom: 1px solid #333;
  justify-content: center;
  margin-bottom: 1.1rem;
}

.relativeCustom {
  position: relative;
}

.quandoCustom {
  margin: 0;
  position: absolute;
  bottom: 2px;
  background: #fff;
  width: 90%;
  font-weight: 300 !important;
}

.container__datos__details h3 {
  font-size: var(--font-size-chica);
  color: #333;
  font-weight: 400;
}
.container__datos__details p {
  font-weight: 500;
  color: #333;
  font-size: var(--font-size-chica);
}

@media (max-width: 767px) {
  .div--menu {
    font-size: 0.7rem !important;
  }
}

.btn-dinamic {
  color: #fff;
  font-size: 1.1rem;
}

a:hover {
  color: var(--verdeClaro-popcar);
}

.max-w-35 {
  max-width: 35px;
}

#openContainerMotorista {
  border: none;
  background: transparent;
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1.3rem;
  outline: none;
  text-decoration: underline;
}
#openContainerMotorista[data-active=off] {
  text-decoration: none;
  color: var(--secondary-color);
}

#openContainerLojista {
  border: none;
  background: transparent;
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1.3rem;
  outline: none;
  text-decoration: underline;
}
#openContainerLojista[data-active=off] {
  text-decoration: none;
  color: var(--secondary-color);
}

.swal-button--cancel {
  background: #ff0000c9 !important;
  color: #fff !important;
}

.btnFaqs {
  background: var(--primary-color);
  border-radius: 20px;
  padding: 0.4rem;
  border: none;
  width: 100%;
  color: #fff !important;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
}

.btnIniciarSesao {
  background: #fff !important;
  border-radius: 20px;
  padding: 0.4rem;
  border: none;
  width: 100%;
  color: var(--primary-color) !important;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/profile/sass/profile.scss ***!
  \******************************************************************************************************************************************************************************/
.container--profile {
  border-radius: 10px;
}
.container--profile .glassmorph--profile {
  background-color: #00adb540;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.container--profile .container__imagen__profile {
  position: relative;
  overflow: hidden;
  width: 250px;
  height: 250px;
  display: flex;
}
.container--profile .container__imagen__profile img {
  position: absolute;
  padding: 1rem;
  width: 100%;
}

.icono--camera {
  font-size: 7rem;
}

.profile--section {
  position: relative;
  z-index: 1;
}

.profile--right .titulo--profile {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  color: #333;
  z-index: 1;
}

.personal--title--sub {
  font-weight: 400;
  color: var(--verdeClaro-popcar);
}

.boton--profile {
  width: 60px;
  height: 35px;
  font-size: 1rem;
  color: #fff;
  border: none;
  background: transparent;
}

.title--datosPersonales {
  font-size: var(--font-size-label);
  font-weight: 500;
  color: var(--verdeClaro-popcar);
}

.idimg--profile i {
  font-size: 8rem;
  color: #AAAAAA;
}

.id--right {
  font-size: 130px;
  z-index: 1;
  color: #333;
}

.personal--title {
  font-weight: 800;
  font-size: var(--font-size-label);
  color: var(--verdeClaro-popcar);
}

.profile--padding {
  padding-right: 160px;
}

.img--camera {
  font-size: 20px;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/register/sass/register.scss ***!
  \********************************************************************************************************************************************************************************/
.pattern__ambos {
  background: url(images/pattern-login-lojista.png) no-repeat;
  background-size: cover;
  height: calc(100vh - 142px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .pattern__ambos {
    height: calc(100vh + 460px);
  }
}

.container--register {
  background-color: #fff;
  z-index: -1;
  position: relative;
  margin-top: 60px;
  border-radius: 16px;
}
.container--register .glassmorph--register {
  background-color: #00adb540;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.titulo--register {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
}

.first--register {
  position: relative;
  z-index: 1;
}

.formulario--class {
  font-size: 1.1rem;
  z-index: 1;
}

.form--register {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.icono--register {
  font-size: var(--font-size-chica);
}

.boton--register {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00adb5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/mailrecupero/sass/mailrecupero.scss ***!
  \****************************************************************************************************************************************************************************************/
.mailRecupero__body {
  background-color: #fff;
}

.container--recupero {
  z-index: -1;
  position: relative;
  background: var(--terciary-color);
  border-radius: 16px;
}
.container--recupero .glassmorph--mailRecupero {
  background-color: var(--back-formularios-cyan--claro);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.first--recupero {
  position: relative;
  z-index: 1;
}

.div--tituloRecupero {
  z-index: 1;
}
.div--tituloRecupero .titulo--bienvenido {
  font-weight: 500;
  color: var(--secondary-color);
  font-size: var(--font-size-mediana);
}
.div--tituloRecupero .titulo--recupero {
  font-weight: 300;
  font-size: var(--font-size-mediana);
  color: #333;
}

.form--recupero {
  background: transparent;
  padding-top: 7px;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
  border-bottom: 1px solid #fff;
  width: 100%;
}
.form--recupero::-moz-placeholder {
  color: #fff;
}
.form--recupero:-ms-input-placeholder {
  color: #fff;
}
.form--recupero::placeholder {
  color: #fff;
}

.text--recupero p {
  color: #fff;
  font-size: var(--font-size-normal);
}

.titulo--bienvenido-recupero {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 2rem;
}

.boton--enviarRecupero {
  width: 104px;
  height: 39px;
  font-size: var(--font-size-boton);
  background: var(--primary-color);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
  border: none;
}

.form--label {
  border: none;
  border-bottom: 1px solid #333;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/managerActivateAccount/sass/manager-activate-account.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.altamotorista--body {
  background-color: #fff;
}

.titlemotorista--principal {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
}

.first--altamotorista {
  position: relative;
  z-index: 1;
}

.form--altamotorista {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.form--generalmotorista {
  font-size: 1.1rem;
  z-index: 1;
}

.iconoForm--altamotorista {
  font-size: var(--font-size-chica);
  color: #333;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/newpassword/sass/newpassword.scss ***!
  \**************************************************************************************************************************************************************************************/
.newPassword__body {
  background-color: #fff;
}

.container--password {
  background-color: #fff;
  z-index: -1;
  position: relative;
}
.container--password .glassmorph--newpassword {
  background-color: var(--back-formularios-cyan--claro);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.section--password p {
  color: #333;
  font-size: var(--font-size-normal);
}

.first--password {
  position: relative;
  z-index: 1;
}

.div--password {
  z-index: 1;
}
.div--password .titulo--password {
  font-weight: 500;
  color: var(--back-font-cyan);
  font-size: var(--font-size-mediana);
}
.div--password .titulo--secondpass {
  font-weight: 300;
  font-size: var(--font-size-mediana);
  color: #333;
}

.form--password {
  background: transparent;
  font-size: var(--font-size-label);
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}

.text--password {
  font-size: var(--font-size-label);
  z-index: 1;
}

.boton--enviarPassword {
  width: 104px;
  height: 39px;
  font-size: var(--font-size-boton);
  background: #00ADB5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}

.form--label {
  border: none;
  border-bottom: 1px solid #333;
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/activateAccount/sass/activate-account.scss ***!
  \***********************************************************************************************************************************************************************************************/
.newPassword__body {
  background-color: #fff;
}

.container--password {
  background-color: #fff;
  z-index: -1;
  position: relative;
}
.container--password .glassmorph--newpassword {
  background-color: var(--back-formularios-cyan--claro);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.section--password p {
  color: #333;
  font-size: var(--font-size-normal);
}

.first--password {
  position: relative;
  z-index: 1;
}

.div--password {
  z-index: 1;
}
.div--password .titulo--password {
  font-weight: 500;
  color: var(--back-font-cyan);
  font-size: var(--font-size-mediana);
}
.div--password .titulo--secondpass {
  font-weight: 300;
  font-size: var(--font-size-mediana);
  color: #333;
}

.form--password {
  background: transparent;
  font-size: var(--font-size-label);
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}

.text--password {
  font-size: var(--font-size-label);
  z-index: 1;
}

.boton--enviarPassword {
  width: 104px;
  height: 39px;
  font-size: var(--font-size-boton);
  background: #00ADB5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}

.form--label {
  border: none;
  border-bottom: 1px solid #333;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/sin-autorizacion/sass/sin-autorizacion.scss ***!
  \************************************************************************************************************************************************************************************************/
.newPassword__body {
  background-color: #fff;
}

.container--password {
  background-color: #fff;
  z-index: -1;
  position: relative;
}
.container--password .glassmorph--newpassword {
  background-color: var(--back-formularios-cyan--claro);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.section--password p {
  color: #333;
  font-size: var(--font-size-normal);
}

.first--password {
  position: relative;
  z-index: 1;
}

.div--password {
  z-index: 1;
}
.div--password .titulo--password {
  font-weight: 500;
  color: var(--back-font-cyan);
  font-size: var(--font-size-mediana);
}
.div--password .titulo--secondpass {
  font-weight: 300;
  font-size: var(--font-size-mediana);
  color: #333;
}

.form--password {
  background: transparent;
  font-size: var(--font-size-label);
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}

.text--password {
  font-size: var(--font-size-label);
  z-index: 1;
}

.boton--enviarPassword {
  width: 104px;
  height: 39px;
  font-size: var(--font-size-boton);
  background: #00ADB5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}

.form--label {
  border: none;
  border-bottom: 1px solid #333;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/auth/sass/login.scss ***!
  \*************************************************************************************************************************************************************************/
.pattern__login {
  background: url(images/pattern-login.png) no-repeat;
  background-size: cover;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login--body {
  background-color: #fff;
}

.y-p25 {
  padding: 25rem 0;
}

.container--login {
  background-color: #fff;
  margin-top: 6rem;
  border-radius: 40px;
}
@media (max-width: 992px) {
  .container--login {
    margin-top: 0;
  }
}
.container--login .glassmorph--login {
  background-color: #00adb540;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
}

.div--tituloalugo {
  z-index: 1;
}
.div--tituloalugo .titulo--bienvenido {
  font-weight: 600;
  font-size: var(--font-size-mediana);
  color: var(--secondary-color);
}
.div--tituloalugo .titulo--alugo {
  font-weight: 500;
  font-size: var(--font-size-normal);
  color: #333;
}

.text--login {
  font-size: var(--font-size-mediana);
  z-index: 1;
}

.form-check-input {
  border-radius: 22rem;
}

.boton--ingresarLogin {
  width: 114px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: var(--terciary-color);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
  border: none;
}

.div--check {
  display: flex;
}
.div--check .label--check {
  font-size: 0.9rem;
}

.div--forgetpass {
  color: var(--terciary-color);
  font-size: var(--font-size-chica);
  font-weight: 300;
}
.div--forgetpass:hover {
  transition: all 0.3s;
  color: #333;
}

.div--register {
  font-weight: 300;
  font-size: 1rem;
}

.iconoForm--login {
  font-size: var(--font-size-chica);
  margin-right: 0.5rem;
  color: #414141;
}

.login--witch {
  font-size: var(--font-size-chica);
  margin: 0;
}

.form--login {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.inicioSesion--login {
  color: var(--terciary-color);
  font-size: var(--font-size-normal);
  font-weight: 600;
}

.create--acount {
  color: var(--primary-color);
  font-size: var(--font-size-chica);
}
.create--acount:hover {
  transition: all 0.3s;
  color: #333;
}

.form-check-label {
  font-size: var(--font-size-chica);
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.facebook--color {
  color: #3f5a9a;
  margin-right: 1rem;
  font-size: var(--font-size-mediana);
}

.google--color {
  color: #dc4a3d;
  font-size: var(--font-size-mediana);
}

.lines__redes {
  position: relative;
  overflow: hidden;
  text-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.lines__redes::before {
  content: "";
  background: #aaa;
  width: 39%;
  height: 1px;
  position: absolute;
  left: 0;
}
.lines__redes::after {
  content: "";
  background: #aaa;
  width: 39%;
  height: 1px;
  position: absolute;
  right: 0;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/altaLoja/sass/altaLoja.scss ***!
  \********************************************************************************************************************************************************************************/
.altaLoja--body {
  background-color: #fff;
}

.container--loja {
  z-index: -1;
  position: relative;
  margin-top: 60px;
}
.container--loja .glassmorph--altaLoja {
  background-color: var(--terciary-color);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.iconoLoja--form {
  font-size: var(--font-size-chica);
}

.first--loja {
  position: relative;
  z-index: 1;
}

.form--loja {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.form--generalLoja {
  font-size: var(--font-size-label);
  z-index: 1;
}

.titleLoja--principal {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--verdeClaro-popcar);
}

.title--form {
  font-size: var(--font-size-chica);
  font-weight: 400;
}

.boton--loja {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00ADB5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/altacoche/sass/altaCoche.scss ***!
  \**********************************************************************************************************************************************************************************/
.body__altacoche {
  background-color: #fff;
}
.body__altacoche .container--altaCoche {
  background-color: var(--terciary-color);
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.body__altacoche .container--altaCoche .select-custom-altaCoche {
  border-right: none;
  border-top: none;
  border-left: none;
  background: var(--terciary-color);
  border-bottom: 1px solid var(--primary-color);
  border-radius: 0 !important;
  color: var(--verdeClaro-popcar);
}
.body__altacoche .container--altaCoche .title--altaCoche {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--verdeClaro-popcar);
}
.body__altacoche .container--altaCoche .container__forms__publicacion .boton--altaCoche {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: var(--primary-color);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/altaLojista/sass/altaLojista.scss ***!
  \**************************************************************************************************************************************************************************************/
.pattern__login__lojista {
  background: url(images/pattern-login-lojista.png) no-repeat;
  background-size: cover;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .pattern__login__lojista {
    height: calc(100vh + 460px);
  }
}

.altamotorista--body {
  background-color: #fff;
}

.titlemotorista--principal {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
}

.first--altamotorista {
  position: relative;
  z-index: 1;
}

.form--altamotorista {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.form--generalmotorista {
  font-size: 1.1rem;
  z-index: 1;
}

.iconoForm--altamotorista {
  font-size: var(--font-size-chica);
  color: #333;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/altaMotorista/sass/altaMotorista.scss ***!
  \******************************************************************************************************************************************************************************************/
.pattern__login__motorista {
  background: url(images/pattern-login-motorista.png) no-repeat;
  background-size: cover;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .pattern__login__motorista {
    height: calc(100vh + 460px);
  }
}

.titulo--altamotorista {
  color: var(--secondary-color);
}

.altamotorista--body {
  background-color: #fff;
}

.container--altamotorista {
  background: #fff;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.titlemotorista--principal {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
}

.first--altamotorista {
  position: relative;
  z-index: 1;
}

.form--altamotorista {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.form--generalmotorista {
  font-size: 1.1rem;
  z-index: 1;
}

.boton--altamotorista {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: var(--terciary-color);
  color: #fff;
  border: none;
}

.iconoForm--altamotorista {
  font-size: var(--font-size-chica);
  color: #333;
}

.btn-popcar-dni {
  background: var(--primary-color);
  padding: 0.4rem;
  border: none;
  width: 100%;
  color: #f6f6f6;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/nuevoGerente/sass/nuevo-gerente.scss ***!
  \*****************************************************************************************************************************************************************************************/
.altaLoja--body {
  background-color: #fff;
}

.container--loja {
  z-index: -1;
  position: relative;
  margin-top: 60px;
}
.container--loja .glassmorph--altaLoja {
  background-color: var(--terciary-color);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.iconoLoja--form {
  font-size: var(--font-size-chica);
}

.first--loja {
  position: relative;
  z-index: 1;
}

.form--loja {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.form--generalLoja {
  font-size: var(--font-size-label);
  z-index: 1;
}

.titleLoja--principal {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--verdeClaro-popcar);
}

.title--form {
  font-size: var(--font-size-chica);
  font-weight: 400;
}

.boton--loja {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00ADB5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/alquilacoche/sass/alquilaCoche.scss ***!
  \****************************************************************************************************************************************************************************************/
.body__alquilacoche {
  background-color: #fff;
}
.body__alquilacoche .second-banner-alquiler {
  background: url(images/dodge-challenger.jpg) no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 45rem;
  box-shadow: inset 0px 0px 34px 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .body__alquilacoche .second-banner-alquiler {
    background-position: -5rem center;
    background-size: cover;
    height: 100vh;
    border-radius: 0;
  }
}
@media (min-width: 767px) and (max-width: 1199px) {
  .body__alquilacoche .second-banner-alquiler {
    height: 45rem;
    background-size: cover;
    border-radius: 8px;
  }
}
.body__alquilacoche .second-banner-alquiler .text-second-banner {
  background: rgba(0, 0, 0, 0.7);
  color: #f6f6f6;
  height: 100%;
  border-radius: 8px 0 0 8px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
@media (max-width: 767px) {
  .body__alquilacoche .second-banner-alquiler .text-second-banner {
    border-radius: 0;
  }
}
.body__alquilacoche .second-banner-alquiler .text-second-banner .title-second-banner h2 {
  font-weight: 500;
}
.body__alquilacoche .second-banner-alquiler .text-second-banner .title-second-banner p {
  font-weight: 200;
  font-size: var(--font-size-label);
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/nuevapublicacion/sass/altaLoja.scss ***!
  \****************************************************************************************************************************************************************************************/
.main__origenDestino {
  position: absolute;
  top: 0;
  width: 100%;
  transform: translateX(-100vmax);
}

.altalojista--body {
  background-color: #fff;
}

.container--loja {
  z-index: -1;
  position: relative;
  margin-top: 60px;
}
.container--loja .glassmorph--altaLoja {
  background-color: var(--terciary-color);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.iconoLoja--form {
  font-size: var(--font-size-chica);
}

.first--loja {
  position: relative;
  z-index: 1;
}

.form--loja {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.form--generalLoja {
  font-size: var(--font-size-label);
  z-index: 1;
}

.titleLoja--principal {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--verdeClaro-popcar);
}

.title--form {
  font-size: var(--font-size-chica);
  font-weight: 400;
}

.boton--loja {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00ADB5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}

.stepThree {
  transition: all 1s;
  transform: translateX(0);
}

#goStepOneInverse {
  margin: 1rem;
  border: none;
  background: transparent;
  font-size: 2rem;
  padding: 0;
  color: var(--cyan-gradient);
  text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.4);
  position: absolute;
  right: 0;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/nuevapublicacion/sass/altaCoche.scss ***!
  \*****************************************************************************************************************************************************************************************/
.main__altacoche {
  position: absolute;
  top: 0;
  transform: translateX(100vmax);
}
.main__altacoche .container--altaCoche {
  background-color: #00adb540;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.main__altacoche .container--altaCoche .select-custom-altaCoche {
  border: none;
  box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.2);
}
.main__altacoche .container--altaCoche .title--altaCoche {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: #333;
}
.main__altacoche .container--altaCoche .container__forms__publicacion {
  position: relative;
}
.main__altacoche .container--altaCoche .container__forms__publicacion .form--altaCoche {
  padding-left: 10px;
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}
.main__altacoche .container--altaCoche .container__forms__publicacion i {
  color: #333;
  font-size: var(--font-size-chica);
}
.main__altacoche .container--altaCoche .container__forms__publicacion .boton--altaCoche {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00adb5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}

#goStepOne {
  margin: 1rem;
  border: none;
  background: transparent;
  font-size: 2rem;
  padding: 0;
  color: var(--verdeClaro-popcar);
  text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.4);
}

.stepTwo {
  transition: all 1s;
  transform: translateX(0);
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/nuevapublicacion/sass/nuevaPublicacion.scss ***!
  \************************************************************************************************************************************************************************************************/
.body__nuevaPublicacion {
  background-color: #fff;
}
.body__nuevaPublicacion #wizard-publication {
  position: relative;
  overflow: hidden;
}
.body__nuevaPublicacion .customInputCheck {
  border-radius: 50%;
  font-size: 1.5rem;
  cursor: pointer;
}
.body__nuevaPublicacion .customInputCheck:checked {
  background-color: var(--cyan-gradient);
  border-color: var(--cyan-gradient);
}
.body__nuevaPublicacion .customInputCheck:focus {
  box-shadow: none;
  border-color: transparent;
}
.body__nuevaPublicacion .container--nuevaPublicacion {
  background-color: transparent;
  position: relative;
}
.body__nuevaPublicacion .container--nuevaPublicacion .glassmorph--nuevaPublicacion {
  background-color: var(--terciary-color);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
}
.body__nuevaPublicacion .container--nuevaPublicacion .title--nuevaPublicacion {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--verdeClaro-popcar);
}
.body__nuevaPublicacion .container__forms__publicacion .icon--form {
  font-size: var(--font-size-label);
}
.body__nuevaPublicacion .container__forms__publicacion .select-custom-publicacion {
  border: none;
  border-bottom: 1px solid #aaaa;
  border-radius: 0;
  background-color: var(--terciary-color);
  width: 100%;
  color: var(--verdeClaro-popcar);
}
.body__nuevaPublicacion .container__forms__publicacion .select-custom-publicacion:focus {
  box-shadow: none;
}
.body__nuevaPublicacion .container__forms__publicacion .link-a {
  margin-left: 1.5rem;
  font-size: 1.5rem;
  color: #333;
}
.body__nuevaPublicacion .container__forms__publicacion .picker-custom {
  font-size: 14px;
  color: #333;
}
.body__nuevaPublicacion .container__forms__publicacion .picker-custom p {
  font-size: var(--font-size-label);
  color: var(--verdeClaro-popcar);
}
.body__nuevaPublicacion .container__forms__publicacion .picker-custom input {
  border: none;
  border-radius: 8px;
  padding: 0.5rem;
  cursor: pointer;
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.body__nuevaPublicacion .container__forms__publicacion .picker-custom input:focus {
  outline: 1px solid #aaa;
}
.body__nuevaPublicacion .container__forms__publicacion .btn-terms {
  background: none;
  color: #333;
  border: none;
  text-decoration: underline;
  padding: 0;
}

.stepOne {
  transition: all 1s;
  transform: translateX(-100vmax);
  opacity: 0;
}

.stepOneInverse {
  transition: all 1s;
  transform: translateX(100vmax);
  opacity: 0;
}

.backTransition {
  transition: all 1s;
}

#goStepThree {
  position: absolute;
  bottom: 0;
  margin: 1rem;
  font-size: 1rem;
  color: var(--verdeClaro-popcar);
  cursor: pointer;
}

#goStepCoche {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 1rem;
  font-size: 1rem;
  color: var(--verdeClaro-popcar);
  cursor: pointer;
}

.p-relative {
  position: relative;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/validador_dropoff/sass/validadorDropoff.scss ***!
  \*************************************************************************************************************************************************************************************************/
.pattern__dropoff {
  background: url(images/bg-detalhes.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.terciaryColor {
  background: var(--terciary-color);
}

.body__dropoff {
  background-color: #fff;
}
.body__dropoff .container__pattern {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.body__dropoff .container__pattern .card-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}
.body__dropoff .container__pattern .patternCustom {
  background: url(images/mapPatterClarito.svg) no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  filter: blur(3px);
}
.body__dropoff .container__pattern .input-validator {
  background: transparent;
  border: none;
  border-bottom: 1px solid #333;
  border-radius: 0;
  width: 100%;
}
.body__dropoff .container__pattern .input-validator:focus {
  box-shadow: none;
  outline: none;
}
.body__dropoff .container__pattern .no-r {
  resize: none;
  width: 100%;
  border: none;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  background: #f6f6f6;
}
.body__dropoff .container__pattern .no-r:focus {
  outline: none;
}
.body__dropoff .container__pattern .container__observaciones .title__observaciones {
  color: #333;
  text-align: center;
}
.body__dropoff .container__pattern .container__observaciones .f-textarea {
  margin: 2rem 0;
}
.body__dropoff .container__pattern .container__observaciones .div__confirmar {
  width: 35%;
}
@media (max-width: 548px) {
  .body__dropoff .container__pattern .container__observaciones .div__confirmar {
    width: 60%;
  }
}
.body__dropoff .container__pattern .btn__dropOff__search {
  background: transparent;
  border: none;
  padding: 0.8rem;
  color: var(--primary-color);
}
.body__dropoff .card__publicacion {
  border-radius: 18px;
  background: #fff;
}
.body__dropoff .card__publicacion .img__perfildropoff {
  width: 70%;
}
.body__dropoff .card__publicacion .div__imgCard {
  border-radius: 18px 0px 0px 18px;
}
@media (max-width: 991.9px) {
  .body__dropoff .card__publicacion .div__imgCard {
    border-radius: 18px 18px 0px 0px;
  }
}
.body__dropoff .card__publicacion .card__datos .card__titulo__auto {
  justify-content: center;
  margin-bottom: 1.1rem;
}
.body__dropoff .card__publicacion .card__datos .card__titulo__auto h4 {
  color: var(--orange-color);
}
.body__dropoff .container__input__lupa {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.body__dropoff .container__input__lupa .div__lupa {
  position: absolute;
  font-size: 1.3rem;
  top: 0;
  height: 100%;
}

@media (min-width: 991px) {
  .btn__onlymobile {
    display: none;
  }
}

.card--datos--pickup {
  border-radius: 0 18px 18px 0;
}
@media (max-width: 991px) {
  .card--datos--pickup {
    border-radius: 0 0 18px 18px;
  }
}

.w-83 {
  width: 83%;
}

.card--detail--pickup {
  border-radius: 18px;
  background: #ffffff57;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#cameraFileInput {
  display: none;
}

#pictureFromCamera {
  width: 100%;
  height: auto;
  margin-top: 16px;
}

.inf {
  width: 100%;
  background: #fff;
  border-radius: 30px;
  outline: none;
  border: none;
  height: 50px;
  padding: 0.5rem;
  text-align: center;
}
.inf::-moz-placeholder {
  color: var(--primary-color);
}
.inf:-ms-input-placeholder {
  color: var(--primary-color);
}
.inf::placeholder {
  color: var(--primary-color);
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/validador_pickup/sass/validadorPickup.scss ***!
  \***********************************************************************************************************************************************************************************************/
.body__pickup {
  background-color: #fff;
}
.body__pickup .containerInputPickUp {
  margin-top: 7rem;
  background: var(--terciary-color);
  border-radius: 20px;
}
.body__pickup .containerInputPickUp .card-title {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
.body__pickup .containerInputPickUp .input-validator {
  background: transparent;
  border: none;
  border-bottom: 1px solid #333;
  border-radius: 0;
  width: 100%;
}
.body__pickup .containerInputPickUp .input-validator:focus {
  box-shadow: none;
  outline: none;
}
.body__pickup .containerInputPickUp .btn__pickUp__search {
  background: transparent;
  border: none;
  padding: 0.8rem;
  color: #010962;
}
.body__pickup .container__observaciones .title__observaciones {
  text-align: center;
}
.body__pickup .container__observaciones .title__observaciones h3 {
  color: #010962;
  font-weight: bold;
}
.body__pickup .container__observaciones .f-textarea {
  margin: 2rem 0;
  border-bottom: 1px solid #010962;
}
.body__pickup .container__observaciones .f-textarea textarea {
  background: none;
  border: none;
}
.body__pickup .container__observaciones .f-textarea textarea::-moz-placeholder {
  color: #010962;
}
.body__pickup .container__observaciones .f-textarea textarea:-ms-input-placeholder {
  color: #010962;
}
.body__pickup .container__observaciones .f-textarea textarea::placeholder {
  color: #010962;
}
.body__pickup .container__observaciones .div__confirmar {
  width: 35%;
}
@media (max-width: 548px) {
  .body__pickup .container__observaciones .div__confirmar {
    width: 60%;
  }
}
.body__pickup .card__publicacion {
  border-radius: 18px;
  background: #fff;
}
.body__pickup .card__publicacion .img__cardPickup {
  width: 65%;
}
.body__pickup .card__publicacion .img__perfilpickup {
  width: 38%;
  height: auto;
  background: #EEFFF4;
  padding: 0.5rem;
  border-radius: 90px;
}
.body__pickup .card__publicacion .div__imgCard {
  background-color: #fff;
  border-radius: 18px 0px 0px 18px;
}
@media (max-width: 991.9px) {
  .body__pickup .card__publicacion .div__imgCard {
    border-radius: 18px 18px 0px 0px;
  }
}
.body__pickup .card__publicacion .card__datos {
  border-radius: 0 0 18px 18px;
}
.body__pickup .card__publicacion .card__datos .card__titulo__auto {
  justify-content: center;
  margin-bottom: 1.1rem;
}
.body__pickup .container__input__lupa {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.body__pickup .container__input__lupa input {
  border-radius: 40px;
  width: 320px;
  border-bottom: none;
}
.body__pickup .container__input__lupa .div__lupa {
  position: absolute;
  font-size: 1.3rem;
  top: 0;
  height: 100%;
}

@media (min-width: 991px) {
  .btn__onlymobile {
    display: none;
  }
}

.card--datos--pickup {
  border-radius: 0 18px 18px 0;
}
@media (max-width: 991px) {
  .card--datos--pickup {
    border-radius: 0 0 18px 18px;
  }
}

.w-83 {
  width: 83%;
}

.card--detail--pickup {
  border-radius: 18px;
  background: #ffffff57;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#cameraFileInput {
  display: none;
}

#pictureFromCamera {
  width: 100%;
  height: auto;
  margin-top: 16px;
}

.container_image {
  position: relative;
}

.img_preview {
  margin: 20px auto;
  border-radius: 5px;
  width: 85%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.deleteImage {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #FFF;
  color: red;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/recibirCarro/sass/recibir-carro.scss ***!
  \*****************************************************************************************************************************************************************************************/
.containerColor {
  background: var(--terciary-color);
  border-radius: 20px;
}

.radiusFinish {
  border-radius: 20px;
}

.body__dropoff {
  background-color: #fff;
}
.body__dropoff .container__pattern {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.body__dropoff .container__pattern .card-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}
.body__dropoff .container__pattern .patternCustom {
  background: url(images/mapPatterClarito.svg) no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  filter: blur(3px);
}
.body__dropoff .container__pattern .input-validator {
  background: transparent;
  border: none;
  border-bottom: 1px solid #333;
  border-radius: 0;
  width: 100%;
}
.body__dropoff .container__pattern .input-validator:focus {
  box-shadow: none;
  outline: none;
}
.body__dropoff .container__pattern .no-r {
  resize: none;
  width: 100%;
  border: none;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  background: #f6f6f6;
}
.body__dropoff .container__pattern .no-r:focus {
  outline: none;
}
.body__dropoff .container__pattern .container__observaciones .title__observaciones {
  color: #333;
  text-align: center;
}
.body__dropoff .container__pattern .container__observaciones .f-textarea {
  margin: 2rem 0;
}
.body__dropoff .container__pattern .container__observaciones .div__confirmar {
  width: 35%;
}
@media (max-width: 548px) {
  .body__dropoff .container__pattern .container__observaciones .div__confirmar {
    width: 60%;
  }
}
.body__dropoff .container__pattern .btn__dropOff__search {
  background: transparent;
  border: none;
  padding: 0.8rem;
  color: var(--primary-color);
}
.body__dropoff .card__publicacion {
  border-radius: 18px;
  background: #fff;
}
.body__dropoff .card__publicacion .img__cardDropoff {
  width: 65%;
}
.body__dropoff .card__publicacion .img__perfildropoff {
  width: 70%;
}
.body__dropoff .card__publicacion .div__imgCard {
  border-radius: 18px 0px 0px 18px;
}
@media (max-width: 991.9px) {
  .body__dropoff .card__publicacion .div__imgCard {
    border-radius: 18px 18px 0px 0px;
  }
}
.body__dropoff .card__publicacion .card__datos .card__titulo__auto {
  justify-content: center;
  margin-bottom: 1.1rem;
}
.body__dropoff .card__publicacion .card__datos .card__titulo__auto h4 {
  color: var(--orange-color);
}
.body__dropoff .container__input__lupa {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.body__dropoff .container__input__lupa .div__lupa {
  position: absolute;
  font-size: 1.3rem;
  top: 0;
  height: 100%;
}

@media (min-width: 991px) {
  .btn__onlymobile {
    display: none;
  }
}

.card--datos--pickup {
  border-radius: 0 18px 18px 0;
}
@media (max-width: 991px) {
  .card--datos--pickup {
    border-radius: 0 0 18px 18px;
  }
}

.w-83 {
  width: 83%;
}

.card--detail--pickup {
  border-radius: 18px;
  background: #ffffff57;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#cameraFileInput {
  display: none;
}

#pictureFromCamera {
  width: 100%;
  height: auto;
  margin-top: 16px;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/landing/sass/landing.scss ***!
  \******************************************************************************************************************************************************************************/
.pattern__detalhes {
  background: url(images/bg-detalhes.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.body__landing {
  background-color: #fff;
}

.bg--containers {
  border-radius: 10px;
}

.detalle--auto {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.datos--entrega {
  display: grid;
  justify-content: center;
  align-content: center;
}

.tittle {
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--orange-color);
}

.subtitle {
  font-weight: 400;
  font-size: 1.3rem;
  color: #333;
}

.subrayado {
  border-bottom: 1px solid #AAAAAA;
}

.boton-landing {
  width: 114px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00adb5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}

.grid__c {
  display: grid;
  grid-template-columns: 20px auto;
  align-items: baseline;
}

.f-normal-clamp {
  font-size: var(--font-size-normal);
}

.carBg {
  background: var(--verdeClaro-popcar);
  border-radius: 16px;
}
@media (min-width: 768px) {
  .carBg {
    height: 100%;
  }
}

.wRadius {
  background: #fff;
  border-radius: 16px;
}

.primary-colorText {
  color: var(--primary-color);
}

.oRangee {
  color: var(--orange-color);
  font-weight: 600;
}

.w30 {
  width: 30px;
}

.w100 {
  width: 100px;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/compra/sass/compra.scss ***!
  \****************************************************************************************************************************************************************************/
.body__compra {
  background-color: #fff;
}
.body__compra .titleCompra h1 {
  margin: 2rem 0;
  color: #333;
  font-size: 2rem;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .body__compra .q-conduce {
    width: 40rem;
  }
}
.body__compra .q-conduce .container__white {
  background: #f6f6f6;
  border-radius: 8px;
  color: #414141;
}
.body__compra .q-conduce .container__white h2 {
  border-bottom: 1px solid #cccc;
  padding: 1rem;
  font-size: 20px;
}
.body__compra .q-conduce .container__white .datos__facturacion {
  padding: 1rem;
}
.body__compra .q-conduce .container__white .datos__facturacion .div-uno-facturacion {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;
}
.body__compra .q-conduce .container__white .datos__facturacion .div-uno-facturacion h3 {
  margin-bottom: 0;
  margin-right: 1rem;
  font-weight: 600;
  font-size: 18px;
}
.body__compra .q-conduce .container__white .datos__facturacion .div-uno-facturacion p {
  margin: 0;
  font-size: 11px;
}
.body__compra .q-conduce .container__white .datos__facturacion .div-dos-facturacion {
  display: flex;
}
.body__compra .q-conduce .container__white .datos__facturacion .div-dos-facturacion div {
  display: flex;
  align-items: center;
  color: #477A43;
}
.body__compra .q-conduce .container__white .datos__facturacion .div-dos-facturacion div i {
  margin-right: 0.5rem;
}
.body__compra .q-conduce .container__white .datos__facturacion .div-dos-facturacion div p {
  margin: 0;
  font-size: 12px;
}
.body__compra .q-conduce .container__white__pago {
  border-radius: 8px;
  color: #414141;
}
.body__compra .q-conduce .container__white__pago .header-pago-alugo {
  padding: 1rem;
  font-size: 12px;
}
.body__compra .q-conduce .container__white__pago .header-pago-alugo h2 {
  font-size: 20px;
}
.body__compra .q-conduce .container__white__pago .datos__pago {
  font-size: 30px;
}
.body__compra .q-conduce .container__white__pago .div-header-pago {
  display: flex;
}
.body__compra .q-conduce .container__white__pago .div-header-pago div {
  display: flex;
  align-items: center;
  color: #477A43;
}
.body__compra .q-conduce .container__white__pago .div-header-pago div i {
  margin-right: 0.5rem;
}
.body__compra .q-conduce .container__white__pago .div-header-pago div p {
  margin: 0;
  font-size: 12px;
}
@media (min-width: 1200px) {
  .body__compra .w-query {
    width: 100%;
  }
}
.body__compra .w-query .container__white__reserva {
  background: #f6f6f6;
  border-radius: 8px;
  color: #414141;
}
.body__compra .w-query .container__white__reserva h2 {
  border-bottom: 1px solid #cccc;
  padding: 1rem;
  font-size: 20px;
}
.body__compra .w-query .container__white__reserva .datos__facturacion {
  padding: 1rem;
}
.body__compra .w-query .container__white__reserva .datos__facturacion .div-uno-facturacion {
  display: flex;
  margin-bottom: 1rem;
  flex-direction: column;
}
.body__compra .w-query .container__white__reserva .datos__facturacion .div-uno-facturacion h3 {
  margin-bottom: 0;
  margin-right: 1rem;
  font-weight: 600;
  font-size: 18px;
}
.body__compra .w-query .container__white__reserva .datos__facturacion .div-uno-facturacion p {
  margin: 0;
  font-size: 11px;
}
.body__compra .w-query .container__white__reserva .datos__facturacion .div-dos-facturacion {
  display: flex;
}
.body__compra .w-query .container__white__reserva .datos__facturacion .div-dos-facturacion div {
  display: flex;
  align-items: center;
  color: #477A43;
}
.body__compra .w-query .container__white__reserva .datos__facturacion .div-dos-facturacion div i {
  margin-right: 0.5rem;
}
.body__compra .w-query .container__white__reserva .datos__facturacion .div-dos-facturacion div p {
  margin: 0;
  font-size: 12px;
}
.body__compra .w-query .container__white__reserva .div-header-pago {
  border-top: 1px solid #ccc;
}
.body__compra .w-query .container__white__reserva .div-header-pago .title-res {
  padding: 1rem 0;
  font-size: 20px;
}
.body__compra .w-query .container__white__reserva .div-header-pago .reserva-i {
  display: flex;
  color: #477A43;
  margin-bottom: 2rem;
}
.body__compra .w-query .container__white__reserva .div-header-pago .reserva-i div {
  align-items: center;
  display: flex;
}
.body__compra .w-query .container__white__reserva .div-header-pago .reserva-i div i {
  margin-right: 0.5rem;
}
.body__compra .w-query .container__white__reserva .div-header-pago .reserva-i div p {
  margin: 0;
  font-size: 12px;
}
.body__compra .font-white-alugo {
  color: #333;
  border-bottom: 1px solid #aaa;
}
.body__compra .font-white-alugo .header-compacto {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.body__compra .font-white-alugo .header-compacto i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.body__compra .font-white-alugo .header-compacto h3 {
  margin: 0;
  font-size: 1.2rem;
}
.body__compra .font-white-alugo .header-compacto h3 span {
  font-weight: 600;
  margin-right: 0.5rem;
}
.body__compra .font-white-alugo .container-info-compra {
  margin-bottom: 1rem;
}
.body__compra .font-white-alugo .container-info-compra .grid-cust-dats {
  display: grid;
  grid-template-columns: 20px auto;
  align-items: center;
  font-size: 13px;
}
.body__compra .font-white-alugo .font-bold-custom {
  font-weight: 600;
}
.body__compra .font-white-alugo .font-normal-custom {
  font-weight: 400;
}
.body__compra .fw-alugo {
  color: #333;
  margin-top: 1rem;
}
.body__compra .fw-alugo .header-pagar-hoy {
  font-weight: 500;
}
.body__compra .fw-alugo .header-pagar-hoy i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.body__compra .fw-alugo .header-pagar-hoy h3 {
  font-size: 1.1rem;
  font-weight: 400;
}
.body__compra .fw-alugo .custom-price p {
  font-weight: 600;
  font-size: 1.7rem;
}

/* ---------- Estilos Generales de las Tarjetas ----------*/
.tarjeta {
  width: 100%;
  position: relative;
  color: #fff;
  transition: 0.3s ease all;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  cursor: pointer;
  z-index: 2;
}

.tarjeta.active {
  transform: rotateY(180deg);
}

.tarjeta > div {
  padding: 30px;
  border-radius: 15px;
  min-height: 315px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 10px 10px 0 rgba(90, 116, 148, 0.3);
}

/* ---------- Tarjeta Delantera ----------*/
.tarjeta .delantera {
  width: 100%;
  background: linear-gradient(45deg, var(--terciary-color), var(--verdeClaro-popcar));
}

.delantera .logo-marca {
  text-align: right;
  min-height: 50px;
}

.delantera .logo-marca img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 80px;
}

.delantera .chip {
  width: 100%;
  max-width: 50px;
  margin-bottom: 20px;
}

.delantera .grupo .label {
  font-size: 16px;
  color: #f6f6f6;
  margin-bottom: 5px;
}

.delantera .grupo .numero,
.delantera .grupo .nombre,
.delantera .grupo .expiracion {
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
}

.delantera .flexbox {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

/* ---------- Tarjeta Trasera ----------*/
.trasera {
  background: linear-gradient(45deg, var(--terciary-color), var(--verdeClaro-popcar));
  position: absolute;
  top: 0;
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.trasera .barra-magnetica {
  height: 40px;
  background: #000;
  width: 100%;
  position: absolute;
  top: 30px;
  left: 0;
}

.trasera .datos {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.trasera .datos p {
  margin-bottom: 5px;
}

.trasera .datos #firma {
  width: 70%;
}

.trasera .datos #firma .firma {
  height: 40px;
  background: repeating-linear-gradient(skyblue 0, skyblue 5px, orange 5px, orange 10px);
}

.trasera .datos #firma .firma p {
  line-height: 40px;
  color: #000;
  font-size: 30px;
  padding: 0 10px;
  text-transform: capitalize;
}

.trasera .datos #ccv {
  width: 20%;
}

.trasera .datos #ccv .ccv {
  background: #fff;
  height: 40px;
  color: #000;
  padding: 10px;
  text-align: center;
}

.trasera .leyenda {
  font-size: 14px;
  line-height: 24px;
}

.trasera .link-banco {
  font-size: 14px;
  color: #fff;
}

/* ---------- Contenedor Boton ----------*/
.contenedor-btn .btn-abrir-formulario {
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 20px;
  background: #2364d2;
  color: #fff;
  position: relative;
  top: -25px;
  z-index: 3;
  border-radius: 100%;
  box-shadow: -5px 4px 8px rgba(24, 56, 182, 0.4);
  padding: 5px;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contenedor-btn .btn-abrir-formulario:hover {
  background: #1850b1;
}

.contenedor-btn .btn-abrir-formulario.active {
  transform: rotate(45deg);
}

/* ---------- Formulario Tarjeta ----------*/
.formulario-tarjeta {
  background: transparent;
  width: 100%;
  max-width: 700px;
  height: 0;
  border-radius: 10px;
  display: none;
  position: relative;
  top: 0;
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
          clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: -webkit-clip-path 0.3s ease-out;
  transition: clip-path 0.3s ease-out;
  transition: clip-path 0.3s ease-out, -webkit-clip-path 0.3s ease-out;
}

.formulario-tarjeta.active {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  height: 100% !important;
  display: block;
}

.formulario-tarjeta label {
  display: block;
  color: #7d8994;
  font-size: 16px;
}

.formulario-tarjeta input,
.formulario-tarjeta select,
.btn-enviar {
  border: 2px solid #CED6E0;
  font-size: 18px;
  height: 50px;
  padding: 5px 12px;
  transition: 0.3s ease all;
  border-radius: 5px;
}

.formulario-tarjeta input:hover,
.formulario-tarjeta select:hover {
  border: 2px solid #93BDED;
}

.formulario-tarjeta input:focus,
.formulario-tarjeta select:focus {
  outline: #040404;
  box-shadow: 1px 7px 10px -5px rgba(90, 116, 148, 0.3);
}

.formulario-tarjeta input {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.formulario-tarjeta .flexbox {
  display: flex;
  justify-content: space-between;
}

.formulario-tarjeta .expira {
  width: 100%;
}

.formulario-tarjeta .ccv {
  min-width: 100px;
}

.formulario-tarjeta .grupo-select {
  width: 100%;
  margin-right: 15px;
  position: relative;
}

.formulario-tarjeta select {
  -webkit-appearance: none;
}

.formulario-tarjeta .grupo-select i {
  position: absolute;
  color: #CED6E0;
  top: 18px;
  right: 15px;
  transition: 0.3s ease all;
}

.formulario-tarjeta .grupo-select:hover i {
  color: #93bfed;
}

.formulario-tarjeta .btn-enviar {
  border: none;
  padding: 10px;
  font-size: 22px;
  color: #fff;
  background: #2364d2;
  box-shadow: 2px 2px 10px 0px rgba(0, 85, 212, 0.4);
  cursor: pointer;
}

.formulario-tarjeta .btn-enviar:hover {
  background: #1850b1;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/splashconfirm/sass/splashConfirm.scss ***!
  \******************************************************************************************************************************************************************************************/
.body__splash__compra {
  background-color: #fff;
}
.body__splash__compra main .container__white__splash {
  display: flex;
  background: var(--terciary-color);
  border-radius: 8px;
  position: relative;
}
.body__splash__compra main .container__white__splash .green-succes {
  color: #37d011;
  border-radius: 8px 8px 0 0;
  height: 20vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5rem;
}
.body__splash__compra main .container__white__splash .green-succes img {
  width: 130px;
}
@media (max-width: 767.9px) {
  .body__splash__compra main .container__white__splash .green-succes {
    height: 14vh;
  }
}
.body__splash__compra main .container__white__splash .container__datos__transaccion {
  padding: 0 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.body__splash__compra main .container__white__splash .container__datos__transaccion .div--imgAuto {
  width: 330px;
}
.body__splash__compra main .container__white__splash .container__datos__transaccion .title-confirm {
  text-align: center;
  color: #fff;
}
.body__splash__compra main .container__white__splash .container__datos__transaccion .fecha-retiro {
  font-weight: 500;
}
.body__splash__compra main .container__white__splash .container__datos__transaccion .fecha-retiro span {
  font-weight: 300;
}
.body__splash__compra main .container__white__splash .container__datos__transaccion .btn-vermas {
  width: 100%;
}
.body__splash__compra main .container__white__splash .container__datos__transaccion .btn-vermas .btn-comprobante {
  color: #fff;
  font-weight: 500;
  margin-top: 2rem;
  -webkit-text-decoration: solid;
          text-decoration: solid;
}
.body__splash__compra main .container__white__splash .container__datos__transaccion .btn-vermas .btn-moreview {
  background: var(--primary-color);
  padding: 0.5rem;
  border: none;
  width: 15%;
  color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  font-size: var(--font-size-boton);
}
@media (max-width: 1199px) {
  .body__splash__compra main .container__white__splash .container__datos__transaccion .btn-vermas .btn-moreview {
    width: 30%;
  }
}
@media (max-width: 560px) {
  .body__splash__compra main .container__white__splash .container__datos__transaccion .btn-vermas .btn-moreview {
    width: 36%;
  }
}
@media (max-width: 400px) {
  .body__splash__compra main .container__white__splash .container__datos__transaccion .btn-vermas .btn-moreview {
    width: 50%;
  }
}
.body__splash__compra main .container__white__splash .container__datos__transaccion .btn-vermas .btn-moreview:hover {
  box-shadow: none;
  color: #f6f6f6;
}
.body__splash__compra main .container__white__splash .fblack {
  color: #fff;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/terminosCondiciones/sass/_terms.scss ***!
  \*****************************************************************************************************************************************************************************************/
.goTermos {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 5rem;
  border-radius: 16px;
  margin: 6rem 0;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/facturacion/sass/facturacion.scss ***!
  \**************************************************************************************************************************************************************************************/
.body__facturacion {
  background: #fff;
}
.body__facturacion main .container__white__facturacion {
  background: #fff;
  border-radius: 8px;
  color: #333;
}
.body__facturacion main .container__white__facturacion h3 {
  font-size: 1.3rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  padding: 1rem;
}
.body__facturacion main .container__white__facturacion .container__table {
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.body__facturacion main .container__white__facturacion .container__table .table > :not(:first-child) {
  border-top: 2px solid rgba(51, 51, 51, 0.3);
}
.body__facturacion main .container__white__facturacion .container__table tr {
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}
.body__facturacion main .container__white__facturacion .container__table table {
  color: #333;
  font-size: 13px;
}
.body__facturacion main .container__white__facturacion .container__table table th, .body__facturacion main .container__white__facturacion .container__table table td {
  padding: 16px 16px 16px 10px;
}
.body__facturacion main .container__white__facturacion .container__table table i {
  cursor: pointer;
  text-align: center;
}
.body__facturacion main .container__white__facturacion .f-500c {
  font-weight: 500;
}
.body__facturacion main .container__datos__facturacion {
  padding: 1rem;
  text-align: center;
}
.body__facturacion main .container__datos__facturacion h3 {
  font-size: 1.3rem;
  border-bottom: 1px solid #ccc;
  padding: 1rem;
}
.body__facturacion main .container__datos__facturacion label {
  color: #333;
  font-weight: 500;
}
.body__facturacion main .container__datos__facturacion .input-custom-search {
  padding: 0.5rem;
  border: none;
  border-radius: 8px;
  box-shadow: inset 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  outline: none;
}
.body__facturacion main .container__datos__facturacion select {
  background: transparent;
  border: none;
}
.body__facturacion main .container__datos__facturacion .input-custom-facturacion {
  border: none;
  background: transparent;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  width: 100%;
  padding: 0.5rem 0;
  text-align: center;
}
.body__facturacion main .container__datos__facturacion .input-custom-facturacion:focus {
  outline: none;
}
.body__facturacion .download-comprobante {
  color: #333;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/historial/sass/historial.scss ***!
  \**********************************************************************************************************************************************************************************/
.historial--body {
  background-color: #fff;
}

.bg__historial {
  background: url(images/pattern-login.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container--style {
  background-color: #ffff;
  margin-bottom: 8px;
  border-radius: 8px;
}

.button--menu {
  background: transparent;
  border: none;
  font-weight: bold;
  color: var(--terciary-color);
}

.es {
  position: relative;
  overflow: hidden;
}
.es::after {
  content: "";
  background: var(--primary-color);
  width: 1px;
  height: 20%;
  right: 0;
  top: 40%;
  position: absolute;
}

.estado-selected {
  text-decoration: underline;
  color: var(--primary-color);
}

.container--card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
  background: #fff;
}
.container--card .glassmorph--historial {
  background-color: #00adb540;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  left: 0;
}

.img--div {
  width: 100%;
  height: auto;
  border-radius: 20px 0px 0px 20px;
}
@media (max-width: 991.9px) {
  .img--div {
    border-radius: 20px 20px 0px 0px;
  }
}

.title--card {
  font-weight: 600;
  color: #333;
  font-size: 1.1rem;
  color: var(--orange-color);
}

.subtitle {
  font-weight: 400;
  font-size: 0.9rem;
  color: var(--primary-color);
}

.card--detail {
  border-radius: 16px;
}

.bg__white__custom .bg__cyan__custom {
  padding: 2rem;
  background: var(--verdeClaro-popcar);
  border-radius: 16px;
  position: relative;
}
.bg__white__custom .bg__cyan__custom .button__details {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}
.bg__white__custom .bg__cyan__custom .button__details a {
  color: var(--primary-color);
  font-weight: 500;
}
.bg__white__custom .b__custom__title {
  justify-content: center;
  margin-bottom: 1rem;
  justify-content: flex-start;
}
.bg__white__custom .b__custom__title h3 {
  text-transform: capitalize;
  font-size: 1.2rem;
  color: var(--primary-color);
  font-weight: 700;
}
.bg__white__custom .btn-comprobante {
  color: var(--primary-color);
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

@media (min-width: 678px) {
  .ppBotonera {
    padding: 0 7rem;
  }
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/publicaciones/sass/publicaciones.scss ***!
  \******************************************************************************************************************************************************************************************/

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/detallesReservaLogista/sass/detallesReservaLogista.scss ***!
  \************************************************************************************************************************************************************************************************************/
.body__detallesloja {
  background: #ffff;
}
.body__detallesloja .container__ul__detalles {
  margin-top: 1rem;
  background: var(--back-formularios-cyan--claro);
  box-shadow: 0 8px 32px 0 rgba(191, 192, 201, 0.37);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 1rem;
}
.body__detallesloja .container__ul__detalles ul li {
  font-size: 1.25rem;
  color: #333;
  padding: 0.7rem;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin: 2rem 0;
}
.body__detallesloja .container__ul__detalles ul li p {
  font-size: 1rem;
  margin: 0;
}
.body__detallesloja .img-detalles {
  width: 75px;
  height: 75px;
  border-radius: 99px;
  display: inline-block;
  margin: 5px 15px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/detallesReservaMotorista/sass/detallesReservaMotorista.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.body__detallesloja {
  background: #ffff;
}
.body__detallesloja .card__datos {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background: var(--primary-color);
}
.body__detallesloja .container__datos__details h3 {
  font-size: var(--font-size-chica);
  color: var(--verdeClaro-popcar);
  font-weight: 400;
}
.body__detallesloja .container__datos__details p {
  font-weight: 500;
  color: var(--verdeClaro-popcar);
  font-size: var(--font-size-chica);
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/home/sass/home.scss ***!
  \************************************************************************************************************************************************************************/
.body__home {
  background-color: var(--verdeClaro-popcar);
}

.modal-header {
  border-bottom: none;
  padding: 1rem 1rem 0 1rem;
}
.modal-header h3 {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 23rem;
  }
}

.first__section {
  background: url(images/banner-principal-popcar.png) no-repeat;
  background-size: cover;
  height: 105vh;
  display: flex;
  align-items: center;
  background-position: bottom;
}
@media (max-width: 767px) {
  .first__section .div__firstSection {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .first__section .banner-first {
    display: none !important;
  }
}
.first__section .form_reserva_auto {
  padding: 2rem;
  max-width: 348px;
  min-width: 300px;
  background-color: #fff;
  margin-left: 5rem;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .first__section .form_reserva_auto {
    padding: 2rem;
    max-width: 421px;
    min-width: 300px;
    margin-left: 0;
    top: 6%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    position: initial;
  }
}
.first__section p {
  font-weight: 600;
  color: var(--terciary-color);
  font-size: inherit;
}
.first__section h3 {
  color: #5770A6;
}
.first__section label {
  color: var(--terciary-color);
}
.first__section ::-moz-placeholder {
  color: var(--terciary-color);
}
.first__section :-ms-input-placeholder {
  color: var(--terciary-color);
}
.first__section ::placeholder {
  color: var(--terciary-color);
}
.first__section .input-form {
  color: var(--terciary-color);
}

.second-banner {
  background: url(images/banner-segunda-section.svg) no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 36rem;
  background-position: center;
  box-shadow: inset 0px 0px 34px 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .second-banner {
    background-position: -5rem center;
    background-size: cover;
    height: 100vh;
    border-radius: 8px;
  }
}
@media (min-width: 767px) and (max-width: 1199px) {
  .second-banner {
    height: 45rem;
    background-size: cover;
    border-radius: 8px;
    background-position: -5rem center;
  }
}
.second-banner .text-second-banner {
  background: rgba(0, 0, 0, 0.7);
  color: #f6f6f6;
  height: 100%;
  border-radius: 8px 0 0 8px;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
@media (max-width: 767px) {
  .second-banner .text-second-banner {
    border-radius: 8px 0px 0px 8px;
  }
}
.second-banner .title-second-banner h3 {
  font-weight: 500;
}
.second-banner .title-second-banner p {
  font-weight: 200;
  font-size: var(--font-size-label);
}

.section__cards {
  width: 100%;
}
.section__cards .header__cards h3 {
  color: #333;
  font-weight: 500;
}
.section__cards .header__cards p {
  color: #717171;
  font-weight: 300;
  font-size: var(--font-size-label);
}
.section__cards .header__cards p span {
  font-weight: 500;
}
.section__cards .main__cards .padre__card {
  margin-bottom: 2rem;
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  width: 250px;
}
.section__cards .main__cards .padre__card .image__cards img {
  border-radius: 8px 8px 0 0;
}
.section__cards .main__cards .padre__card .datos__cards {
  padding: 1rem;
}
.section__cards .main__cards .padre__card .datos__cards .container__stars {
  color: #00adb5;
}
.section__cards .main__cards .padre__card .datos__cards p {
  margin-top: 1rem;
  color: #333;
  font-weight: 300;
  font-size: var(--font-size-label);
}
.section__cards .main__cards .padre__card .datos__cards .user__card .image__user {
  background: #efefef;
  border-radius: 50%;
  font-size: 2rem;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  overflow: hidden;
}
.section__cards .main__cards .padre__card .datos__cards .user__card .user__country {
  margin-left: 1rem;
}
.section__cards .main__cards .padre__card .datos__cards .user__card .user__country h5 {
  margin: 0;
  color: #333;
  font-weight: 500;
}
.section__cards .main__cards .padre__card .datos__cards .user__card .user__country p {
  margin: 0;
  color: #333;
  font-weight: 200;
  font-size: var(--font-size-label);
}

.section-info {
  height: 36rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 992px) {
  .section-info {
    height: 64rem;
  }
}
@media (max-width: 540px) {
  .section-info {
    height: 73rem;
  }
}
.section-info .section__img {
  background: url(images/waves-popcar.png) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  margin-top: 5rem;
  height: 540px;
  display: flex;
  justify-content: center;
  min-width: 79rem;
  width: 100vw;
}
@media (max-width: 990px) {
  .section-info .section__img {
    background: url(images/waves-popcar-mobile.svg) no-repeat;
    background-size: cover;
    background-position: top;
    display: grid;
    place-items: center;
  }
}
.section-info .section__img .pAbsolute {
  position: absolute;
  bottom: 9rem;
}
@media (max-width: 990px) {
  .section-info .section__img .pAbsolute {
    top: 11rem;
    bottom: 0rem;
    max-width: 98vw;
  }
}
.section-info .section__img .padre-cards-info {
  padding: 0;
}
.section-info .section__img .padre-cards-info .content-card div {
  color: #efefef;
  text-align: center;
  height: 260px;
  padding: 0.25rem;
}
@media (min-width: 992px) {
  .section-info .section__img .padre-cards-info .content-card div .wp {
    color: #fff;
  }
}
@media (max-width: 992px) {
  .section-info .section__img .padre-cards-info .content-card div {
    height: 100%;
  }
}
.section-info .section__img .padre-cards-info .content-card div i {
  font-size: 4rem;
  margin-bottom: 1rem;
  color: var(--primary-color);
}
.section-info .section__img .padre-cards-info .content-card div h3 {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--terciary-color);
}
.section-info .section__img .padre-cards-info .content-card div p {
  font-weight: 300;
  color: #333;
  font-size: var(--primary-color);
}

.cards-footer {
  display: grid;
  place-items: center;
}
.cards-footer .pattern__popcar {
  background: url(images/banner-rulito-1.webp) no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  aspect-ratio: 5/3;
  margin: 3rem 0;
}
@media (max-width: 520px) {
  .cards-footer .pattern__popcar {
    margin: 0;
    display: grid !important;
    place-items: center !important;
  }
}
.cards-footer .pattern__popcar .pattern__popcar__container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5.5rem;
}
@media (max-width: 520px) {
  .cards-footer .pattern__popcar .pattern__popcar__container {
    margin: 0;
  }
}
.cards-footer .move {
  position: absolute;
  left: 40rem;
  top: 6rem;
}
@media (max-width: 992px) {
  .cards-footer .move {
    position: initial;
  }
}
@media (min-width: 992px) {
  .cards-footer .move {
    position: absolute;
    left: 11rem;
    top: 11rem;
  }
}
@media (min-width: 1200px) {
  .cards-footer .move {
    left: 22rem;
    top: 7rem;
  }
}
@media (min-width: 1400px) {
  .cards-footer .move {
    left: 41rem;
    top: 6rem;
  }
}

.cards-footer-lojista {
  display: grid;
  place-items: center;
}
.cards-footer-lojista .pattern__popcar__faqs {
  background: url(images/banner-faqs.webp) no-repeat;
  height: 27rem;
  width: 71rem;
  background-size: contain;
  background-position: center;
  max-width: 92vw;
  margin-bottom: 5rem;
}
.cards-footer-lojista .pattern__popcar__faqs .pattern__popcar__faqs__text {
  margin: 5rem;
}

.grid__cards__home {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid__cards__home {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .grid__cards__home {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.btn-cyan-formOrange {
  background: #ff9004;
  padding: 0.4rem;
  border: none;
  color: #fff;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  display: flex;
  cursor: pointer;
  font-weight: 500;
  justify-content: center;
  width: 150px;
}
@media (max-width: 768px) {
  .btn-cyan-formOrange {
    border: 2px solid #ffa500;
  }
}
.btn-cyan-formOrange:hover {
  box-shadow: none;
  color: #fff;
}

.first__section__lojista {
  background: url(images/banner-rolitos.png) no-repeat;
  background-size: auto;
  height: 100vh;
  background-position: center;
  background-color: #020963;
  flex-direction: column;
}
@media (max-width: 992px) {
  .first__section__lojista {
    background-size: cover;
    height: 100vh;
  }
}
.first__section__lojista .mb-query {
  margin-bottom: 24rem;
}
@media (max-width: 992px) {
  .first__section__lojista .mb-query {
    margin-bottom: 5rem;
  }
}

.section-info-lojista {
  background: url(images/waves-popcar.png) no-repeat;
  background-size: 100%;
  position: relative;
  overflow: hidden;
  height: 59rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .section-info-lojista {
    height: 600px;
  }
}
.section-info-lojista .pAbsolute {
  position: absolute;
  bottom: 3rem;
}
@media (max-width: 992px) {
  .section-info-lojista .pAbsolute {
    bottom: 0;
  }
}
.section-info-lojista .padre-cards-info {
  padding: 0;
  bottom: 5rem;
  position: relative;
}
.section-info-lojista .padre-cards-info .content-card {
  background: #fff;
  border-radius: 48px;
}
@media (max-width: 992px) {
  .section-info-lojista .padre-cards-info .content-card {
    margin-bottom: 1rem;
  }
}
.section-info-lojista .padre-cards-info .content-card div {
  text-align: center;
  display: flex;
  height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section-info-lojista .padre-cards-info .content-card div .imgChicas {
  width: 100px;
}
.section-info-lojista .padre-cards-info .content-card div .imgC {
  width: 170px;
}
@media (max-width: 992px) {
  .section-info-lojista .padre-cards-info .content-card div {
    height: 100%;
  }
}
.section-info-lojista .padre-cards-info .content-card div i {
  font-size: 4rem;
  margin-bottom: 1rem;
  color: var(--primary-color);
}
.section-info-lojista .padre-cards-info .content-card div h3 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  font-weight: 500;
  color: var(--primary-color);
}
.section-info-lojista .padre-cards-info .content-card div p {
  color: #333;
  color: var(--primary-color);
  margin: 1rem 2rem;
}

#cardsHome {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  #cardsHome {
    grid-template-columns: repeat(1, 1fr);
  }
}

.containerCardHome {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffff;
  padding: 2rem;
  border-radius: 16px;
  width: 95%;
  margin: 0.5rem;
}
.containerCardHome .w300 {
  width: 300px;
}
.containerCardHome .f-b {
  color: var(--primary-color);
}
.containerCardHome .formatH3 {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1rem;
}
.containerCardHome .formatLastH3 {
  display: flex;
  justify-content: space-between;
  color: var(--primary-color);
  font-weight: 600;
  align-items: baseline;
  font-size: 1.2rem;
}
.containerCardHome .formatLastH3 a {
  font-size: 1rem;
  color: var(--primary-color);
}

.wImg {
  background: #fff;
  border-radius: 16px;
  padding: 0.5rem;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/faqs/sass/faqs.scss ***!
  \************************************************************************************************************************************************************************/
.body__faqs {
  background-color: #fff;
}

.h85 {
  min-height: 80.5vh;
}

.wrapper {
  width: 60%;
}

h1 {
  margin-bottom: 20px;
}

.container--faqs {
  background-color: white;
  color: black;
  border-radius: 20px;
  border: 1px solid var(--gray);
  background: #fff;
  margin: 0.5rem;
  width: 25rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 991px) {
  .container--faqs {
    width: 19rem;
  }
}
@media (max-width: 768px) {
  .container--faqs {
    width: 100%;
  }
}
.container--faqs .question {
  font-size: 1.1rem;
  font-weight: 600;
  padding: 20px 80px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--primary-color);
}
.container--faqs .question::after {
  content: "+";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}
.container--faqs .question.active::after {
  transform: rotate(45deg);
}
.container--faqs .answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.container--faqs .answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
  color: var(--gray);
}
@media screen and (max-width: 790px) {
  .container--faqs html {
    font-size: 14px;
  }
  .container--faqs .wrapper {
    width: 80%;
  }
}
.container--faqs .deUna {
  background: white;
  position: relative;
  z-index: 1;
  border-radius: 0px 0px 20px 20px;
  top: -15px;
}

.faqs__motorista, #faqs__motorista,
.faqs__lojista, #faqs__motorista, #faqs__lojista {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/layout/navbar/sass/navbar.scss ***!
  \*****************************************************************************************************************************************************************************/
.fix-custom .container__btns__sidebar {
  width: 100%;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  top: 0;
  z-index: 4;
  border-radius: 0 0 4px 4px;
}
@media (min-width: 767px) {
  .fix-custom .container__btns__sidebar {
    background: transparent;
    position: absolute;
    top: auto;
    width: 250px;
  }
}
@media (min-width: 767px) {
  .fix-custom .container__btns__sidebar .padre_open_sidebar {
    display: none;
  }
}
.fix-custom .container__btns__sidebar .padre_open_sidebar .openSidebar {
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
}
.fix-custom .padre_close_sidebar .closeSidebar {
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}
.fix-custom .padre_container_sidebar {
  background: #f6f6f6;
  position: fixed;
  z-index: 5;
  height: 100vh;
  top: 0;
  width: 70vw;
  transition: all 0.5s;
  left: -100vw;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.fix-custom .padre_container_sidebar ul {
  list-style-type: none;
  padding: 0;
}
.fix-custom .padre_container_sidebar ul li a {
  color: #333;
  font-weight: 700;
  text-decoration: none;
}
.fix-custom .padre_container_sidebar ul li a:hover {
  transition: all 0.2s;
}
@media (max-width: 768px) {
  .fix-custom .padre_nav_desktop {
    background: var(--secondary-color);
    position: fixed;
    z-index: 5;
    height: 100vh;
    top: 0;
    width: 80vw;
    transition: all 0.5s;
    left: -100vw;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  }
}
.fix-custom .padre_nav_desktop .p-ul {
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
.fix-custom .padre_nav_desktop .p-ul li .a-custom {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.fix-custom .padre_nav_desktop .p-ul li .a-custom:hover {
  color: var(--);
  transition: all 0.2s;
}
.fix-custom .padre_nav_desktop .containerDrop__custom {
  position: relative;
}
.fix-custom .padre_nav_desktop .containerDrop__custom .link__and__drop {
  display: flex;
  align-items: center;
}
.fix-custom .padre_nav_desktop .containerDrop__custom .link__and__drop p {
  color: #333;
  margin-left: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0;
  cursor: pointer;
}
.fix-custom .padre_nav_desktop .containerDrop__custom .container__padre__drop {
  position: absolute;
  right: -30px;
  text-align: center;
  width: 150px;
  transition: all 0.5s;
  background: #efefef;
  border-radius: 4px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  z-index: 5;
}
.fix-custom .padre_nav_desktop .containerDrop__custom .container__padre__drop[data-rol=loja] .li-dinamic {
  display: none;
}
.fix-custom .padre_nav_desktop .containerDrop__custom .container__padre__drop[data-rol=moto] .li-dinamic {
  display: block;
}
.fix-custom .padre_nav_desktop .containerDrop__custom .container__padre__drop ul {
  padding: 1rem;
  list-style-type: none;
  text-align: left;
}
.fix-custom .padre_nav_desktop .containerDrop__custom .container__padre__drop ul li {
  margin: 0.7rem 0;
}
.fix-custom .padre_nav_desktop .containerDrop__custom .container__padre__drop ul li a {
  color: #333;
  text-decoration: none;
  font-weight: 500;
}
.fix-custom .shadowCloseSidebar {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 4;
  height: 100vh;
  top: 0;
  width: 100vw;
  left: -100vw;
  cursor: pointer;
}
.fix-custom .logo-jph a {
  color: #333;
  font-size: 1.3rem;
  text-decoration: none;
}
.fix-custom .logo-jph a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .fix-custom .b-botom-nav {
    border-bottom: none;
    position: fixed;
    top: 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}

.scaleDown {
  transform: scaleX(0);
}

#navBarScroll {
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: all 0.3s;
  z-index: 5;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.dots {
  display: flex;
  position: relative;
  margin: 0 1rem;
  cursor: pointer;
}
.dots .mod_p {
  color: #efefef;
  font-weight: 300;
  text-decoration: none;
}

.cut {
  -webkit-clip-path: polygon(49.94543% 0%, 49.146605% 0.56499168%, 47.908524% 1.8619327%, 46.53612% 3.2937721%, 45.334324% 4.2634587%, 44.449473% 4.6785326%, 43.75% 4.8902239%, 43.123985% 4.967017%, 42.459505% 4.9773959%, 32.434877% 4.9773959%, 22.41025% 4.9773959%, 12.385622% 4.9773959%, 2.3609941% 4.9773959%, 1.7494639% 5.0755373%, 0.9648305% 5.3952797%, 0.28803037% 5.9746007%, 0% 6.8514776%, 0% 29.608196%, 0% 52.364914%, 0% 75.121632%, 0% 97.87835%, 0.17916238% 98.658483%, 0.67451585% 99.313006%, 1.4228599% 99.763343%, 2.3609941% 99.930917%, 25.989505% 99.930917%, 49.618015% 99.930917%, 73.246526% 99.930917%, 96.875036% 99.930917%, 97.979739% 99.839309%, 98.960507% 99.515581%, 99.662509% 98.886379%, 99.930917% 97.87835%, 99.930917% 75.233185%, 99.930917% 52.588019%, 99.930917% 29.942854%, 99.930917% 7.2976888%, 99.75287% 6.3432143%, 99.283323% 5.6113835%, 98.619164% 5.1426321%, 97.857283% 4.9773959%, 87.768866% 4.9773959%, 77.680448% 4.9773959%, 67.592031% 4.9773959%, 57.503614% 4.9773959%, 56.936197% 4.9640164%, 56.17412% 4.8766449%, 55.305914% 4.6444314%, 54.420113% 4.1965263%, 53.323874% 3.214925%, 51.989005% 1.8085795%, 50.75102% 0.54707587%);
          clip-path: polygon(49.94543% 0%, 49.146605% 0.56499168%, 47.908524% 1.8619327%, 46.53612% 3.2937721%, 45.334324% 4.2634587%, 44.449473% 4.6785326%, 43.75% 4.8902239%, 43.123985% 4.967017%, 42.459505% 4.9773959%, 32.434877% 4.9773959%, 22.41025% 4.9773959%, 12.385622% 4.9773959%, 2.3609941% 4.9773959%, 1.7494639% 5.0755373%, 0.9648305% 5.3952797%, 0.28803037% 5.9746007%, 0% 6.8514776%, 0% 29.608196%, 0% 52.364914%, 0% 75.121632%, 0% 97.87835%, 0.17916238% 98.658483%, 0.67451585% 99.313006%, 1.4228599% 99.763343%, 2.3609941% 99.930917%, 25.989505% 99.930917%, 49.618015% 99.930917%, 73.246526% 99.930917%, 96.875036% 99.930917%, 97.979739% 99.839309%, 98.960507% 99.515581%, 99.662509% 98.886379%, 99.930917% 97.87835%, 99.930917% 75.233185%, 99.930917% 52.588019%, 99.930917% 29.942854%, 99.930917% 7.2976888%, 99.75287% 6.3432143%, 99.283323% 5.6113835%, 98.619164% 5.1426321%, 97.857283% 4.9773959%, 87.768866% 4.9773959%, 77.680448% 4.9773959%, 67.592031% 4.9773959%, 57.503614% 4.9773959%, 56.936197% 4.9640164%, 56.17412% 4.8766449%, 55.305914% 4.6444314%, 54.420113% 4.1965263%, 53.323874% 3.214925%, 51.989005% 1.8085795%, 50.75102% 0.54707587%);
}

.cut2 {
  -webkit-clip-path: polygon(49.94543% 0%, 49.631999% 0.12564846%, 49.187804% 0.4688613%, 48.640661% 0.97903993%, 48.018387% 1.605585%, 47.3488% 2.2978983%, 46.659716% 3.0053809%, 45.978952% 3.6774339%, 45.334324% 4.2634587%, 42.618384% 6.7500473%, 39.935164% 8.743094%, 37.227225% 10.296864%, 34.437125% 11.465622%, 31.507425% 12.303633%, 28.380682% 12.865161%, 24.999456% 13.204473%, 21.306307% 13.375833%, 18.127097% 13.266869%, 14.650937% 13.191619%, 11.100005% 13.527542%, 7.6964784% 14.652097%, 4.6625364% 16.942746%, 2.2203573% 20.776948%, 0.5921189% 26.532164%, 0% 34.585852%, 0% 39.201516%, 0% 43.81718%, 0% 48.432844%, 0% 53.048507%, 0% 57.664171%, 0% 62.279835%, 0% 66.895499%, 0% 71.511163%, 0.37122067% 75.655781%, 1.506588% 80.247442%, 3.4386599% 84.97803%, 6.1999946% 89.539433%, 9.8231496% 93.623537%, 14.340684% 96.922228%, 19.785154% 99.127392%, 26.189119% 99.930917%, 33.206023% 99.598265%, 38.745175% 98.670068%, 43.261202% 97.250968%, 47.208726% 95.445606%, 51.042372% 93.358623%, 55.216765% 91.094659%, 60.186528% 88.758356%, 66.406286% 86.454354%, 72.757944% 85.114156%, 78.860888% 84.911615%, 84.53075% 85.376904%, 89.58316% 86.040195%, 93.833751% 86.431657%, 97.098153% 86.081462%, 99.191998% 84.519782%, 99.930917% 81.276787%, 99.930917% 74.373149%, 99.930917% 67.469512%, 99.930917% 60.565874%, 99.930917% 53.662237%, 99.930917% 46.7586%, 99.930917% 39.854963%, 99.930917% 32.951325%, 99.930917% 26.047688%, 99.483948% 23.602291%, 98.249148% 21.274547%, 96.385677% 19.128688%, 94.052694% 17.228949%, 91.409359% 15.639561%, 88.614834% 14.424756%, 85.828276% 13.648769%, 83.208846% 13.375833%, 79.780489% 13.234012%, 76.02116% 12.843221%, 72.072026% 12.184289%, 68.074254% 11.238045%, 64.16901% 9.9853175%, 60.497461% 8.4069355%, 57.200773% 6.4837289%, 54.420113% 4.1965263%, 53.612432% 3.3746811%, 52.867835% 2.5981691%, 52.190258% 1.8867921%, 51.583637% 1.260352%, 51.051908% 0.73865107%, 50.599007% 0.34149057%, 50.228869% 0%);
          clip-path: polygon(49.94543% 0%, 49.631999% 0.12564846%, 49.187804% 0.4688613%, 48.640661% 0.97903993%, 48.018387% 1.605585%, 47.3488% 2.2978983%, 46.659716% 3.0053809%, 45.978952% 3.6774339%, 45.334324% 4.2634587%, 42.618384% 6.7500473%, 39.935164% 8.743094%, 37.227225% 10.296864%, 34.437125% 11.465622%, 31.507425% 12.303633%, 28.380682% 12.865161%, 24.999456% 13.204473%, 21.306307% 13.375833%, 18.127097% 13.266869%, 14.650937% 13.191619%, 11.100005% 13.527542%, 7.6964784% 14.652097%, 4.6625364% 16.942746%, 2.2203573% 20.776948%, 0.5921189% 26.532164%, 0% 34.585852%, 0% 39.201516%, 0% 43.81718%, 0% 48.432844%, 0% 53.048507%, 0% 57.664171%, 0% 62.279835%, 0% 66.895499%, 0% 71.511163%, 0.37122067% 75.655781%, 1.506588% 80.247442%, 3.4386599% 84.97803%, 6.1999946% 89.539433%, 9.8231496% 93.623537%, 14.340684% 96.922228%, 19.785154% 99.127392%, 26.189119% 99.930917%, 33.206023% 99.598265%, 38.745175% 98.670068%, 43.261202% 97.250968%, 47.208726% 95.445606%, 51.042372% 93.358623%, 55.216765% 91.094659%, 60.186528% 88.758356%, 66.406286% 86.454354%, 72.757944% 85.114156%, 78.860888% 84.911615%, 84.53075% 85.376904%, 89.58316% 86.040195%, 93.833751% 86.431657%, 97.098153% 86.081462%, 99.191998% 84.519782%, 99.930917% 81.276787%, 99.930917% 74.373149%, 99.930917% 67.469512%, 99.930917% 60.565874%, 99.930917% 53.662237%, 99.930917% 46.7586%, 99.930917% 39.854963%, 99.930917% 32.951325%, 99.930917% 26.047688%, 99.483948% 23.602291%, 98.249148% 21.274547%, 96.385677% 19.128688%, 94.052694% 17.228949%, 91.409359% 15.639561%, 88.614834% 14.424756%, 85.828276% 13.648769%, 83.208846% 13.375833%, 79.780489% 13.234012%, 76.02116% 12.843221%, 72.072026% 12.184289%, 68.074254% 11.238045%, 64.16901% 9.9853175%, 60.497461% 8.4069355%, 57.200773% 6.4837289%, 54.420113% 4.1965263%, 53.612432% 3.3746811%, 52.867835% 2.5981691%, 52.190258% 1.8867921%, 51.583637% 1.260352%, 51.051908% 0.73865107%, 50.599007% 0.34149057%, 50.228869% 0%);
}

.container-drop-li {
  left: 96.3%;
  overflow: hidden;
  position: absolute;
  transform: translateX(-50%) translateY(20px);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 250px;
  pointer-events: none;
}
@media (max-width: 768px) {
  .container-drop-li {
    left: 47%;
  }
}

.dot {
  background: #efefef;
  border-radius: 50%;
  height: 10px;
  margin-right: 5px;
  width: 10px;
  display: none;
}

.dot:last-child {
  margin-right: 0;
}

.drop {
  background: var(--secondary-color);
  border-radius: 1.2px;
  height: 5px;
  transform: translateY(-5px);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 5px;
}

.list {
  transform: translateX(0%);
  pointer-events: none;
}

.list .ul-drop-section {
  margin: 0;
  padding: 0;
}
.list .ul-drop-section #logout {
  border-bottom: none;
}

.list .ul-drop-section li {
  align-items: center;
  border-bottom: 1px solid #bdbdbd;
  display: flex;
  font-size: 1rem;
  height: 50px;
  opacity: 0;
  list-style: none;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-user-select: none;
}
.list .ul-drop-section li a {
  color: #fff;
  width: 100%;
  padding: 1rem;
  text-decoration: none;
  font-weight: 400;
}
.list .ul-drop-section li a:hover {
  color: #eee;
  transition: all 0.2s;
}

.dots.active .container-drop-li {
  pointer-events: auto;
}

.dots.active .list {
  pointer-events: auto;
}

.dots.active .drop {
  transform: translateY(185px) scale(200);
}

.dots.active .list .ul-drop-section li {
  cursor: pointer;
  opacity: 1;
  transition: opacity 200ms 100ms cubic-bezier(0.4, 0, 0.2, 1);
}

.dots.active .list li:nth-child(2) {
  transition-delay: 130ms;
}

.dots.active .list li:nth-child(3) {
  transition-delay: 160ms;
}

.dots.active .list li:nth-child(4) {
  transition-delay: 190ms;
}

.dots.active .list li:nth-child(5) {
  transition-delay: 220ms;
}

.dots.active .shadow {
  opacity: 1;
  transition: opacity 150ms 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.cursor {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  height: 40px;
  position: absolute;
  top: 25px;
  width: 80px;
}

.dropArrow {
  transform: rotate(180deg);
}

.chevronRotate {
  transition: all 0.3s;
  color: #fff;
}

.btn-alugue {
  background: #fff;
  border-radius: 20px;
  padding: 0.4rem;
  border: none;
  width: 100%;
  color: #333;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
}
.btn-alugue:hover {
  color: #000000 !important;
}

@media (max-width: 768px) {
  .w-md-0 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .logoPrincipal {
    width: 120px;
  }
}

.containerSideBarProfile {
  position: fixed;
  background: var(--terciary-color);
  width: 99vw;
  height: 100%;
  overflow-y: auto;
  z-index: 6;
  right: -100vw;
  border-radius: 50px 0 0 50px;
  top: 0;
  transition: 0.3s ease-in-out;
}
.containerSideBarProfile[data-active=on] {
  right: 0;
}
@media (min-width: 600px) {
  .containerSideBarProfile {
    width: 30rem;
  }
}

.bgCloseProfile {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 5;
  top: 0;
  right: -100vw;
  width: 100vw;
  height: 100vh;
}
.bgCloseProfile[data-active=on] {
  right: 0;
}

#sideBarProfile {
  cursor: pointer;
}

.fBold {
  font-weight: 600;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/component/footer/sass/footer.scss ***!
  \********************************************************************************************************************************************************************************/
.footer--general {
  min-height: 20vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 1rem;
}

.container--footer {
  border-top: 1px solid rgba(51, 51, 51, 0.16);
  background: #fff;
}
.container--footer p {
  color: var(--primary-color);
  font-size: 1rem;
  font-weight: 300;
  margin: 0;
}
.container--footer .redes {
  color: var(--primary-color);
  font-size: 1.3rem;
}

@media (max-width: 992px) {
  .redes--div {
    display: flex;
    justify-content: center;
  }
}

.footer--row {
  display: flex;
  justify-content: center;
}
.footer--row i {
  margin-left: 15px;
  margin-right: 8px;
  color: var(--primary-color);
  font-size: 0.2rem;
}
@media (max-width: 768px) {
  .footer--row {
    display: grid;
    margin-bottom: 20px;
  }
}

.container__subfuter {
  padding: 0.5rem;
  background: #000;
}
.container__subfuter .footer__div__paf a {
  text-decoration: none;
}
.container__subfuter .footer__div__paf a span {
  color: #fff;
}

.f-0 {
  font-size: 0;
}

.ccOne h4 {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1rem;
}
.ccOne a, .ccOne p {
  color: var(--primary-color);
  font-weight: 500;
  text-decoration: none;
}

.ccTwo {
  padding: 0 7rem;
}
.ccTwo h4 {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1rem;
}
.ccTwo a, .ccTwo p {
  color: var(--primary-color);
  font-weight: 500;
}

.sLine {
  border-top: 1px solid var(--primary-color);
  padding-top: 0.4rem;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/component/loader/sass/loader.scss ***!
  \********************************************************************************************************************************************************************************/
.container__loader {
  background: rgba(0, 0, 0, 0.95);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}
.container__loader h3 {
  color: #efefef;
  margin-top: 0.5rem;
}
.container__loader .container__img {
  -webkit-animation-name: moveCar;
          animation-name: moveCar;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
}

@-webkit-keyframes moveCar {
  0% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(-3px);
  }
}

@keyframes moveCar {
  0% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(-3px);
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/component/modals/sass/loginModal.scss ***!
  \************************************************************************************************************************************************************************************/
.login--body {
  background-color: #fff;
}

.container--login {
  background-color: #fff;
  margin-top: 6rem;
  border-radius: 40px;
}
@media (max-width: 992px) {
  .container--login {
    margin-top: 0;
  }
}
.container--login .glassmorph--login {
  background-color: #00adb540;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  z-index: -1;
}

.div--tituloalugo {
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.div--tituloalugo .closeModal {
  position: absolute;
  right: 0;
  padding: 1rem;
  top: -10px;
  font-size: 1.5rem;
  color: #333;
  z-index: 4;
  cursor: pointer;
}
.div--tituloalugo .titulo--bienvenido {
  font-weight: 600;
  font-size: var(--font-size-mediana);
  color: var(--secondary-color);
}
.div--tituloalugo .titulo--alugo {
  font-weight: 500;
  font-size: var(--font-size-normal);
  color: #333;
}

.text--login {
  font-size: var(--font-size-mediana);
  z-index: 1;
}

.form-check-input {
  border-radius: 22rem;
}

.boton--ingresarLogin {
  width: 114px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: var(--terciary-color);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
  border: none;
}

.div--check {
  display: flex;
}
.div--check .label--check {
  font-size: 0.9rem;
}

.div--forgetpass {
  color: var(--terciary-color);
  font-size: var(--font-size-chica);
  font-weight: 300;
}
.div--forgetpass:hover {
  transition: all 0.3s;
  color: #333;
}

.div--register {
  font-weight: 300;
  font-size: 1rem;
}

.iconoForm--login {
  font-size: var(--font-size-chica);
  margin-right: 0.5rem;
  color: #414141;
}

.login--witch {
  font-size: var(--font-size-chica);
  margin: 0;
}

.form--login {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.inicioSesion--login {
  color: var(--terciary-color);
  font-size: var(--font-size-normal);
  font-weight: 600;
}

.create--acount {
  color: var(--primary-color);
  font-size: var(--font-size-chica);
}
.create--acount:hover {
  transition: all 0.3s;
  color: #333;
}

.form-check-label {
  font-size: var(--font-size-chica);
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.facebook--color {
  color: #3f5a9a;
  margin-right: 1rem;
  font-size: var(--font-size-mediana);
}

.google--color {
  color: #dc4a3d;
  font-size: var(--font-size-mediana);
}

.lines__redes {
  position: relative;
  overflow: hidden;
  text-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.lines__redes::before {
  content: "";
  background: #aaa;
  width: 39%;
  height: 1px;
  position: absolute;
  left: 0;
}
.lines__redes::after {
  content: "";
  background: #aaa;
  width: 39%;
  height: 1px;
  position: absolute;
  right: 0;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/component/SweetModal/sass/swetModal.scss ***!
  \***************************************************************************************************************************************************************************************/
.modal__custom {
  background: var(--terciary-color);
}
.modal__custom .swal-icon--info {
  background: #FFF56D;
  border-color: #FFF56D;
}
.modal__custom .swal-icon--info::before, .modal__custom .swal-icon--info::after {
  background-color: #333;
}
.modal__custom .swal-title {
  color: #efefef;
}
.modal__custom .swal-footer {
  display: flex;
  justify-content: space-around;
}
.modal__custom .swal-button-container button {
  width: 115px;
}

.modal__succes {
  background: var(--terciary-color);
}
.modal__succes .swal-icon--success {
  background: #eee;
}
.modal__succes .swal-icon--success::before, .modal__succes .swal-icon--success::after {
  background: transparent;
}
.modal__succes .swal-icon--success__hide-corners {
  background-color: transparent;
}
.modal__succes .swal-title {
  color: #efefef;
}
.modal__succes .swal-button-container button {
  width: 115px;
  background: var(--primary-color);
}

.swal-button {
  background-color: var(--primary-color);
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/gerentes/sass/gerentes.scss ***!
  \********************************************************************************************************************************************************************************/

/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/mis_lojas/sass/mis-lojas.scss ***!
  \**********************************************************************************************************************************************************************************/

/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/mis_coches/sass/mis-coches.scss ***!
  \************************************************************************************************************************************************************************************/
.titleH3 {
  font-size: 1.5rem;
  color: var(--primary-color);
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/managerLojas/sass/managerLojas.scss ***!
  \****************************************************************************************************************************************************************************************/

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/detallesloja/sass/detallesLoja.scss ***!
  \****************************************************************************************************************************************************************************************/
.body__detallesloja {
  background: #ffff;
}
.body__detallesloja .container__ul__detalles {
  margin-top: 1rem;
  background: var(--back-formularios-cyan--claro);
  box-shadow: 0 8px 32px 0 rgba(191, 192, 201, 0.37);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 1rem;
}
.body__detallesloja .container__ul__detalles ul li {
  font-size: 1.25rem;
  color: #333;
  padding: 0.7rem;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin: 2rem 0;
}
.body__detallesloja .container__ul__detalles ul li p {
  font-size: 1rem;
  margin: 0;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/editar_loja/sass/editar-lojas.scss ***!
  \***************************************************************************************************************************************************************************************/
.editarloja--body {
  background-color: #fff;
}

.container--loja {
  z-index: -1;
  position: relative;
  margin-top: 60px;
}
.container--loja .glassmorph--editarloja {
  background-color: #00adb540;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.iconoLoja--form {
  font-size: var(--font-size-chica);
}

.first--loja {
  position: relative;
  z-index: 1;
}

.form--loja {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.form--generalLoja {
  font-size: var(--font-size-label);
  z-index: 1;
}

.titleLoja--principal {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--verdeClaro-popcar);
}

.title--form {
  font-size: var(--font-size-chica);
  font-weight: 400;
}

.boton--loja {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00ADB5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/editar_coche/sass/editar-coche.scss ***!
  \****************************************************************************************************************************************************************************************/
.body__editarcoche {
  background-color: #fff;
}
.body__editarcoche .container--editarCoche {
  background-color: var(--terciary-color);
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.body__editarcoche .container--editarCoche .select-custom-editarCoche {
  border-right: none;
  border-top: none;
  border-left: none;
  background: var(--terciary-color);
  border-bottom: 1px solid var(--primary-color);
  border-radius: 0 !important;
  color: var(--verdeClaro-popcar);
}
.body__editarcoche .container--editarCoche .title--editarCoche {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--verdeClaro-popcar);
}
.body__editarcoche .container--editarCoche .container__forms__publicacion .boton--editarCoche {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: var(--primary-color);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}

.fr {
  color: var(--verdeClaro-popcar) !important;
}
.fr::-moz-placeholder {
  color: var(--verdeClaro-popcar) !important;
}
.fr:-ms-input-placeholder {
  color: var(--verdeClaro-popcar) !important;
}
.fr::placeholder {
  color: var(--verdeClaro-popcar) !important;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/editar_perfil/sass/editar-perfil.scss ***!
  \******************************************************************************************************************************************************************************************/
.container--profile {
  border-radius: 10px;
}
.container--profile .glassmorph--profile {
  background-color: #00adb540;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.container--profile .container__imagen__profile {
  position: relative;
  overflow: hidden;
  width: 250px;
  height: 250px;
  display: flex;
}
.container--profile .container__imagen__profile img {
  position: absolute;
  padding: 1rem;
  width: 100%;
}

.icono--camera {
  font-size: 7rem;
}

.profile--section {
  position: relative;
  z-index: 1;
}

.profile--right .titulo--profile {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  color: #333;
  z-index: 1;
}

.boton--profile {
  width: 60px;
  height: 35px;
  font-size: 1rem;
  color: #fff;
  border: none;
  background: transparent;
}

.title--datosPersonales {
  font-size: var(--font-size-label);
  font-weight: 500;
  color: var(--verdeClaro-popcar);
}

.idimg--profile i {
  font-size: 8rem;
  color: #AAAAAA;
}

.id--right {
  font-size: 130px;
  z-index: 1;
  color: #333;
}

.personal--title {
  font-weight: 800;
  font-size: var(--font-size-label);
  color: var(--verdeClaro-popcar);
}

.personal--title--sub {
  font-weight: 400;
  color: var(--verdeClaro-popcar);
}

.profile--padding {
  padding-right: 160px;
}

.img--camera {
  font-size: 20px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/editarGerente/sass/editar-gerente.scss ***!
  \*******************************************************************************************************************************************************************************************/
.altaLoja--body {
  background-color: #fff;
}

.container--loja {
  z-index: -1;
  position: relative;
  margin-top: 60px;
}
.container--loja .glassmorph--altaLoja {
  background-color: var(--terciary-color);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.iconoLoja--form {
  font-size: var(--font-size-chica);
}

.first--loja {
  position: relative;
  z-index: 1;
}

.form--loja {
  background: transparent;
  padding-top: 7px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  font-size: var(--font-size-label);
}

.form--generalLoja {
  font-size: var(--font-size-label);
  z-index: 1;
}

.titleLoja--principal {
  font-size: var(--font-size-mediana);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--verdeClaro-popcar);
}

.title--form {
  font-size: var(--font-size-chica);
  font-weight: 400;
}

.boton--loja {
  width: 127px;
  height: 35px;
  font-size: var(--font-size-boton);
  background: #00ADB5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  color: #fff;
  border: none;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/admin/historialCarros/sass/historialCarros.scss ***!
  \****************************************************************************************************************************************************************************************************/

/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/admin/historialLojas/sass/historialLojas.scss ***!
  \**************************************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/admin/historialPublicaciones/sass/historialPublicaciones.scss ***!
  \******************************************************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/admin/historialTransacciones/sass/historialTransacciones.scss ***!
  \******************************************************************************************************************************************************************************************************************/

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/admin/historialFacturacion/sass/historialFacturacion.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.body__facturacion {
  background: #fff;
}
.body__facturacion main .container__white__facturacion {
  background: #fff;
  border-radius: 8px;
  color: #333;
}
.body__facturacion main .container__white__facturacion h3 {
  font-size: 1.3rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  padding: 1rem;
}
.body__facturacion main .container__white__facturacion .container__table {
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.body__facturacion main .container__white__facturacion .container__table .table > :not(:first-child) {
  border-top: 2px solid rgba(51, 51, 51, 0.3);
}
.body__facturacion main .container__white__facturacion .container__table tr {
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}
.body__facturacion main .container__white__facturacion .container__table table {
  color: #333;
  font-size: 13px;
}
.body__facturacion main .container__white__facturacion .container__table table th, .body__facturacion main .container__white__facturacion .container__table table td {
  padding: 16px 16px 16px 10px;
}
.body__facturacion main .container__white__facturacion .container__table table i {
  cursor: pointer;
  text-align: center;
}
.body__facturacion main .container__white__facturacion .f-500c {
  font-weight: 500;
}
.body__facturacion main .container__datos__facturacion {
  padding: 1rem;
  text-align: center;
}
.body__facturacion main .container__datos__facturacion h3 {
  font-size: 1.3rem;
  border-bottom: 1px solid #ccc;
  padding: 1rem;
}
.body__facturacion main .container__datos__facturacion label {
  color: #333;
  font-weight: 500;
}
.body__facturacion main .container__datos__facturacion .input-custom-search {
  padding: 0.5rem;
  border: none;
  border-radius: 8px;
  box-shadow: inset 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  outline: none;
}
.body__facturacion main .container__datos__facturacion select {
  background: transparent;
  border: none;
}
.body__facturacion main .container__datos__facturacion .input-custom-facturacion {
  border: none;
  background: transparent;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
  width: 100%;
  padding: 0.5rem 0;
  text-align: center;
}
.body__facturacion main .container__datos__facturacion .input-custom-facturacion:focus {
  outline: none;
}
.body__facturacion .download-comprobante {
  color: #333;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/pages/admin/detallesReserva/sass/adminDetallesReserva.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.body__detallesloja {
  background: #ffff;
}
.body__detallesloja .container__ul__detalles {
  margin-top: 1rem;
  background: var(--back-formularios-cyan--claro);
  box-shadow: 0 8px 32px 0 rgba(191, 192, 201, 0.37);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 1rem;
}
.body__detallesloja .container__ul__detalles ul li {
  font-size: 1.25rem;
  color: #333;
  padding: 0.7rem;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin: 2rem 0;
}
.body__detallesloja .container__ul__detalles ul li p {
  font-size: 1rem;
  margin: 0;
}