@import "https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Oswald:wght@200..700&display=swap";
:root {
    --fuente-cabecera-tabla: "Oswald", sans-serif;
    --fuente-textos-tabla: "Lexend", sans-serif;
    --tamano-fuente-minimo: 0.6rem;
    --tamano-fuente-vh: 1.2vw;
    --tamano-fuente-maximo: 1.4rem;
    --color-bordes_tabla: rgb(0, 0, 0);
    --color-hover_tabla: rgba(255, 255, 255, 0.3);
    --color-textos_tabla: #000;
    --color-precio: rgb(156, 132, 84) !important;
    --color-sponsor: rgba(186, 212, 55, 0.7);
    --color-texto_cabecera-tabla: #fff /* VARIABLES PARA BOTONES */ --color-boton: #c56c09 !important;
    --texto-boton: #dedede;
    --txt-btn-size: 1.2rem;
    --color-btn-border: #dedede;
    --color-btn-border__hover: #dedede;
    --fila1: #df9900;
    --fila2: #c43d3c;
    --fila3: #68aa7f;
    --fila4: #87bbb8;
    --fila5: #8786bb;
    --fila6: #47a6c9;
    --fila7: #2c5caa;
    --fila8: #53378b;
    --fila9: #c5cb26;
}
.pfilas1 {
    background-color: var(--fila1);
}
.pfilas2 {
    background-color: var(--fila2);
}
.pfilas3 {
    background-color: var(--fila3);
}
.pfilas4 {
    background-color: var(--fila4);
}
.pfilas5 {
    background-color: var(--fila5);
}
.pfilas6 {
    background-color: var(--fila6);
}
.pfilas7 {
    background-color: var(--fila7);
}
.pfilas8 {
    background-color: var(--fila8);
}
.pfilas9 {
    background-color: var(--fila9);
}
.mano {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media screen and (min-width: 480px) {
    .mano {
        display: none !important;
    }
}
.tabla-precios-normal:not(.table-bordered) tbody tr td:first-child,
.tabla-precios-normal:not(.table-bordered) tbody tr td:last-child,
.tabla-precios-normal:not(.table-bordered) tbody tr:last-child td,
.tabla-precios-normal:not(.table-bordered) td,
.tabla-precios-normal:not(.table-bordered) th {
    border-color: var(--color-bordes_tabla) !important;
}
.tabla-precios-normal td:first-child {
    border-left: 1px solid var(--color-bordes_tabla) !important;
}
.tabla-precios-normal tr th {
    font-family: var(--fuente-cabecera-tabla);
    text-align: center;
    color: #000;
    border-top: 0px !important;
    background-color: rgba(0, 0, 0, 0);
    font-size: clamp(var(--tamano-fuente-minimo), var(--tamano-fuente-vh), var(--tamano-fuente-maximo));
    border-bottom: solid 1px var(--color-bordes_tabla) !important;
}
.tabla-precios-normal tr th:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}
.tabla-precios-normal tr th:nth-child(1) {
    text-align: left;
}
.tabla-precios-normal tr td {
    font-size: clamp(var(--tamano-fuente-minimo), var(--tamano-fuente-vh), var(--tamano-fuente-maximo));
    color: var(--color-textos_tabla);
    font-family: var(--fuente-textos-tabla);
}
.tabla-precios-normal tr .sponsor {
    background-color: var(--color-sponsor);
}
.tabla-precios-normal tbody tr:hover {
    background-color: var(--color-hover_tabla);
}
.tabla-precios-normal tbody tr td {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .tabla-precios-normal tbody tr td {
        padding: 0.7rem;
    }
}
.tabla-precios-normal tbody tr td:nth-child(1) {
    text-align: left;
    font-weight: 600;
}
.tabla-precios-normal tbody tr td:nth-child(2) {
    background-color: var(--color-precio);
    text-align: center;
    font-weight: 600;
    color: #000;
}
.tabla-precios-normal .sector .badge {
    width: 10px;
    height: 10px;
    border-radius: 0px;
    margin-right: 10px;
}
@media screen and (min-width: 1024px) {
    .tabla-precios-normal .sector .badge {
        width: 20px;
        height: 20px;
    }
}
@media screen and (min-width: 1300px) {
    .tabla-precios-normal .sector .badge {
        width: 25px;
        height: 25px;
    }
}
.tabla-precios-normal .sector p {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 2px;
    text-transform: uppercase;
    font-size: clamp(var(--tamano-fuente-minimo), var(--tamano-fuente-vh), var(--tamano-fuente-maximo));
}
.portada {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
}
#price-section {
    background-image: url("https://static.ptocdn.net/especiales/jts116_myke-towers-2026/img/bg-min.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
#choose-tickets-section {
    background-image: url("https://static.ptocdn.net/especiales/jts116_myke-towers-2026/img/bg-2-min.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.produce {
    text-align: center;
    color: #000;
}
.section-resena {
    border: solid 4px #000;
    border-radius: 30px;
    padding-top: 7px;
}
.section-resena p {
    text-align: justify;
    font-size: 0.8rem;
    color: #000;
}

/*RESENA CON IMAGEN*/
.cover-resena{
    position: relative;
    z-index: 2;
  }
   
  .box--resena{
    color: #fff;
    text-align: justify;
    border: solid 4px #000;
    border-radius: 10px;
  }
  .cover--disco{
        background-color: rgba(156, 132, 84, 0.9);
  }
  .cover--disco img{
      object-fit: cover;
      width: 100%;
      height: 100%;
  }
  .resena--disco{
    background-color: rgba(156, 132, 84, 0.9);
      padding: 1rem;
  }
    .resena--disco h5{
        color: #000;
    }
  
  .bx--txt__disco,.bx--txt__disco strong, .bx--txt__disco i{
      color: #dfdfdf;
  }
  
  .fondo--resena{
    background: rgb(0,0,0);
    border-top: solid #fff 3px;
    background: linear-gradient(180deg, rgb(60,0,0) 0%, rgb(255,155,66) 100%);
  }
  @media screen and (min-width: 1024px) {
      .cover--disco{
          min-width: 400px;
      }
      .bx--txt__disco::-webkit-scrollbar{
          width: 5px;
      }
      .bx--txt__disco::-webkit-scrollbar-track{
      background-color: #3f3e3c;
      }
      .bx--txt__disco::-webkit-scrollbar-thumb{
          background-color: #11140d;
          border-radius: 20px;
          border: solid 1px #3f3e3c;
      }
      .bx--txt__disco{  
          max-height: 300px;
          overflow-y: scroll;
          padding-right: 1rem;
      }
  }
  /*RESENA CON IMAGEN*/

.video{
    width: 100%;
    height: 315px;
}


.yt-embed-holder{
    width: 100%;
    overflow: hidden;
    aspect-ratio: 16/9;
    pointer-events: none;
    position: absolute;
}
.yt-embed-holder iframe{
    width: 300%;
    height: 100%;
    margin-left: -100%;
}

.cover-video_resena{
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    .video{
        height: 550px;
    }
    .yt-embed-holder iframe{
        top: 50%;
    }
}

@media screen and (min-width: 320px) and (max-width:1024px) {
    .yt-embed-holder{
        height: 100vh;
    }
}