@charset "UTF-8";
.card-shadow {
  box-shadow: 0px 12px 24px 0px rgba(255, 97, 0, 0.07), 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 12px 24px 0px rgba(173, 173, 173, 0.15);
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #242422;
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-animation: fadeOut 2s forwards 2s;
          animation: fadeOut 2s forwards 2s;
}

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #5a5d60;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
.loader-text h1 {
  color: #939292;
}
@media (max-width: 576px) {
  .loader-text h1 { /* Para pantallas pequeñas (sm) */
    font-size: 1.25rem;
  }
}

.div-nav {
  background-color: #242422;
}
.div-nav ul {
  list-style: none;
  font-weight: 500;
  font-size: 100%;
}
.div-nav li a:hover {
  font-weight: 600 !important;
}

.navegacion {
  background-color: #FDFBF6 !important;
  font-size: 130.76%;
  font-weight: 500;
}
.navegacion ul li a {
  color: #242422 !important;
}
.navegacion ul li a:hover {
  font-weight: 600 !important;
}

.btn-primary {
  font-weight: 500;
  font-size: 100%;
  color: #FDFBF6;
  background-color: #242422;
  text-decoration: none;
  border-color: #242422 !important;
  padding: 1.5% 5% !important;
}

.btn-primary:active {
  background-color: #242422 !important;
  color: #FDFBF6 !important;
}

.btn-primary:hover {
  color: #242422 !important;
  background-color: #FDFBF6 !important;
  border: 1.5px solid #242422 !important;
}

.card {
  box-shadow: 0px 12px 24px 0px rgba(255, 97, 0, 0.07), 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 12px 24px 0px rgba(173, 173, 173, 0.15);
}

.carousel .carousel-inner .carousel-item .carousel-caption .action a {
  color: #FDFBF6;
  border: 1px solid #FDFBF6;
  padding: 2.9%;
  background-color: #242422;
}
.carousel .carousel-inner .carousel-item .carousel-caption .action a:hover {
  color: #242422;
  border: 1.5px solid #242422;
  background-color: #FDFBF6;
  padding: 2.9%;
}

.action a {
  color: #FDFBF6;
  border: 1px solid #FDFBF6;
  padding: 2.9%;
  background-color: #242422;
}
.action a:hover {
  color: #242422;
  border: 1.5px solid #242422;
  background-color: #FDFBF6;
  padding: 2.9%;
}

.carousel-item .card-wrapper .card .btn-card {
  color: #FDFBF6;
  padding: 3%;
  background-color: #242422;
}
.carousel-item .card-wrapper .card .btn-card:hover {
  color: #242422;
  border: 1.5px solid #242422;
  background-color: #FDFBF6;
  padding: 3%;
}

.sec h2 {
  font-weight: 500;
  font-size: 269.23%;
  color: #242422;
}
.sec .card {
  width: 18rem;
  background-color: #FDFBF6;
}
.sec .card-title {
  font-weight: 500;
  font-size: 192.3%;
  color: #242422;
}
.sec .icon {
  color: #242422;
  font-size: 30px;
}
.sec .more {
  color: #939292;
}
.sec .more:hover {
  color: #242422 !important;
  cursor: pointer;
}
.sec .card-body {
  background-color: #FDFBF6;
}
.sec .card-text {
  font-size: 130.76%;
  font-weight: 400;
  color: #242422;
}
.sec .contenedor-box .btn-card {
  color: #FDFBF6;
  padding: 3% 17%;
  background-color: #242422;
}
.sec .contenedor-box .btn-card:hover {
  color: #242422;
  border: 1.5px solid #242422;
  background-color: #FDFBF6;
  padding: 3% 17%;
}

.musica .navbar-nav .nav-link {
  white-space: nowrap;
}
.musica .navbar-nav .dropdown-menu {
  min-width: 10rem;
}
.musica .pricing {
  float: left !important;
}
.musica .card {
  background-color: #FDFBF6;
  width: 18rem;
}
.musica .card .btn-card {
  color: #FDFBF6;
  padding: 3% 17%;
  background-color: #242422;
}
.musica .card .btn-card:hover {
  color: #242422;
  border: 1.5px solid #242422;
  background-color: #FDFBF6;
  padding: 3% 17%;
}
.musica .price {
  list-style-type: none;
  margin: 0;
  padding: 0;
  transition: 0.3s;
}
.musica .price:hover {
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.175);
  transform: scale(1.08);
  cursor: pointer;
}
.musica .card-title {
  font-weight: 500;
  font-size: 192.3%;
  color: #242422;
}
.musica .card-text {
  font-size: 130.76%;
  font-weight: 400;
  color: #FFFFFF;
}
.musica .navigation {
  color: #242422 !important;
}
.musica .pagination li a {
  color: #939292;
  font-size: 130.76%;
  list-style: none;
  transition: background-color 0.3s;
}
.musica .pagination li a.active {
  color: #242422;
  font-size: 130.76%;
  font-weight: 600;
}
.musica .pagination li .number:hover:not(.active) {
  background-color: #F1F1F1;
}

.offcanvas {
  background-color: #F1F1F1;
}
.offcanvas .offcanvas-header .btn-card {
  color: #FDFBF6;
  background-color: #242422;
}
.offcanvas .offcanvas-header .btn-card:hover {
  color: #242422;
  border: 1px solid #242422;
  background-color: #FDFBF6;
}
.offcanvas .btns .btn-card {
  color: #FDFBF6;
  background-color: #242422;
}
.offcanvas .btns .btn-card:hover {
  color: #242422;
  border: 1px solid #242422;
  background-color: #FDFBF6;
}
.offcanvas h3 {
  font-size: 130.76%;
}
.offcanvas .rounded-circle {
  width: 30px;
  height: 30px;
  background-color: #242422;
  color: #FFFFFF;
}
.offcanvas .encabezado {
  background-color: #FDFBF6;
  border-radius: 20px 20px 0px 0px;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: 400;
}
.offcanvas .encabezado h3 {
  color: #242422;
  font-size: 192.3%;
  font-weight: 600;
}
.offcanvas .encabezado i {
  color: #242422;
}
.offcanvas .borde-start {
  border-left: 30px solid #8AD976;
  height: 20vh;
}
.offcanvas .borde-start .fa-trash-can:hover {
  color: #242422 !important;
  cursor: pointer;
}
.offcanvas .borde-start h4 {
  font-size: 130.76%;
  font-weight: 400;
}
.offcanvas .borde-start li {
  list-style: none;
  font-size: 100%;
}
.offcanvas .borde-start span {
  font-size: 130.76%;
  font-weight: 500;
}
.offcanvas .card-b {
  border-radius: 0px 0px 20px 20px;
  border: 0.3px solid #FFFFFF;
}
.offcanvas .borde-start1 {
  border-radius: 0px 0px 0px 20px;
}
.offcanvas .mx-auto span {
  font-size: 130.76%;
  font-weight: 600;
}

.sec-1 {
  background-image: url(../img/portada-musica.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
}
.sec-1 i {
  color: #242422;
  font-size: 269.23%;
}
.sec-1 .altura-row {
  height: 55vh;
  margin-left: 3%;
}
.sec-1 h1 {
  color: #FFFFFF;
  font-size: 346.15%;
  font-weight: 600;
}
.sec-1 h2 {
  color: #FFFFFF;
  font-size: 269.23%;
  font-weight: 500;
}
.sec-1 ul li {
  list-style: none;
  color: #FFFFFF;
}
.sec-1 ul li i {
  color: #242422;
  font-size: 100%;
}
.sec-1 ul li:first-child i {
  padding-right: 10px;
}
.sec-1 ul li:last-child i {
  padding-right: 11px;
}

.sec-1-2 {
  background-image: url(../img/portada-musica-responsive.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
  padding-left: 7%;
}
.sec-1-2 i {
  color: #242422;
  font-size: 269.23%;
}
.sec-1-2 h2 > span {
  color: #FFFFFF;
  font-size: 130.76%;
  font-weight: 600;
}
.sec-1-2 h2 {
  color: #FFFFFF;
  font-size: 269.23%;
  font-weight: 500;
}
.sec-1-2 ul li {
  list-style: none;
  color: #FFFFFF;
}
.sec-1-2 ul li i {
  color: #242422;
  font-size: 100%;
}
.sec-1-2 ul li:first-child i {
  padding-right: 6px;
}
.sec-1-2 ul li:last-child i {
  padding-right: 8px;
}

.teatro .sec-1 {
  background-image: url(../img/portada-teatro.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
}
.teatro .sec-1 i {
  color: #242422;
  font-size: 269.23%;
}
.teatro .sec-1 .altura-row {
  height: 55vh;
  margin-left: 3%;
}
.teatro .sec-1 h1 {
  color: #FFFFFF;
  font-size: 346.15%;
  font-weight: 600;
}
.teatro .sec-1 h2 {
  color: #FFFFFF;
  font-size: 269.23%;
  font-weight: 500;
}
.teatro .sec-1 ul li {
  list-style: none;
  color: #FFFFFF;
}
.teatro .sec-1 ul li i {
  color: #242422;
  font-size: 100%;
}
.teatro .sec-1 ul li:first-child i {
  padding-right: 10px;
}
.teatro .sec-1 ul li:last-child i {
  padding-right: 11px;
}
.teatro .sec-1-2 {
  background-image: url(../img/portada-teatro-responsive.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
  padding-left: 7%;
}
.teatro .sec-1-2 i {
  color: #242422;
  font-size: 269.23%;
}
.teatro .sec-1-2 h2 > span {
  color: #FFFFFF;
  font-size: 130.76%;
  font-weight: 600;
}
.teatro .sec-1-2 h2 {
  color: #FFFFFF;
  font-size: 269.23%;
  font-weight: 500;
}
.teatro .sec-1-2 ul li {
  list-style: none;
  color: #FFFFFF;
}
.teatro .sec-1-2 ul li i {
  color: #242422;
  font-size: 100%;
}
.teatro .sec-1-2 ul li:first-child i {
  padding-right: 6px;
}
.teatro .sec-1-2 ul li:last-child i {
  padding-right: 8px;
}

.humor .sec-1 {
  background-image: url(../img/portada-humor.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
}
.humor .sec-1 i {
  color: #242422;
  font-size: 269.23%;
}
.humor .sec-1 .altura-row {
  height: 55vh;
  margin-left: 3%;
}
.humor .sec-1 h1 {
  color: #FFFFFF;
  font-size: 346.15%;
  font-weight: 600;
}
.humor .sec-1 h2 {
  color: #FFFFFF;
  font-size: 269.23%;
  font-weight: 500;
}
.humor .sec-1 ul li {
  list-style: none;
  color: #FFFFFF;
}
.humor .sec-1 ul li i {
  color: #242422;
  font-size: 100%;
}
.humor .sec-1 ul li:first-child i {
  padding-right: 10px;
}
.humor .sec-1 ul li:last-child i {
  padding-right: 11px;
}
.humor .sec-1-2 {
  background-image: url(../img/portada-humor-responsive.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
  padding-left: 7%;
}
.humor .sec-1-2 i {
  color: #242422;
  font-size: 269.23%;
}
.humor .sec-1-2 h2 > span {
  color: #FFFFFF;
  font-size: 130.76%;
  font-weight: 600;
}
.humor .sec-1-2 h2 {
  color: #FFFFFF;
  font-size: 269.23%;
  font-weight: 500;
}
.humor .sec-1-2 ul li {
  list-style: none;
  color: #FFFFFF;
}
.humor .sec-1-2 ul li i {
  color: #242422;
  font-size: 100%;
}
.humor .sec-1-2 ul li:first-child i {
  padding-right: 6px;
}
.humor .sec-1-2 ul li:last-child i {
  padding-right: 8px;
}

.deporte .sec-1 {
  background-image: url(../img/portada-deporte.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
}
.deporte .sec-1 i {
  color: #242422;
  font-size: 269.23%;
}
.deporte .sec-1 .altura-row {
  height: 55vh;
  margin-left: 3%;
}
.deporte .sec-1 h1 {
  color: #FFFFFF;
  font-size: 346.15%;
  font-weight: 600;
}
.deporte .sec-1 h2 {
  color: #FFFFFF;
  font-size: 269.23%;
  font-weight: 500;
}
.deporte .sec-1 ul li {
  list-style: none;
  color: #FFFFFF;
}
.deporte .sec-1 ul li i {
  color: #242422;
  font-size: 100%;
}
.deporte .sec-1 ul li:first-child i {
  padding-right: 10px;
}
.deporte .sec-1 ul li:last-child i {
  padding-right: 11px;
}
.deporte .sec-1-2 {
  background-image: url(../img/portada-deporte-responsive.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
  padding-left: 7%;
}
.deporte .sec-1-2 i {
  color: #242422;
  font-size: 269.23%;
}
.deporte .sec-1-2 h2 > span {
  color: #FFFFFF;
  font-size: 130.76%;
  font-weight: 600;
}
.deporte .sec-1-2 h2 {
  color: #FFFFFF;
  font-size: 269.23%;
  font-weight: 500;
}
.deporte .sec-1-2 ul li {
  list-style: none;
  color: #FFFFFF;
}
.deporte .sec-1-2 ul li i {
  color: #242422;
  font-size: 100%;
}
.deporte .sec-1-2 ul li:first-child i {
  padding-right: 6px;
}
.deporte .sec-1-2 ul li:last-child i {
  padding-right: 8px;
}

.sec-2 {
  height: 100%;
}
.sec-2 .asientos {
  height: 70vh;
}
.sec-2 .asientos .escenario {
  height: 10vh;
}
.sec-2 .asientos #primeras-filas {
  background-color: #FF3F66;
  color: #FFFFFF;
  height: 7vh;
}
.sec-2 .asientos #primeras-filas:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #platea-lateral-sur {
  background-color: #E482FF;
  color: #FFFFFF;
  height: 35vh;
}
.sec-2 .asientos #platea-lateral-sur:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #platinum {
  background-color: #242422;
  color: #FFFFFF;
  height: 6vh;
}
.sec-2 .asientos #platinum:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #diamante {
  background-color: #8AD976;
  color: #FFFFFF;
  height: 6vh;
}
.sec-2 .asientos #diamante a {
  text-decoration: none;
  color: #FFFFFF;
}
.sec-2 .asientos #diamante:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #diamante:focus {
  background-color: #FDFBF6;
}
.sec-2 .asientos #golden {
  background-color: #17B9D2;
  color: #FFFFFF;
  height: 6vh;
}
.sec-2 .asientos #golden:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #general-sur {
  background-color: #FFAC63;
  color: #FFFFFF;
  height: 28vh;
}
.sec-2 .asientos #general-sur:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #general-norte {
  background-color: #FFA835;
  color: #FFFFFF;
  height: 28vh;
}
.sec-2 .asientos #general-norte:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #general {
  background-color: #FF7EC3;
  color: #FFFFFF;
  height: 28vh;
}
.sec-2 .asientos #general:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #platea-lateral-norte {
  background-color: #FFE656;
  color: #FFFFFF;
  height: 35vh;
}
.sec-2 .asientos #platea-lateral-norte:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos #galeria {
  background-color: #5B56FF;
  color: #FFFFFF;
  height: 7vh;
}
.sec-2 .asientos #galeria:hover {
  transform: scale(1.009);
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(253, 251, 246, 0.2);
}
.sec-2 .asientos .gris {
  background-color: #CFCFCF !important;
}
.sec-2 .asientos .gris:hover {
  cursor: auto !important;
  transform: scale(1) !important;
  box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.2) !important;
}
.sec-2 .precios #primero {
  color: #FF3F66;
}
.sec-2 .precios #segundo {
  color: #E482FF;
}
.sec-2 .precios #tercero {
  color: #242422;
}
.sec-2 .precios #cuarto {
  color: #8AD976;
}
.sec-2 .precios #quinto {
  color: #17B9D2;
}
.sec-2 .precios #sexto {
  color: #FFE656;
}
.sec-2 .precios #septimo {
  color: #FFAC63;
}
.sec-2 .precios #octavo {
  color: #FF7EC3;
}
.sec-2 .precios #noveno {
  color: #FFA835;
}
.sec-2 .precios #decimo {
  color: #5B56FF;
}
.sec-2 .precios h4 {
  font-weight: 500;
  font-size: 130.76%;
}
.sec-2 .precios p {
  font-weight: 400;
  font-size: 130.76%;
}
.sec-2 .precios .boton-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-2 .precios .boton-1 a {
  font-weight: 500;
  font-size: 100%;
  color: #FDFBF6;
  background-color: #242422;
  text-decoration: none;
  border-color: #242422 !important;
  padding: 1.5% 5% !important;
}
.sec-2 .precios .boton-1 a:hover {
  background-color: #FDFBF6;
  border: 1px solid #242422;
  color: #242422;
}

.resumen .btn-h {
  height: 10vh;
}
.resumen .bg-tabla {
  background-color: #F1F1F1;
}
.resumen .bg-tabla :last-child {
  border-top: 0.5px solid #939292;
}
.resumen h3 {
  font-weight: 400;
}
.resumen h3 > span {
  font-weight: 600;
  font-size: 100%;
}
.resumen h4 {
  font-weight: 400;
  font-size: 130.76%;
  background-color: #242422;
  color: #FFFFFF;
}
.resumen p {
  font-size: 100%;
  font-weight: 400;
}
.resumen a {
  font-weight: 500;
  font-size: 100%;
  color: #FDFBF6;
  background-color: #242422;
  text-decoration: none;
  border-color: #242422 !important;
  padding: 1.5% 5% !important;
}
.resumen a:hover {
  background-color: #FDFBF6;
}

.asientos-checkbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.asientos-checkbox .disponible {
  color: #939292 !important;
}
.asientos-checkbox i {
  color: #8AD976;
}
.asientos-checkbox .concert {
  margin: 20px auto;
  max-width: 300px;
}
.asientos-checkbox ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 700px) {
  .asientos-checkbox .ol-box {
    padding-left: 20%;
    padding-right: 20%;
  }
}
.asientos-checkbox .seats {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.asientos-checkbox .seat {
  display: flex;
  flex: 0 0 14.2857142857%;
  padding: 5px;
  position: relative;
}
.asientos-checkbox .seat input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.asientos-checkbox .seat input[type=checkbox]:checked + label {
  background-color: #8AD976;
  color: #FDFBF6;
}
.asientos-checkbox .seat input[type=checkbox]:disabled + label {
  background-color: #dc3545;
  text-indent: -9999px;
  overflow: hidden;
}
.asientos-checkbox .seat input[type=checkbox]:disabled + label:after {
  content: "";
  text-indent: 0;
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.asientos-checkbox .seat input[type=checkbox]:disabled + label:hover {
  box-shadow: none;
  cursor: not-allowed;
  color: #FDFBF6;
}
.asientos-checkbox .seat label {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5rem;
  padding: 4px 0;
  background-color: #939292;
  color: #FDFBF6;
  border-radius: 20%;
}
.asientos-checkbox .seat label:hover {
  cursor: pointer;
  background-color: #FDFBF6;
  color: #242422;
  border: 1px solid #242422;
}

.validacion .borde {
  border-left: solid 25px #8AD976;
  background-color: #F1F1F1;
}
.validacion .borde h2 {
  font-size: 269.23%;
  font-weight: 500;
}
.validacion .fondo {
  background-color: #F1F1F1;
}
.validacion h3 {
  font-size: 192.3%;
  font-weight: 500;
}
.validacion label {
  font-size: 100%;
}
.validacion input[type=submit] {
  font-weight: 500;
  font-size: 100%;
  color: #FDFBF6;
  background-color: #242422;
  text-decoration: none;
  border-color: #242422 !important;
  padding: 1.5% 5% !important;
}
.validacion input[type=submit]:hover {
  background-color: #FDFBF6;
  color: #242422;
  border: 1.5px solid #242422 !important;
}
@media only screen and (max-width: 600px) {
  .validacion .borde {
    border-top: 15px solid #8AD976;
    border-left: 0px solid;
  }
  .validacion .borde h2 {
    margin-top: 10%;
  }
}

.login-modal .ventana-modal {
  background-color: #FFFFFF;
  border-radius: 0 3% 3% 0;
}
.login-modal .ventana-modal i {
  color: #FDFBF6;
}
.login-modal .ventana-modal i:hover {
  color: #242422;
}
.login-modal .ventana-modal h2 {
  color: #242422 !important;
  font-size: 269.23%;
  font-weight: 600;
}
.login-modal .ventana-modal form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-modal .ventana-modal form input[type=submit] {
  background-color: #242422;
  border: 0;
  color: #FDFBF6;
}
.login-modal .ventana-modal form input[type=submit]:hover {
  background-color: #FDFBF6;
  color: #242422 !important;
  border: 1.5px solid #242422 !important;
}

footer {
  background-color: #242422;
  color: #FDFBF6;
}
footer h2 {
  font-weight: 500;
  font-size: 269.23%;
}
footer a i {
  color: #FFFFFF;
}
footer ul li {
  list-style: none;
}
footer ul li a {
  text-decoration: none;
  color: #FDFBF6;
}
footer ul li a:hover {
  color: #FDFBF6;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 400px) {
  footer ul {
    display: flex;
    flex-direction: column;
  }
}/*# sourceMappingURL=style.css.map */