/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
ul, ol {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

body, html {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #2e0c96; }

img, svg {
  width: 100%;
  height: auto;
  display: block; }

@media all and (min-width: 1440px) {
  .main-wrapper {
    max-width: 1280px;
    margin: 0 auto; } }
@media all and (min-width: 1600px) {
  .main-wrapper {
    max-width: 1480px;
    margin: 0 auto; } }

input, button, textarea {
  -webkit-appearance: none; }
  input:focus, button:focus, textarea:focus {
    outline: none !important; }

label, button {
  cursor: pointer; }

ul {
  list-style: none; }

p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, a::selection, label::selection, span::selection, img::selection, td::selection, tr::selection, th::selection, strong::selection, address::selection, mark::selection, .wpcf7-response-output::selection, ol li::selection, ul li::selection, em::selection, time::selection, div::selection, i::selection {
  background: #1F1F1F;
  color: #FFFFFF;
  text-shadow: 0px 0px #FFFFFF; }

/* Firefox */
p::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, a::-moz-selection, label::-moz-selection, span::-moz-selection, img::-moz-selection, td::-moz-selection, tr::-moz-selection, th::-moz-selection, strong::-moz-selection, address::-moz-selection, mark::-moz-selection, time::-moz-selection, div::selection, i::selection {
  background: #1F1F1F;
  color: #FFFFFF;
  text-shadow: 0px 0px #FFFFFF; }

::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: #bbb; }

::-webkit-scrollbar {
  width: 6px;
  background-color: #1F1F1F; }

::-webkit-scrollbar:horizontal {
  height: 0; }

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #1F1F1F;
  background-color: #1F1F1F; }

.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: #100C5F;
  border: 2px solid #100C5F;
  box-sizing: border-box;
  height: 52px;
  box-sizing: border-box;
  border-radius: 20px; }
  .btn-primary p {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700; }
  @media (min-width: 1024px) {
    .btn-primary {
      transition: .3s ease; }
      .btn-primary:hover {
        background-color: #FFFFFF; }
        .btn-primary:hover p {
          color: #100C5F; }
      .btn-primary p {
        transition: .3s ease; } }
  @media (min-width: 1600px) {
    .btn-primary {
      height: 66px; } }

.btn-secondary {
  display: flex;
  padding: 4px 14px;
  border: 3px solid #1F1F1F;
  background-color: white;
  transition: 0.3s ease; }
  .btn-secondary p {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #1F1F1F;
    font-size: 25px;
    line-height: 28px;
    transition: 0.3s ease; }
  @media only screen and (min-width: 1024px) {
    .btn-secondary:hover {
      border-color: #FFFFFF;
      background-color: #1F1F1F; }
      .btn-secondary:hover p {
        color: #FFFFFF; } }
  @media only screen and (min-width: 1920px) {
    .btn-secondary p {
      font-size: 25px;
      line-height: 30px; } }

.btn-white {
  display: flex;
  padding: 4px 14px;
  border: 3px solid #FFFFFF;
  background-color: #FFFFFF;
  transition: 0.3s ease; }
  .btn-white p {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #1F1F1F;
    font-size: 20px;
    line-height: 25px;
    transition: 0.3s ease; }
  @media only screen and (min-width: 1024px) {
    .btn-white:hover {
      background-color: #1F1F1F;
      border-color: #1F1F1F; }
      .btn-white:hover p {
        color: #FFFFFF; } }

h1, h2, h3, h4, h5, p {
  font-family: 'Montserrat', sans-serif;
  font-weight: initial;
  color: #0F0C5F;
  margin: 0;
  padding: 0; }
  h1.medium, h2.medium, h3.medium, h4.medium, h5.medium, p.medium {
    font-weight: 500; }
  h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, p.bold {
    font-weight: 700; }

h1 {
  font-size: 32px;
  line-height: 40px; }
  @media (min-width: 1440px) {
    h1 {
      font-size: 59px;
      line-height: 66px; } }

h2 {
  font-size: 24px;
  line-height: 30px; }
  @media (min-width: 1440px) {
    h2 {
      font-size: 40px;
      line-height: 48px; } }

h4 {
  font-size: 18px;
  line-height: 22px; }
  @media (min-width: 1440px) {
    h4 {
      font-size: 24px;
      line-height: 30px; } }

p {
  font-size: 12px;
  line-height: 16px; }
  @media (min-width: 1440px) {
    p {
      font-size: 16px;
      line-height: 22px; } }

.contenido {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .contenido.center {
    text-align: center; }

.image--content {
  position: relative;
  overflow: hidden; }
  .image--content img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block; }

.entrada {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF; }
  .entrada.gold {
    background-color: #F7ECA3; }
  .entrada .entrada--content {
    box-sizing: border-box;
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%; }
    .entrada .entrada--content .image--content {
      width: 100%;
      display: flex;
      aspect-ratio: 1;
      border-radius: 20px; }
    .entrada .entrada--content .info {
      flex: 1;
      padding: 0 10px;
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .entrada .entrada--content .info p.title {
        font-size: 30px;
        line-height: 38px; }
      .entrada .entrada--content .info p.price {
        font-size: 36px;
        line-height: 42px; }

@media (min-width: 1600px) {
  .entrada .entrada--content .info {
    padding: 0 24px; } }
* {
  image-rendering: optimizeSpeed;
  /*                     */
  image-rendering: -moz-crisp-edges;
  /* Firefox             */
  image-rendering: -o-crisp-edges;
  /* Opera               */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed       */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                */ }

.fondo-general {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 100lvh; }
  .fondo-general .image--content {
    height: 100%;
    width: 100%; }

header.header {
  position: relative;
  z-index: 100; }
  header.header .header--content {
    padding: 40px 5vw 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px; }
    header.header .header--content .logo {
      display: flex; }
      header.header .header--content .logo img {
        height: 52px;
        width: auto; }
    header.header .header--content .contenido {
      max-width: 580px;
      margin: 0 auto; }
      header.header .header--content .contenido h1, header.header .header--content .contenido h2, header.header .header--content .contenido h4, header.header .header--content .contenido p {
        color: #FFFFFF; }

.wat-mainrow {
  display: flex;
  flex-direction: column;
  gap: 60px;
  position: relative;
  z-index: 200; }
  .wat-mainrow section.wat-section:nth-of-type(1) {
    margin-top: -240px; }

section.wat-section.seccion-entradas .seccion-entradas--content {
  padding: 0 5vw; }
  section.wat-section.seccion-entradas .seccion-entradas--content .entradas {
    display: flex;
    flex-direction: column;
    gap: 20px; }

section.wat-section.seccion-image-info {
  padding: 0 5vw; }
  section.wat-section.seccion-image-info .seccion-image-info--content {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 20px; }
    section.wat-section.seccion-image-info .seccion-image-info--content .image {
      display: none; }

footer.footer {
  margin-top: 80px;
  padding-bottom: 20px;
  position: relative;
  z-index: 50; }
  footer.footer .footer--content {
    padding: 0 5vw;
    display: flex;
    flex-direction: column;
    gap: 20px; }
    footer.footer .footer--content .footer-sup {
      padding: 20px;
      border-radius: 20px;
      background-color: #FFFFFF;
      display: flex;
      flex-direction: column;
      gap: 40px; }
      footer.footer .footer--content .footer-sup .info {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        footer.footer .footer--content .footer-sup .info p {
          font-size: 32px;
          line-height: 40px;
          font-family: 'Montserrat', sans-serif;
          font-weight: 700; }
        footer.footer .footer--content .footer-sup .info .redes {
          display: flex;
          gap: 14px; }
          footer.footer .footer--content .footer-sup .info .redes a {
            display: flex;
            justify-content: center;
            flex-basis: 24px; }
            footer.footer .footer--content .footer-sup .info .redes a img {
              width: auto;
              height: 24px; }
      footer.footer .footer--content .footer-sup .logos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 12px; }
        footer.footer .footer--content .footer-sup .logos .logo {
          background-color: #6351ef;
          border-radius: 20px;
          border: 4px solid #6351ef;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          padding: 20px;
          box-sizing: border-box; }
          footer.footer .footer--content .footer-sup .logos .logo:nth-child(2) {
            background-color: #de2976;
            border-color: #de2976; }
          footer.footer .footer--content .footer-sup .logos .logo svg {
            width: auto;
            height: 56px; }
    footer.footer .footer--content .footer-inf {
      padding: 20px;
      border-radius: 20px;
      background-color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 12px; }
      footer.footer .footer--content .footer-inf a {
        flex-basis: 90px; }
      footer.footer .footer--content .footer-inf p {
        font-size: 16px;
        line-height: 24px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700; }

@media only screen and (min-width: 768px) {
  section.wat-section.seccion-entradas .seccion-entradas--content .entradas {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; }
    section.wat-section.seccion-entradas .seccion-entradas--content .entradas .entrada {
      flex-basis: calc((100% / 2) - (20px * 1 / 2)); }

  footer.footer .footer--content .footer-sup {
    align-items: center;
    justify-content: space-between;
    flex-direction: row; }
    footer.footer .footer--content .footer-sup .info {
      flex-basis: calc((100% / 2) - (40px * 1 / 2)); }
    footer.footer .footer--content .footer-sup .logos {
      max-width: 320px;
      flex-basis: calc((100% / 2) - (40px * 1 / 2)); } }
@media only screen and (min-width: 1024px) {
  section.wat-section.seccion-entradas .seccion-entradas--content .entradas .entrada {
    flex-basis: calc((100% / 3) - (20px * 2 / 3)); }

  section.wat-section.seccion-image-info .seccion-image-info--content {
    display: flex;
    align-items: center;
    padding: 2px; }
    section.wat-section.seccion-image-info .seccion-image-info--content .image {
      border-radius: 20px;
      overflow: hidden;
      display: block;
      flex-basis: 50%; }
    section.wat-section.seccion-image-info .seccion-image-info--content .contenido {
      flex-basis: 50%;
      box-sizing: border-box;
      padding: 80px 40px; }

  footer.footer .footer--content .footer-sup .logos .logo {
    transition: .3s ease; }
    footer.footer .footer--content .footer-sup .logos .logo svg path {
      transition: .3s ease; }
    footer.footer .footer--content .footer-sup .logos .logo:hover {
      background-color: transparent; }
      footer.footer .footer--content .footer-sup .logos .logo:hover:nth-of-type(2) svg path {
        fill: #de2976; }
      footer.footer .footer--content .footer-sup .logos .logo:hover svg path {
        fill: #6351ef; } }
@media only screen and (min-width: 1440px) {
  header.header .header--content {
    padding: 60px calc((100vw - 1480px) / 2) 380px;
    gap: 80px; }
    header.header .header--content .logo img {
      height: 90; }
    header.header .header--content .contenido {
      max-width: 890px; }

  .wat-mainrow section.wat-section:nth-of-type(1) {
    margin-top: -300px; }

  section.wat-section.seccion-entradas .seccion-entradas--content {
    padding: 0; }
    section.wat-section.seccion-entradas .seccion-entradas--content .entradas {
      gap: 40px; }
      section.wat-section.seccion-entradas .seccion-entradas--content .entradas .entrada {
        flex-basis: calc((100% / 3) - (40px * 2 / 3)); }

  section.wat-section.seccion-image-info {
    padding: 0; }
    section.wat-section.seccion-image-info .seccion-image-info--content {
      width: 1260px;
      margin: 0 auto; }
      section.wat-section.seccion-image-info .seccion-image-info--content .contenido {
        padding: 40px 80px; }

  footer.footer {
    padding-bottom: 40px; }
    footer.footer .footer--content {
      padding: 0;
      gap: 40px; }
      footer.footer .footer--content .footer-sup {
        padding: 40px 80px; }
        footer.footer .footer--content .footer-sup .info {
          gap: 30px; }
          footer.footer .footer--content .footer-sup .info p {
            font-size: 38px;
            line-height: 42px; }
        footer.footer .footer--content .footer-sup .logos {
          gap: 30px;
          max-width: initial;
          flex-basis: 480px; }
          footer.footer .footer--content .footer-sup .logos .logo svg {
            height: 90px; }
      footer.footer .footer--content .footer-inf {
        padding: 20px 80px; }
        footer.footer .footer--content .footer-inf a {
          flex-basis: 130px; }
        footer.footer .footer--content .footer-inf p {
          font-size: 20px;
          line-height: 26px; } }

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