@charset "utf-8";

/* CSS Document */
/* estilos.css */
body {
  font-family: "Montserrat", sans-serif;
  background-color: #f0f0f0;
  color: #333;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

img {
  width: 100%;
}
.cabezote {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
}

.row {
  max-width: 1100px;
  padding: 20px;
}

main {
   background-color: #001725;  
}

footer .row {
  padding: 20px;
  color: aliceblue;
  max-width: 1100px;
}

footer img {
  width: 100%;
}

.visibleDesktop {
  display: none;
  /* Oculta la imagen en resoluciones menores a 520px */
}

.visibleMobile {
  display: inline;
  /* Muestra la imagen en resoluciones menores a 520px */
}

@media (min-width: 520px) {
  .visibleDesktop {
    display: inline;
    /* Muestra la imagen en resoluciones de escritorio */
  }

  .visibleMobile {
    display: none;
    /* Oculta la imagen en resoluciones de escritorio */
  }
}


.cabezote-concierto {
  padding-top: 40px;
}

/* tabla*/

.tabla-container {
  width: 80%;
  max-width: 800px;
  margin: 20px auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

tr {
  color: black;
}

thead {
  background-color: #c0c0c0;
  font-weight: bold;
  color: #fff;
}

thead th {
  padding: 15px;
}

tbody td {
  padding: 15px;
}

.palco {
  background-color: #000;
  color: white;
  font-weight: bold;
}

.platea1 {
  background-color: #ddd8d4;
  font-weight: bold;
}

.platea2 {
  background-color: #ffe296;
  font-weight: bold;
}

.graderias {
  background-color: #fece00;
  font-weight: bold;
}

.beneficio {
  background-color: #ffffff;
  text-align: center;
  padding: 20px;
  font-size: 1.2em;
  color: #333;
  font-weight: bold;
}

/* tabla*/


h2 {
  font-size: 30px;
  font-weight: 900;
  color: white;
  padding-bottom: 30px;
}

.btn {
  background-color: #8cc63f;
  border-radius: 50px;
  color: white;
  border-width: 0px;
}