@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css');
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://tokenea.marsalventures.com/floating.css');
    
@import url('https://tokenea.marsalventures.com/passes/otroPASS/templates/hacheTeEmeEles/passbook.min.css');

.App {
  text-align: center;
  display: flex !important;
  justify-content: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
    width: 150px;
    height: 70px;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.vertical-scrollableSS>.row {
  height: 200px;
  overflow-y: scroll;
}

.anchete .tooltip-inner {
  max-width: 400px;
}

.tooltip-inner {
  background-color: #f2f2f2;
  color: #333;
  text-align: justify;
  text-justify: auto;
}

.tooltip-inner {
  min-width: 300px; /* Cambiar a la medida deseada */
}

.tooltip {
  z-index: 9999;
}

.containerdor {
  background-color: #f3f3f3;
  height: calc(100vh - 16px) !important;
  width: 100%;
}

@media (min-width: 992px) {
  .containerdor {
    max-width: 1900px;
    /* justify-content: center; */
  }
}

@media (max-height: 750px) {
  .form-control, .btn, .form-select {
    font-size: 0.9rem !important;
  }
}

.logo-img {
  margin-top: 20px;
  margin-bottom: 10px;
}

.btn-conectar {
  margin-top: 20px;
  background-color: #f6e0b5;
  border-color: #f6e0b5;
}

.btn-conectar:hover {
  background-color: #d1b58d;
  border-color: #d1b58d;
}

.btn-conectar i {
  margin-top: -2px;
}

.logo-text {
  font-size: 2rem;
  color: #FF7F50;
  margin-top: 0px;
}

.carta {
  position: relative;
  background-color: transparent !important;
}

.carta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('https://tokenea.marsalventures.com/fondoBlckcahin.png');
  background-size: cover;
  opacity: 0.2;
}

.carta-content {
  position: relative;
  z-index: 1;
  padding: 0px;
}

.icon-marron-pastelito {
  color: #C1A17C;
}

.containerdor {
 overflow-y: scroll;
}

.principal {
  /* Quito esto porque me está requetejodiendo en los nuevos VITE height: calc(100vh - 16px) !important; */
  padding: 0!important;
  width: 100%!important;
}

.jeader {
  height: auto;
}

.futer {
  height: auto;
}

.centro {
    overflow-y: scroll;
}

.placeholder1::placeholder {
  color: #999;
  font-style: italic;
}

.btn-transparent {
  background-color: transparent;
  border: none;
}

.btn-transparent:hover {
  background-color: transparent;
}

.btn-transparent:focus {
  box-shadow: none;
}