@charset "UTF-8";
body {
  background-color: #f2f2f2;
}

.logo-img {
  height: 50%;
  max-width: 100%;
  margin: auto;
  object-fit: cover;
}

.hoverable:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
}

.shine:hover {
  position: relative;
  overflow: hidden;
}
.shine:hover::before {
  background: linear-gradient(to right, rgba(209, 235, 244, 0) 0%, rgba(209, 235, 244, 0.3) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
}
.shine:hover:hover::before, .shine:hover:focus::before {
  animation: shine 0.85s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.rounded {
  border-radius: 100px;
}

@media (min-width: 576px) {
  .cuerpo {
    padding: 3rem;
    margin-top: 3rem;
  }
}

.logo {
  max-height: 10vh;
}

.icon-color {
  color: #469db1;
}

.header-color {
  background-color: #ffffff;
}

.glow {
  text-shadow: 0 0px 5px #fff;
}

.btn {
  color: #fff;
  font-weight: 600;
}

.btn-like-text {
  color: #fff;
  font-weight: 600;
  text-shadow: 1px 1px 5px #000;
}

.btn-primary {
  font-weight: 600;
}

.btn-primary:hover {
  color: #fff;
}

.selected-nav a {
  background-color: #e5c640;
  color: #fff;
}

.not-selected-nav {
  background-color: white;
  color: #0b4769;
  transition: all 0.5s;
}

.not-selected-nav:hover {
  background-color: #d1ebf4;
}

@media (max-width: 576px) {
  .selected-nav, .not-selected-nav, .navbar-nav, .navbar-collapse {
    width: 100%;
  }
}

.nav-dropdown {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2509803922);
}

.nav-dropdown a {
  padding: 1em;
  transition: 0.3s all;
  font-weight: 500;
}

.nav-dropdown a:hover {
  background-color: #D1F4DE;
}

.nav-item.flashing {
  animation: flashing 2.5s infinite;
}

@keyframes flashing {
  0% {
    background-color: #d1ebf4;
  }
  50% {
    background-color: #fff;
  }
  100% {
    background-color: #d1ebf4;
  }
}
header {
  letter-spacing: 1px;
}

header .navbar-brand {
  color: #fff;
  font-weight: 600;
  text-shadow: 1px 1px 5px #626262;
}

header .navbar-brand:hover {
  color: #fff;
}

.hr-primary {
  border: none;
  height: 3px;
  background-color: #469db1;
}

.hr-secondary {
  border: none;
  height: 1px;
  background-color: #6ead85;
}

.deslizable {
  border-radius: 15px;
  overflow: auto;
  max-height: 65vh;
  box-shadow: inset 0px 0px 25px 10px rgb(240, 240, 240);
}

.deslizable::-webkit-scrollbar {
  width: 10px;
}

.deslizable::-webkit-scrollbar-track {
  display: none;
  background-color: transparent;
}

.deslizable::-webkit-scrollbar-thumb {
  background-color: #469db1;
  border-radius: 15px;
}

.load2s {
  animation-name: load;
  animation-duration: 2s;
}

@keyframes load {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.nav-link {
  color: #0b4769;
}

.nav-link.active {
  background-color: #469db1 !important;
  border-color: #469db1 !important;
  color: white !important;
  border-bottom: none;
}

.nav-tabs {
  border-color: #469db1 !important;
}

ul.passwd {
  list-style: none;
}

li.error::before {
  color: #dc3545;
  content: "✘";
  margin-right: 8px;
}

li.error.text-success::before {
  color: #198754;
  content: "✓";
  margin-right: 8px;
}

#cookies {
  width: 80vw;
}
@media (min-width: 992px) {
  #cookies {
    width: 25%;
  }
}

.colab-img {
  max-width: 175px;
}

.borde-derecha {
  border-right: 2px solid #0b4769;
}

footer a {
  transition: all 0.2s;
}

footer a.text-decoration-none:hover {
  text-decoration: underline !important;
}

.bg-prim-light::selection {
  background-color: #0b4769 !important;
  color: #d1ebf4 !important;
}

.bg-primary::selection {
  background-color: #0b4769 !important;
  color: #d1ebf4 !important;
}

.bg-tert-light::selection {
  background-color: #69570a !important;
  color: #f5efd3 !important;
}

.bg-tertiary::selection {
  background-color: #69570a !important;
  color: #f5efd3 !important;
}

.bg-secondary::selection {
  background-color: #D1F4DE !important;
  color: #0a692d !important;
}

* {
  font-family: "Geologica", sans-serif;
}

footer .row {
  --bs-gutter-x: 0;
}

@media (max-width: 576px) {
  .row-width {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .row-width {
    width: 50%;
  }
}

@media (max-width: 576px) {
  .datos-contacto {
    width: 100%;
    text-align: justify;
  }
}
@media (min-width: 576px) {
  .datos-contacto {
    width: 50%;
  }
}

/*# sourceMappingURL=common.css.map */