@charset "UTF-8";
html, body {
  overflow-x: hidden;
}

body {
  font-family: "Didact Gothic", sans-serif;
  color: rgb(3, 201, 201);
  background-color: black;
  padding-top: 95px;
  text-align: center;
}
body h1, body h2, body h3 {
  font-weight: 800 !important;
  text-transform: uppercase;
}
body p {
  font-weight: 100;
  color: white;
}

header {
  /*Estilos del Nav*/
}
header .navbar {
  background-color: rgb(12, 12, 12) !important;
}
header .navbar a {
  font-weight: 800;
}
header .navbar .logo {
  width: 80px;
  height: 80px;
  transition: 0.5s;
}
header .navbar .logo:hover {
  filter: brightness(50%);
}
header .navbar .navbar-brand, header .navbar .nav-link {
  color: white !important;
  transition: 0.5s;
}
header .navbar .navbar-brand:hover, header .navbar .nav-link:hover {
  color: rgb(3, 201, 201) !important;
}
header .navbar .nav-item .activo {
  color: rgb(3, 201, 201) !important;
}
header .navbar .nav-item .activo:hover {
  color: white !important;
}
header .navbar .btn-secondary {
  background-color: rgb(19, 19, 19);
}
header .navbar .btn-secondary:hover {
  background-color: rgb(3, 201, 201);
}
header .navbar .navbar-toggler {
  background-color: rgb(19, 19, 19);
  color: white;
}
@media (max-width: 575.98px) {
  header .navbar h1 {
    font-size: 75%;
  }
}

hero {
  /*Estilos del Carousel*/
}
hero .carousel-inner .carousel-item .img-noticia {
  height: 535px;
}
hero .carousel-inner .carousel-item .carousel-caption {
  background-color: rgba(12, 12, 12, 0.692);
  border-radius: 5px;
}

main {
  /*Estilos globales para los elementos "card"*/
  /*Estilos globales para los botones"*/
  /*Estilos de la sección "Bandas Destacadas"*/
  /*Estilos de la sección "Noticias" del inicio*/
  /* Estilos de la sección Spotify */
  /*Estilos de la sección biografía de la banda*/
  /*Estilos de la sección discografia de la banda*/
  /*Estilos de Noticias*/
  /*Estilos de Galeria*/
  /*Estilos de Contacto*/
}
main .card {
  text-align: center;
  background-color: black;
  border: 1px solid rgb(19, 19, 19);
  transition: 0.5s;
}
main .card:hover {
  border: 1px solid rgb(3, 201, 201);
}
main .btn-info {
  background-color: rgb(3, 201, 201);
  transition: 0.5s;
}
main .btn-info:hover {
  filter: brightness(50%);
}
main .btn-info a {
  color: black;
  text-decoration: none;
}
main .btn-secondary {
  background-color: rgb(19, 19, 19);
}
main .btn-secondary:hover {
  background-color: rgb(3, 201, 201);
}
main .botones-paginacion .page-item .page-link {
  border-color: rgb(19, 19, 19);
  color: white;
  background-color: black;
  transition: 0.5s;
}
main .botones-paginacion .page-item .page-link:hover {
  background-color: rgb(19, 19, 19);
}
main .botones-paginacion .page-item .activo {
  background-color: rgb(3, 201, 201);
}
main .card-banda .card-img-top {
  height: 300px !important;
  transition: 0.5s;
}
main .card-banda .card-img-top:hover {
  filter: brightness(50%);
}
@media (min-width: 576px) and (max-width: 767.98px) {
  main .card-banda {
    margin: auto auto;
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  main .card-banda {
    margin: auto auto;
  }
  main .card-banda h3 {
    font-size: 90%;
  }
  main .card-banda .card-img-top {
    height: 200px !important;
  }
}
main .card-noti-inicio .card-img {
  height: 220px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  main .card-noti-inicio .card-img {
    margin: auto auto;
    height: 300px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  main .card-noti-inicio .card-img {
    margin: auto auto;
    height: 250px !important;
  }
}
main .card-noti-inicio .card-img-overlay {
  text-shadow: 2px 2px 1px black;
  text-align: left;
  transition: 0.5s;
}
main .card-noti-inicio .card-img-overlay:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
main .card-noti-inicio .card-img-overlay h3 {
  position: absolute;
  top: 75%;
}
main .card-noti-inicio .card-img-overlay p {
  position: absolute;
  top: 85%;
}
@media (max-width: 575.98px) {
  main .card-noti-inicio .card-img-overlay h3 {
    font-size: 90%;
  }
  main .card-noti-inicio .card-img-overlay p {
    font-size: 90%;
    top: 90%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  main .card-noti-inicio .card-img-overlay h3 {
    font-size: 85%;
  }
  main .card-noti-inicio .card-img-overlay p {
    font-size: 85%;
    top: 90%;
  }
}
@media (min-width: 1200px) {
  main .card-noti-inicio .card-img-overlay h3, main .card-noti-inicio .card-img-overlay p {
    font-size: 85%;
  }
}
main .fondo-parallax {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../assets/img/parallax-background.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
main .fondo-parallax .zona-spotify {
  padding: 100px 0 100px 0;
}
main .fondo-parallax .btn-spotify {
  background-color: rgb(30, 215, 96);
  border: 0;
  transition: 0.5s;
}
main .fondo-parallax .btn-spotify:hover {
  filter: brightness(80%);
}
main .biografia {
  text-align: center;
}
main .biografia .img-perfil-banda {
  border-radius: 50% !important;
  width: auto;
  height: 350px;
}
@media (max-width: 991.98px) {
  main .biografia .img-perfil-banda {
    width: 350px;
    height: 350px;
  }
}
main .discografia .card-disco a {
  color: rgb(3, 201, 201);
  text-decoration: none;
}
main .discografia .card-disco .card-img-top {
  height: 250px !important;
}
@media (max-width: 768px) {
  main .discografia .card-disco {
    width: 80%;
    margin: auto auto;
  }
  main .discografia .card-disco .card-img-top {
    height: 350px !important;
  }
}
main .noticias-principales .card-img {
  height: 300px;
}
main .noticias-principales h3 {
  color: rgb(3, 201, 201);
}
main .noticias-principales p {
  color: white;
}
main .noticias-principales .articulo-noticia {
  text-decoration: none;
}
main .noticias-principales .articulo-noticia:hover .card-img {
  transition: 0.5s;
  border: 1px solid rgb(3, 201, 201);
  filter: brightness(60%);
}
main .noticias-principales .articulo-noticia:hover h3 {
  filter: brightness(300%);
}
main .noticias-secundarias .card-img {
  height: 200px;
}
main .noticias-secundarias h3 {
  color: rgb(3, 201, 201);
}
main .noticias-secundarias p {
  color: white;
}
@media (min-width: 992px) {
  main .noticias-secundarias .card-img {
    height: 180px;
  }
  main .noticias-secundarias h3 {
    font-size: 80%;
  }
  main .noticias-secundarias p {
    font-size: 80%;
  }
}
main .noticias-secundarias .articulo-noticia {
  text-decoration: none;
}
main .noticias-secundarias .articulo-noticia:hover .card-img {
  transition: 0.5s;
  border: 1px solid rgb(3, 201, 201);
  filter: brightness(60%);
}
main .noticias-secundarias .articulo-noticia:hover h3 {
  filter: brightness(300%);
}
main .galeria-imagenes .card-img {
  margin-bottom: 16px;
}
main .galeria-imagenes .card-img:hover {
  transition: 0.5s;
  border: 1px solid rgb(3, 201, 201);
  filter: brightness(60%);
}
@media (max-width: 992px) {
  main .galeria-imagenes .card-img {
    height: auto;
  }
}
main .galeria-imagenes .galeria-primera-fila .card-img {
  height: 250px;
}
main .galeria-imagenes .galeria-segunda-fila .card-img {
  height: 500px;
}
main .galeria-imagenes .galeria-tercera-fila .card-img {
  height: 300px;
}
main .contacto .img-logo-contacto {
  width: auto;
  height: 350px;
}
@media (max-width: 991.98px) {
  main .contacto .img-logo-contacto {
    width: 350px;
    height: 350px;
  }
}
main .contacto .form-contacto {
  text-align: start;
}
main .contacto .form-contacto .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgb(3, 201, 201);
}
main .contacto .form-contacto label {
  margin: 8px 0 8px 0;
}
main .contacto .form-contacto textarea {
  resize: none;
}

/*Estilos del Footer*/
.footer .footer-menu {
  background-color: rgb(19, 19, 19);
}
.footer .footer-menu h3 {
  text-transform: uppercase;
}
.footer .footer-menu p a, .footer .footer-menu .social-media-icon {
  color: white;
  text-decoration: none;
  transition: 0.5s;
}
.footer .footer-menu p a:hover, .footer .footer-menu .social-media-icon:hover {
  color: rgb(3, 201, 201);
}
.footer .footer-legal {
  background-color: rgb(12, 12, 12);
  color: rgba(255, 255, 255, 0.377);
}
.footer .footer-legal a {
  color: rgb(3, 201, 201);
  text-decoration: none;
  transition: 0.5s;
}

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