/*
 
-----------------------------------------------------------------------------------
[Color Codes]

#Black (text) = #000000
#Purple (button,title,subtitle,button,hover) = #ff2c55
#White (title, text) = #ffffff
#Red Light (text,currency,background) = #f4295c
#Gray (hover) = #aaaaaa
[Typography]

Headers: 16px/14px Montserrat
Heading: 42px/36px/24px Poppins
paragraph: 18px Poppins
Links: 12px Poppins
Icons: 20px/16px/14px Fontawesome, Simple Line Icons, Themify

Notes: To change the font, install it manually with convert the download zipped font to transfonter.org

-----------------------------------------------------------------------------------

/*-----------------------------------------------------------------------------------
  1.  BASE
  2.  HEADER
    2a.  HEADER-STYLE-1
    2b.  HEADER INFO
    2c.  HEADER ALT
  3.  CONTENT
    3a.  PAGE TITLE
    3b.  HOME SECTION DUGEM
    3c.  COUNTDOWN SECTION
    3d.  TABLE EVENTS SECTION
    3e.  BlOG SLIDE SECTION
    3f.  TESTIMONIAL SECTION
    3g.  BOOK TABLE SECTION
  4.  ABOUT PAGE
    4a. GALLERY SECTION
    4b. CLIENT SECTION
    4c. WAITING SECTION
  5.  EVENT PAGE
  6.  BLOG PAGE
  7.  CONTACT PAGE
  8.  SINGLE EVENT PAGE
  9.  SINGLE POST PAGE
    9a.  SIDEBAR
  10. FOOTER
-----------------------------------------------------------------------------------*/

 /*-----------------------------------------------------------------------------------*/
 /*  1.  BASE
/*-----------------------------------------------------------------------------------*/


html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

body {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  font-size: 18px;
  background: #0b0b0b;
  color: #aaa;
  margin: 0;
  line-height: 1.618;
  font-family: 'Poppins';
  font-weight: 200;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul {
  padding-left: 40px;
  -webkit-padding-start: 40px;
  -moz-padding-start: 40px;
  padding-start: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 20px;
  margin-top: 0;
  color: #000000;
  font-family: 'Poppins';
}

.main-menu a {
  font-family: 'Montserrat';
  font-weight: 600;
}


h1 {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.125;
}

h2 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.25;
}

h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
}

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375;
}

h6 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}

a {
  cursor: pointer;
  outline: none;
  color: #000000;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
  color: #ff2c55;
  text-decoration: none;
  outline: none;
}

button:focus {
  outline: 0;
}

p {
  margin: 0 0 20px;
}


blockquote {
  margin-bottom: 1.5em;
  position: relative;
  padding: 30px 15px 17px 60px;
  display: inline-block;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

blockquote:before {
  color: #ff2c55;
  content: "“";
  font-size: 110px;
  margin-right: 0.6em;
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  top: -30px;
  left: 11px;
}

blockquote {
  margin: 1rem 0;
  padding-left: 70px;
}

blockquote,
q {
  quotes: none;
}

blockquote p {
  line-height: 22px;
  font-family: 'Poppins';
  font-weight: 200;
  font-style: italic;
  color: #fff;
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-color: #dcd7ca;
}

thead {
  vertical-align: bottom;
  white-space: nowrap;
}

th,
td {
  border: 0.1rem solid #dcd7ca;
  line-height: 1.4;
  margin: 0;
  overflow: visible;
  padding: 0.5em;
}

th {
  font-weight: 700;
}

th a {
  text-decoration: underline !important;
}

th a:hover {
  color: #DA0D2B;
}

*::-moz-selection {
  background-color: #ff2c55;
  color: #ffffff;
}

*::selection {
  background-color: #ff2c55;
  color: #ffffff;
}

button {
  border: none;
  background-image: none;
  background: transparent;
}

img {
  max-width: 100%;
  height: auto;
}

li {
  list-style: none;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

figure {
  max-width: 100%;
  height: auto;
  margin: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.container {
  max-width: 1080px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 100%;
}

.column {
  display: inline-block;
  float: left;
}

.column-1 {
  width: 100%;
}

.column-2 {
  width: 50%;
}

.column-3 {
  width: 33.33333%;
}

.column-2of3 {
  width: 66.66667%;
}

.column-4 {
  width: 25%;
}

.column-5 {
  width: 20%;
}

.column-25 {
  width: 25%;
}

.column-75 {
  width: 75%;
}

.column-40 {
  width: 40%;
}

.column-60 {
  width: 60%;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.button-basic-1 {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-size: 1.2rem;
  fill: #ffffff;
  padding: 10px 20px;
  font-family: 'Poppins';
  display: inline-block;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  color: #ffffff;
  background-color: rgba(255, 44, 85, 0);
  border-color: #ff2c55;
  border-radius: 50px 50px 50px 50px;
}

.button-basic-1:hover {
  color: #ffffff;
  transform: translateY(8px);
  background-color: #ff2c55;
  border-color: #ff2c55;
}

.button-basic-2 {
  font-family: "PT Sans", Sans-serif;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  fill: #ffffff;
  color: #ffffff;
  background-color: #ff2c55;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #ff2c55;
  border-radius: 50px 50px 50px 50px;
  padding: 15px 30px;
}

.button-basic-2:hover {
  transform: translateY(8px);
  color: #ffffff;
  background-color: #ff2c55;
  border-color: #ff2c55;
}

.button-basic-3 {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  fill: #ffffff;
  padding: 15px 30px;
  color: #ffffff;
  background-color: #ff2c55;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #ff2c55;
  border-radius: 50px 50px 50px 50px;
}

.button-basic-3:hover {
  color: #ffffff;

}

.main-wrapper {
  position: relative;
}

.main-wrapper.flow {
  overflow: hidden;
}

.content {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 100%;
  width: 100%;
}

.the-title {
  position: relative;
}

.head-title-1 {
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 20px;

}

.head-title-2 {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 3px;
  margin-top: 0px;
  color: #ff2c55;
  margin-bottom: 20px;
}

span.title-end {
  font-family: 'Roboto';
  color: #ff2c55;
}

.dugem-text {
  font-size: 18px;
  line-height: 28px;
  color: #aaaaaa;
}

.text-white {
  color: #ffffff;
}

.background-overlay {
  background-color: #000000;
  opacity: 0.9;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}


table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-color: #dcd7ca;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  2.  HEADER
/*-----------------------------------------------------------------------------------*/

header {
  position: relative;
}

.main-nav {
  vertical-align: middle;
  float: left;
  background-color: transparent;
  margin-top: 0;
}

.header-content-left {
  position: relative;
  float: left;
  padding-left: 0;
  padding-top: 9px;
}



.header-stle-1 .info-wrap {
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.header-content-center {
  text-align: center;
  margin: auto;
}

.header-content-right {
  position: relative;
  padding-top: 10px;
  text-align: right;
  margin: 0 0 0 auto;
}

/*-----------------------------------------------------------------------------------*/
/*  2a.  HEADER-STYLE-1
/*-----------------------------------------------------------------------------------*/

.header-style-1 {
  background-color: transparent;
  z-index: 101;
  position: absolute;
  right: 0;
  left: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.header-style-1.header-alt {
  position: relative;
}

.header-expanded {
  position: relative;
  left: 0;
  right: 0;
  background-color: #0b0b0b;
  top: 0;
  -webkit-transition: revert;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.header-expanded .main-nav {
  width: 90%;
  margin: auto;
  float: none;
  border-radius: 0;
  background: #000000;
}

.header-style-1 ul.sm-clean>li+li {
  margin-left: 30px;
}

.header-style-1 ul.sm-clean>li {
  padding-top: 10px;
  padding-bottom: 0px;
  position: relative;
}

.header-style-1 .menu-link:hover {
  color: #eaeaea;
}

.header-style-1 a.menu-link:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ff2c55;
  -webkit-transform: scale3d(0, 5, 1);
  transform: scale3d(0, 5, 1);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
  transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}

.header-style-1 a.menu-link.active:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.header-style-1 .menu-item:hover .menu-link:before {
  background-color: #ff2c55;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.header-style-1 a.menu-link {
  font-family: 'Montserrat';
  text-align: inherit;
  word-spacing: 0px;
  font-size: 16px;
  letter-spacing: 0px;
  position: relative;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
}

.header-style-1 .search::before,
.header-style-1 .search::after {
  border-color: #ff2c55;
}

.header-style-1 .search__input {
  color: #ffffff;
}

.header-style-1 .search__input {
  font-family: inherit;
  font-size: 10vw;
  line-height: 1;
  display: inline-block;
  box-sizing: border-box;
  width: 75%;
  padding: 0;
  color: #ffffff;
  outline: none;
  border: none;
  border-bottom: 1px solid;
  height: 190px;
  background-color: transparent;
}

.header-style-1 .search {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.header-style-1 .search__info {
  color: #ff2c55;
}

.header-style-1 .search {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.95);
}

/*-----------------------------------------------------------------------------------*/
/*  2b.  HEADER INFO
/*-----------------------------------------------------------------------------------*/
.head-item {
  margin-right: 20px;
}

.head-item:last-child {
  margin-right: 0;
}

.info-wrap {
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.info-wrap:last-child {
  margin-right: 0;
}


.head-info-icon {
  margin-right: 5px;
}


#header .info-wrap {
  padding: 5px 0;
}

#header .info-wrap i {
  vertical-align: middle;
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
}

#header .header-info-url a {
  color: #ffffff;
  padding: 10px 30px;
}

.logo {
  display: flex;
  float: left;
  margin-left: 10px;
  margin-right: 28px;
}

.header-style-1-wrap .main-menu ul.sm-clean>li+li {
  margin-left: 30px;
}

.header-style-1 .btn--search-close i {
  color: #ffffff;
  cursor: pointer;
}

.header-style-1 .search__input::placeholder {
  color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*  2c.  HEADER ALT
/*-----------------------------------------------------------------------------------*/
.header-alt .head-info-icon,
.header-alt.head-info-text {
  display: inline-block;
  color: #ffffff;
}

.header-alt .menu-item:hover .menu-link:before {
  background-color: #ff2c55;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.header-alt a.menu-link:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ff2c55;
  -webkit-transform: scale3d(0, 5, 1);
  transform: scale3d(0, 5, 1);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
  transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}

.header-alt a.menu-link {
  color: #ffffff;
}

.header-alt.header-expanded a.menu-link {
  color: #fff;
}

.header-alt .head-info-icon,
.header-alt .head-info-text {
  display: inline-block;
  color: #000000;
}

.header-style-1.header-expanded {
  background-color: #000000;
}

.header-alt.header-expanded {
  background-color: #0b0b0b;
}

.header-alt.header-expanded .main-nav {
  background-color: #0b0b0b;
}

.header-clear {
  display: flex;
  align-items: center;
}

/*-----------------------------------------------------------------------------------*/
/*  3.  CONTENT
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  3a.  PAGE TITLE
/*-----------------------------------------------------------------------------------*/

.page-title {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 220px 0px 147px 0px;
  margin-top: -106px;
  background-image: url(img/background-overlay-title.png);
}

.page-title-wrap {
  z-index: 1;
  position: relative;
}

.page-title-wrap h1 {
  font-size: 7.7rem;
  line-height: 1em;
}

.after-title {
  position: relative;
}

.after-title:after {
  position: absolute;
  content: '';
  background: #ff2c55;
  width: 15px;
  bottom: 15px;
  height: 15px;
  border-radius: 50%;
}

/*-----------------------------------------------------------------------------------*/
/*  3b.  HOME SECTION DUGEM
/*-----------------------------------------------------------------------------------*/
.main-video {
  position: relative;
}

.video-background {
  z-index: 1;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0b0b0b;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.video-background .background-overlay {
  background-color: #0b0b0b;
}

.main-video video {
  width: 100%;
}

.image-background {
  position: absolute;
  background-image: url(img/we-can-dance-forever2.png);
  left: 0;
  right: 0;
  top: 0;
  opacity: 0.9;
  bottom: 0;
  background-size: cover;
  width: 100%;
  background-color: transparent;
  height: 100%;
  background-position: center;
  z-index: 3;
}

.image-title {
  position: absolute;
  z-index: 1;
  justify-content: center;
  text-align: center;
  margin: auto;
  flex-wrap: wrap;
  bottom: 19%;
  right: 0;
  z-index: 6;
  text-align: center;
  left: 0;
  margin: auto;
}

.image-title p {
  color: #fff;
  margin-bottom: 0;
  line-height: 1.5;
}

.image-title a.button-basic-1 {
  margin-top: 20px;
  font-size: 1.3rem;
  padding: 12px 30px;
}


/*-----------------------------------------------------------------------------------*/
/*  3c.  COUNTDOWN SECTION
/*-----------------------------------------------------------------------------------*/
.global-block {
  padding: 110px 0px 27px 0px;
  /*position: relative;*/
  background-color: #0b0b0b;
}

.global-block:before {
  position: absolute;
  content: '';
  width: 100%;
  z-index: 3;
  height: 53px;
  top: -193px;
  left: -100px;
  border-bottom: 140px solid #0b0b0b;
  border-left: 2000px solid transparent;
}

.global-title h2 {
  font-size: 7rem;
  font-weight: 700;
  line-height: 1.2em;
  color: #fff;
  margin-top: 0px;
}

.global-title h5 {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 3px;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #ff2c55;
}

.global-block .button-basic-1 {
  margin-right: 5px;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: capitalize;
  letter-spacing: 2px;
  fill: #ffffff;
  margin-bottom: 20px;
  padding: 8px 20px;
  color: #ffffff;
  background-color: rgba(255, 44, 85, 0);
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #ff2c55;
  border-radius: 50px 50px 50px 50px;
}

.global-block .button-basic-1:hover {
  background-color: #ff2c55;
}

.global-counter {
  padding: 0px 0px 0px 80px;
}

.global-buy {
  position: relative;
  margin-top: 40px;
}

.global-block .button-basic-2 {
  font-family: "PT Sans", Sans-serif;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  fill: #ffffff;
  color: #ffffff;
  display: inline-block;
  text-transform: capitalize;
  background-color: #ff2c55;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #ff2c55;
  border-radius: 50px 50px 50px 50px;
  padding: 10px 20px;
}

.global-block .button-basic-2:hover {
  transform: translateY(8px);
}

.countdown {
  display: flex;
}

.countdown .float {
  display: inline-block;
  padding-right: 30px;
  margin-right: 30px;
  margin-top: 20px;
  position: relative;
}

.countdown .float:after {
  position: absolute;
  content: ':';
  right: 0;
  top: -10px;
  color: #fff;
  font-family: 'Roboto';
  font-size: 55px;
}

.countdown .float:last-child:after {
  position: absolute;
  content: '';
}

.countdown h3 {
  color: #fff;
  margin: 0;
  font-size: 6rem;
  margin-bottom: 25px;
  font-weight: normal;
}

.countdown .float span {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #ff2c55;

}

/*-----------------------------------------------------------------------------------*/
/*  3d.  TABLE EVENTS SECTION
/*-----------------------------------------------------------------------------------*/
.table-events {
  background-image: url(img/event-bg.png);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 295px 0px 210px 0px;
  z-index: 2;
}

.table-events:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 53px;
  top: -1px;
  z-index: 2;
  border-top: 175px solid #0b0b0b;
  border-right: 2500px solid transparent;
}

.table-events .event {
  margin: 40px 0 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.event tr.space td {
  padding: 0 !important;
  line-height: 0 !important;
  background: 0 0 !important;
  height: 0 !important;
  display: block !important;
}

.table-events .event thead tr {
  background-color: rgba(102, 102, 102, 0.32);
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
}

.event tr.space {
  background: 0 0 !important;
  height: 15px;
}

.upcoming-event .event tbody tr {
  background-color: rgba(102, 102, 102, 0.32);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.table-events .event thead tr,
.table-events .event tbody tr {
  background-color: rgba(102, 102, 102, 0.32);
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.table-events .event thead tr {
  background-color: rgba(102, 102, 102, 0.32);
  color: #ffffff;
}

.event thead tr td {
  padding: 20px 30px;
}

.event tr td {
  border: none;
  padding: 20px 30px;
  vertical-align: middle;
}

.event-section.upcoming-event .event tbody tr {
  background-color: rgba(102, 102, 102, 0.32);
}

.event tbody tr,
.event a {
  color: #ffffff;
}

.event tbody tr:hover {
  background-color: rgba(255, 44, 85, 0.82);
}

.event-section .event a {
  color: #fff;
}

.event tbody tr td.event-ticket-link a {
  padding: 10px 15px;
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: 14px;
  color: #ffffff;
  border-color: #ffffff;
}

.event tbody tr td.event-ticket-link a:hover {
  border: 1px solid #e65454;
  background-color: #ff2c55;
  border-color: #ff2c55;
  color: #ffffff;
}

.event tbody tr td.event-ticket-link span.sold {
  display: inline-block;
  margin: 0;
  border: 1px solid #333;
  background-color: #333;
  color: #fff;
  padding: 5px 15px;
  font-size: 14px;
  width: 119px;
  letter-spacing: .1em;
  text-align: center;
}

.single-event-wrap .event-counter {
  background-image: url("img/event-bg.png");
}

.single-event-content-wrap .event-ticket span.price {
  font-weight: 200;
  font-size: 18px;
}

.table-events .dugem-text {
  padding: 0 250px;
}

.button-view {
  position: relative;
  z-index: 2;
}

/*-----------------------------------------------------------------------------------*/
/*  3e.  BLOG SLIDE SECTION
/*-----------------------------------------------------------------------------------*/
/*Blog Post*/
.blog-loop {
  padding: 110px 0px 10px 0px;
  background-color: #0b0b0b;
  position: relative;
}

.blog-loop .news-title {
  position: relative;
  margin-bottom: 80px;
}

.blog-loop .the-title {
  text-align: left;
  float: left;
}

.blog-loop .button-view {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  align-self: center;
}

.blog-loop .swiper-post {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.blog-loop .blog-slide .post-title h3 {
  font-size: 2.5rem;
  font-size: 25px;
  line-height: 1.3;
}

.blog-loop .blog-slide .post-title h3 a {
  color: #fff;
}

.blog-loop .blog-slide .post-title h3 a:hover {
  color: #ff2c55;
}

.blog-loop .blog-slide .post-thumb {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.blog-loop .blog-slide .post-thumb img {
  width: 100%;
  opacity: 0.7;
}

.blog-loop .blog-slide .post-content-wrap {
  width: 85%;
  max-width: 85%;
  position: absolute;
  top: 40px;
  z-index: 2;
  right: -250px;
}

.blog-slide .post-category {
  margin-bottom: 20px;
}

.blog-slide .swiper-pagination {
  position: relative;
  padding-top: 25px;
}

.blog-loop .post-content-wrap .post-date {
  position: relative;

}

.blog-loop .post-content-wrap .post-date a {
  color: #ff2c55;
  font-style: italic;
  padding-left: 45px;
  font-weight: 500;
  position: relative;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-bottom: 20px;
}

.blog-loop .post-content-wrap .post-date a:before {
  content: '';
  height: 2px;
  background-color: #ff2c55;
  width: 35px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.blog-loop .post-content-wrap .post-date a:hover {
  color: #fff;
}

.blog-loop .post-content-wrap .post-date:hover:before {
  background: #fff;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.blog-loop .post-thumb .dugem-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  left: 0;
  top: 0;
  width: 103%;
  height: 103%;
  z-index: 10;
  -webkit-transform: translate(-1px, -1px);
  -ms-transform: translate(-1px, -1px);
  transform: translate(-1px, -1px);
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.post-thumb .dugem-overlay {
  opacity: 0.7;
}

.swiper-post:hover .dugem-overlay {
  opacity: 1;
}

.blog-loop .blog-slide .swiper-pagination-bullet {
  width: 60px;
  height: 6px;
  margin-right: 20px;
  display: inline-block;
  border-radius: 0;
  background: #333333;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 1;
}

.blog-loop .blog-slide .swiper-pagination-bullet:hover {
  background: #ff2c55;
  opacity: 1;
}

.blog-loop .blog-slide .swiper-pagination-bullet-active {
  background: #ff2c55;
  opacity: 1;
}

.blog-loop:before {
  position: absolute;
  content: '';
  width: 100%;
  z-index: 3;
  height: 53px;
  top: -193px;
  left: -100px;
  border-bottom: 140px solid #0b0b0b;
  border-left: 2000px solid transparent;
}

.blog-slide .post-category a.button-basic-1 {
  margin-bottom: 0;
  text-transform: capitalize;
}

/*-----------------------------------------------------------------------------------*/
/*  3f.  TESTIMONIAL SECTION
/*-----------------------------------------------------------------------------------*/
.testimonial-block {
  /*background-image: url(img/testimonial-bg.png);*/
  position: relative;
  padding: 290px 0px 210px 0px;
  background-size: cover;
  opacity: 0.9;
  background-attachment: fixed;
}

.testimonial-wrap .the-title h5 {
  margin-bottom: 0;
}

.testimonial-wrap .the-title {
  margin-bottom: 20px;
}

.testimonial-block .background-overlay {
  opacity: 0.3;
}

.testimonial-block:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 53px;
  top: -1px;
  z-index: 2;
  border-top: 175px solid #0b0b0b;
  border-right: 2500px solid transparent;
}

.testimonial-block.about-testi {
  padding: 80px 0px 250px 0px;
  margin-top: 15px;
}

.testimonial-block.about-testi:before {
  display: none;
}

.testimonial-wrap .swiper-button-next {
  position: relative;
  float: right;
  margin-right: 28px;
  width: 10%;
  transform: translate(-5px, 86px);
  overflow: hidden;
}

.testimonial-background {
  /*background-image: url(img/ticketiza3.png);*/
  background-size: cover;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  display: flex;
  opacity: 0.8;
  background-position: center;
  bottom: 0;
  justify-content: center;
}

.testimonial-slide {
  position: relative;
  padding-top: 50px;
}

.testimonial-text p {
  color: #ffffff;
  font-size: 3.1rem;
  font-size: 31px;
  font-weight: normal;
  font-style: italic;
  line-height: 1.2em;
  text-align: center;
}

.testimonial-image,
.testimonial-detail-inner {
  margin-right: 10px;
  float: left;
}

.test-info {
  float: left;
  text-align: left;
}

.testimonial-image img {
  width: 60px;
  border-radius: 50%;
  height: 60px;
  border: 5px solid #ff2c55;
}

.testimonial-detail-inner {
  width: 100%;
  vertical-align: top;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
}

.testimonial-detail-inner h5 {
  color: #ff2c55;
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 10px;
  margin-top: 18px;
  line-height: 0.3em;
}

.testimonial-detail-inner .testi-job {
  color: #ffffff;
}

.testimonial-block .swiper-container {
  width: 80%;
}

.testimonial-block .swiper-button-next:after,
.testimonial-block .swiper-container-rtl .swiper-button-prev:after {
  display: none;
}

.testimonial-block .swiper-button-prev:after,
.testimonial-block .swiper-container-rtl .swiper-button-next:after {
  display: none;
}

.testimonial-block .car-page-arrow-prev {
  content: '';
  position: absolute;
  left: 0;
  width: 60px;
  height: 4px;
  bottom: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  background: #fff;
}

.testimonial-block .swiper-button-next:hover .car-page-arrow-next,
.testimonial-block .swiper-button-prev:hover .car-page-arrow-prev {
  background: #ff2c55;
}

.testimonial-block .car-page-arrow-next {
  position: absolute;
  right: 0;
  width: 60px;
  height: 4px;
  bottom: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  margin: 0 0 0 auto;
  background: #fff;
}

.testimonial-block .swiper-button-prev span {
  position: absolute;
  left: -40px;
  display: inline-block;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  padding-bottom: 10px;
  cursor: pointer;
  color: #fff;
}

.testimonial-block .swiper-button-prev:hover span {
  left: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.testimonial-block .swiper-button-next span {
  position: absolute;
  right: -40px;
  display: inline-block;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  padding-bottom: 10px;
  cursor: pointer;
  color: #fff;
}

.testimonial-block .swiper-button-next:hover span {
  right: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.testimonial-block .swiper-button-prev {
  position: relative;
  float: left;
  width: 10%;
  transform: translate(37px, 86px);
  overflow: hidden;
}

/*-----------------------------------------------------------------------------------*/
/*  3g.  BOOK TABLE SECTION
/*-----------------------------------------------------------------------------------*/
.book-table {
  padding: 100px 0px 90px 0px;
  position: relative;
}

.book-table:before {
  position: absolute;
  content: '';
  width: 100%;
  z-index: 3;
  height: 53px;
  top: -193px;
  left: -100px;
  border-bottom: 140px solid #0b0b0b;
  border-left: 2000px solid transparent;
}

.book-wrap .contact-form-style input {
  background-color: transparent;
  color: #fff;
  width: 95%;
  max-width: 95%;
  height: 40px;
  margin-bottom: 20px;
  padding: 5px 14px;
  border: 1px solid #aaa;
  border-top: 0;
  border-right: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  outline: none;
}

.book-wrap .contact-form-style textarea {
  background-color: transparent;
  color: #fff;
  width: 95%;
  max-width: 95%;
  margin-bottom: 15px;
  border: 1px solid #aaa;
  outline: none;
  padding: 5px 14px;
  border-top: 0;
  border-right: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.book-wrap .contact-form-style input:hover,
.book-wrap .contact-form-style input:focus,
.book-wrap .contact-form-style textarea:hover,
.book-wrap .contact-form-style-3 textarea:focus {
  border-bottom-color: #ff2c55;
  border-left-color: #ff2c55;
}

.book-wrap .contact-form-style input[type=submit] {
  width: auto;
  border: 2px solid #ff2c55;
  padding: 10px 35px;
  border-radius: 30px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.book-wrap .contact-form-style .button-basic-1:hover {
  transform: translateY(0);
  background-color: #ff2c55;
}

/*-----------------------------------------------------------------------------------*/
/*  4.  ABOUT PAGE
/*-----------------------------------------------------------------------------------*/
.about-page {
  position: relative;
  z-index: 2;
  padding: 100px 0px 100px 0px;

}

.about-page .about-text {
  padding-top: 30px;
}

.about-page .about-img {
  margin-bottom: 20px;
}

.about-page img {
  margin: auto;
}


.about-page .the-text p {
  color: #aaaaaa;
}

.about-gallery .gallery-block-wrap {
  padding-bottom: 60px;
}

/*-----------------------------------------------------------------------------------*/
/*  4a. GALLERY SECTION
/*-----------------------------------------------------------------------------------*/
.about-gallery {
  padding: 0 20px;
}

.about-page .about-wrap .the-title h5 {
  margin-bottom: 0;
}


.gallery-block-wrap .item-wrap {
  line-height: 0;
  position: relative;
  overflow: hidden;
}

.gallery-block-wrap .gallery-icon i {
  color: #ffffff;
  font-size: 25px;
}



.gallery-block-wrap .column-gallery figcaption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition-delay: .175s;
  transition-delay: .175s;
  justify-content: center;
  box-sizing: border-box;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery-block-wrap .column-gallery:hover figcaption {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  right: 0;
  bottom: 0;
  display: flex;
  -webkit-transition-delay: .175s;
  transition-delay: .175s;
  justify-content: center;
  box-sizing: border-box;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  align-items: center;
}

.imghvr-circle-top-left {
  position: relative;
}

.imghvr-circle-top-left:before {
  position: absolute;
  top: -25%;
  bottom: -25%;
  left: -25%;
  right: -25%;
  content: '';
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
  background-color: rgba(255, 44, 85, 0.55);
  border-radius: 50%;
  -webkit-transition: all .35s linear;
  transition: all .35s linear;
}

.imghvr-circle-top-left:hover:before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*-----------------------------------------------------------------------------------*/
/*  4b. CLIENT SECTION
/*-----------------------------------------------------------------------------------*/
.client-about {
  padding: 55px 0 55px 0;
  position: relative;
}

.client-wrap {
  align-content: center;
  align-items: center;
}

.client-wrap .the-title h2{
  font-size: 3rem;
}
.client-about:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 10px;
  top: -109px;
  border-bottom: 100px solid #0b0b0b;
  border-left: 2000px solid transparent;
}

/*-----------------------------------------------------------------------------------*/
/*  4c. WAITING SECTION
/*-----------------------------------------------------------------------------------*/
/*Waiting*/
.waiting-block {
  background-image: url(img/banner-reservation-bg.png);
  position: relative;
  padding: 170px 0px 105px 0px;
  background-size: cover;
  opacity: 0.9;
  background-attachment: fixed;
}

.waiting-block:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 53px;
  top: -1px;
  z-index: 2;
  border-top: 75px solid #0b0b0b;
  border-right: 2500px solid transparent;
}

.waiting-title .the-title h3 {
  font-size: 5.5rem;
  font-size: 55px;
  color: #fff;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 10px;
}

.waiting-block .button-basic-1:hover {
  color: #ffffff;
  transform: translateY(0);
  background-color: transparent;
  border-color: #ff2c55;
}

/*-----------------------------------------------------------------------------------*/
/*  5.  EVENT PAGE
/*-----------------------------------------------------------------------------------*/
/*Page Events*/
.table-events.page-events:before {
  display: none;
}

.table-events.page-events {
  padding: 205px 0px 120px 0px;
}

/*-----------------------------------------------------------------------------------*/
/*  6.  BLOG PAGE
/*-----------------------------------------------------------------------------------*/
/*Page Blog*/
.page-blog {
  padding-top: 60px;
  padding-bottom: 95px;
}

.page-blog .blog-content {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #111;
  margin-bottom: 30px;
}

.page-blog .the-post-head .standard-post-categories a {
  display: inline-block;
  padding: 4px 25px;
  border: 2px solid #ff2c55;
  color: #fff;
  border-radius: 30px;
  background-color: transparent;
}

.page-blog .the-post-head .standard-post-categories {
  margin-bottom: 20px;
}

.page-blog .the-post-head .standard-post-categories a {
  padding: 8px 25px;
  margin-top: 25px;
}

.page-blog h2.post-title.entry-title a {
  color: #ffffff;
}

.page-blog h2.post-title a:hover {
  color: #ff2c55;
}

.page-blog .post-content-wrap .date {
  position: relative;
  color: #ff2c55;
  font-style: italic;
  padding-left: 45px;
  font-weight: 500;
  margin-bottom: 20px;
}

.page-blog .post-content-wrap .date a {
  color: #ffffff;
}

.page-blog .post-content-wrap .date:before {
  content: '';
  height: 2px;
  background-color: #ff2c55;
  width: 35px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-blog .the-post-head .standard-post-categories a:hover {
  background-color: #ff2c55;
}

.page-blog .post-content-wrap .date a:hover {
  color: #ff2c55;
}

/*-----------------------------------------------------------------------------------*/
/*  7.  CONTACT PAGE
/*-----------------------------------------------------------------------------------*/
.block-location {
  border-top: 1px solid #252525;
  position: relative;
}

.contact-section .title-side .dugem-text {
  margin-top: 20px;

}

.contact-section {
  padding: 100px 0px 80px 0px;
}

.contact-section .contact-form-style input {
  background-color: transparent;
  color: #fff;
  width: 95%;
  max-width: 95%;
  height: 40px;
  margin-bottom: 20px;
  padding: 5px 14px;
  border: 1px solid #aaa;
  border-top: 0;
  border-right: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  outline: none;
}

.big-title {
  margin-bottom: 20px;
}

.big-title h1 {
  font-size: 15rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0.7em;
  margin-bottom: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #0f0f0f;
}

.contact-section .contact-form-style textarea {
  background-color: transparent;
  color: #fff;
  width: 95%;
  max-width: 95%;
  margin-bottom: 15px;
  border: 1px solid #aaa;
  outline: none;
  padding: 5px 14px;
  border-top: 0;
  border-right: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.contact-section .contact-form-style input:hover,
.contact-section .contact-form-style input:focus,
.contact-section .contact-form-style textarea:hover,
.contact-section .contact-form-style-3 textarea:focus {
  border-bottom-color: #ff2c55;
  border-left-color: #ff2c55;
}

.contact-section .contact-form-style input[type=submit] {
  width: auto;
  border: 2px solid #ff2c55;
  padding: 10px 35px;
  border-radius: 30px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.contact-section .contact-form-style .button-basic-1:hover {
  transform: translateY(0);
  background-color: #ff2c55;
}

.news-letter .contact-form-style input.button-basic-1:hover {
  transform: translateY(0);
  background-color: #ff2c55;
}

.news-letter {
  padding: 50px 0px 50px 0px;
}

.news-letter .the-title h3 {
  font-size: 3.8rem;
  font-weight: bold;
  color: #ffffff;
}

.news-letter .contact-form-style input {
  background-color: transparent;
  color: #fff;
  width: 80%;
  max-width: 80%;
  height: 25px;
  margin-bottom: 20px;
  padding: 5px 20px;
  outline: none;
  border: 2px solid #aaa;
  float: left;
  position: relative;
  top: 25px;
}

.news-letter .contact-form-style input[type=submit] {
  width: 15%;
  max-width: 15%;
  height: 40px;
  margin-bottom: 0;
  margin-top: 25px;
  border-radius: 0;
  text-transform: capitalize;
  float: right;
  border: 2px solid #ff2c55;
  padding: 10px 35px;
  outline: none;
  font-family: 'Roboto';
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  top: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.news-letter .news-letter-wrap {
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #aaaaaa;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 0px 0px 0px 0px;
  padding: 68px 60px 90px 60px;
}

.maps-iframe iframe {
  width: 100%;
  height: 500px;
}

.news-letter .news-letter-wrap h5 {
  margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  8.  SINGLE EVENT PAGE
/*-----------------------------------------------------------------------------------*/


/* Event Single Post */

.event-content-wrap {
  padding-top: 40px;
}


/* Single Event Content */

.single-event-content-wrap {
  padding-bottom: 70px;
}

.event-thumbnail .thumb-inner {
  position: relative;
  padding-bottom: 30px;
  padding-right: 30px;
}

.event-thumbnail .thumb-inner span {
  background-image: url(img/img-bord.png);
  content: "";
  height: 300px;
  width: 300px;
  position: absolute;
  background-repeat: round;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.event-content-wrap .category-event {
  margin-bottom: 10px;
}

.event-content-wrap .the-title {
  margin-bottom: 10px;
}

.event-content-wrap .category-event ul {
  padding: 0;
  list-style: none;
}

.event-content-wrap .category-event li {
  display: inline-block;
  padding: 4px 25px;
  border: 2px solid #ff2c55;
  border-radius: 30px;
  color: #ffffff;
}

.event-content-wrap .category-event li:hover {
  background-color: #ff2c55;
}

.event-content-wrap .page-title {
  text-align: left;
  margin-bottom: 40px;
}

.event-content-wrap .page-title h2 {
  font-size: 62px;
  font-weight: 700;
  margin-bottom: 0;
}

.event-content-wrap .event-date {
  position: relative;
  color: #ff2c55;
  font-style: italic;
  padding-left: 45px;
  font-weight: 500;
  margin-bottom: 20px;
}

.event-content-wrap .event-date:before {
  content: '';
  height: 2px;
  background-color: #ff2c55;
  width: 35px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.event-detail-table {
  width: 100%;
  max-width: 100%;
}

.event-detail-table td {
  border: 0;
}

.event-detail-table .tab-title {
  position: relative;
  color: #8e8e8e;
}

.event-detail-table .tab-title:after {
  position: absolute;
  content: ':';
  right: 0;
}

.event-detail-table .tab-content.italic {
  font-style: italic;
  color: #fff;
}

.event-content p {
  font-size: 18px;
  margin-bottom: 15px;
}

td.tab-content.artist {
  color: #ff2c55;
}

.tab-content.location,
.tab-content.location a {
  color: #ff2c55;
}

.event-ticket {
  margin-top: 20px;
  color: #fff;
}

.event-ticket span {
  font-size: 31px;
  font-weight: 500;
  margin-left: 10px;
  color: #ffffff;
}

.event-ticket a {
  padding: 15px 35px;
  margin-left: 20px;
  background-color: #ff2c55;
  color: #ffffff;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 500;
}


/* Single Event Counter */

.event-counter {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  position: relative;
}

.event-counter-wrap {
  padding-top: 200px;
  padding-bottom: 150px;
}

.event-counter .counter {
  display: inline-block;
  padding-right: 30px;
  margin-right: 30px;
  margin-top: 50px;
  position: relative;
}

.first-day-countdown {
  padding-left: 40px;
}

.elementor .first-day-countdown {
  padding-left: 0;
}

.event-counter .counter:after {
  position: absolute;
  content: ':';
  right: 0;
  top: 0;
  color: #ffffff;
  font: inherit;
  font-size: 80px;
}

.event-counter .counter:last-child:after {
  display: none;
}

.event-counter .counter-wrap h3 {
  color: #ffffff;
  margin: 0;
  font-size: 7rem;
  margin-bottom: 25px;
  font-family: 'Poppins';
  font-weight: normal;
}

.event-counter .counter-wrap span {
  color: #db2e50;
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
}

.event-counter .overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.countdown-title {
  position: relative;
  padding-left: 110px;
  text-align: right;
}

.countdown-title:after {
  content: '';
  background-image: url(img/title-circ.png);
  height: 193px;
  width: 193px;
  position: absolute;
  top: -55px;
  left: 50px;
  z-index: 0;
}

.countdown-title h2 {
  color: #ffffff;
  font-size: 5.6rem;
  line-height: 1.2;
  margin: 0;
  position: relative;
  letter-spacing: 1px;
  z-index: 2;
}

.single-event-wrap .float {
  margin-top: 0;
}

/* Single Event Related Posts */

.event-related-content {
  padding: 100px 0 80px 0px;
}

.event-related-content .post-thumb {
  overflow: hidden;
}

.event-related-content h3 {
  text-align: center;
  margin-bottom: 75px;
  font-size: 25px;
}

.single-event-wrap .countdown h3 {
  color: #ffffff;
  margin: 0;
  font-size: 7rem;
  margin-bottom: 0;
  font-family: 'Poppins';
  font-weight: normal;
}

.event-related-content .event-date {
  font-style: italic;
  color: #ff2c55;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.event-related-content .related-title h4 a {
  font-size: 28px;
  font-size: 2.8rem;
  color: #ffffff;
}


/* Single Event Summary */
.single-event-wrap {
  padding-top: 85px;
  padding-bottom: 0;
}

.featured-event .event-content {
  margin-bottom: 40px;
}

.featured-event .event-link a {
  padding: 15px 30px;
  text-transform: uppercase;
  background-color: #ff2c55;
  border-radius: 50px;
  clear: both;
}


.event-thumbnail .thumb-inner span {
  z-index: 1;
}

.event-thumbnail .thumb-inner span {
  background-image: url(img/img-bord.png);
  content: "";
  height: 300px;
  width: 300px;
  position: absolute;
  background-repeat: round;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.event-content-wrap .the-title h2 {
  font-size: 62px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  9.  SINGLE POST PAGE
/*-----------------------------------------------------------------------------------*/
/*Single Post*/
.single .blog-single .the-post-head .standard-post-categories a {
  display: inline-block;
  padding: 4px 25px;
  border: 2px solid #ff2c55;
  border-radius: 30px;
  color: #fff;
  background-color: transparent;
}

.single .blog-single .the-post-head .standard-post-categories a {
  padding: 8px 25px;
  margin-top: 25px;
}

h2.post-title.entry-title a {
  color: #ffffff;
}

h2.post-title.entry-title a:hover {
  color: #ff2c55;
}

.single .blog-single .the-post-head .standard-post-categories {
  margin-bottom: 15px;
}

.single .the-post-head .date:before {
  content: '';
  height: 2px;
  background-color: #ff2c55;
  width: 35px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.single .blog-single .meta-info .span-head a span {
  color: #ff2c55;
}

.single .blog-single span.author.span-head a {
  color: #ffffff;
}

.single .single-post-head .post-meta {
  margin-bottom: 15px;
}

.single .meta-info {
  position: relative;
}

.single .meta-info span {
  font-size: 13px;
  position: relative;
}

.single .meta-info span.date {
  padding-left: 45px;
  position: relative;
}



.single img.alignleft {
  margin: 10px 20px 20px 0;
  float: left;
}

.single img.aligncenter {
  margin-bottom: 20px;
}

.single img.alignright {
  margin: 10px 0 10px 20px;
  float: right;
}


.single .blog-single .tag-wrapper a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  background-color: #efefef;
  color: #666;
  padding: 5px 15px;
  border-radius: 25px;
}

.single .blog-single .tag-wrapper a {
  color: #ffffff;
}

.single .blog-single .tag-wrapper a {
  background-color: #111111;
}

.single .blog-single .tag-wrapper a:hover {
  background-color: #ff2c55;
}

.single .blog-single .tag-wrapper a:hover {
  color: #ffffff;
}

.single .blog-single .meta-bottom {
  margin-top: 10px;
}

.single .blog-single .next-prev-post {
  border: 0;
  margin-top: 30px;
  padding: 0;
}

.single .blog-single .next-prev-post .inner-nav {
  padding: 20px 60px;
  background-color: #fff;
  border: 1px solid #eee;
}

.single .blog-single .next-prev-post .inner-nav,
.single .comments-area,
.single textarea,
.single .blog-single .post-author .author-wrap {
  border-color: #222222;
}

.single .blog-single .next-prev-post .inner-nav {
  background-color: #0b0b0b;
}

.blog-single .next-prev-post .prev-post a>.the-nav-title,
.blog-single .next-prev-post span {
  color: #ffffff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.blog-single .next-prev-post span.the-nav-link {
  color: #ff2c55;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.blog-single .next-prev-post .prev-post a:hover .the-nav-title,
.blog-single .next-prev-post span.the-nav-link {
  color: #ff2c55;
}

.blog-single .next-prev-post .prev-post a:hover span.the-nav-link {
  color: #ffffff;
}

.blog-single .next-prev-post .next-post a>.the-nav-title,
.blog-single .next-prev-post span {
  color: #ffffff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.blog-single .next-prev-post .next-post a:hover .the-nav-title,
.blog-single .next-prev-post span.the-nav-link {
  color: #ff2c55;
}

.blog-single .next-prev-post .next-post a:hover span.the-nav-link {
  color: #ffffff;
}

.single .blog-single .post-author {
  margin-top: 3rem;
}

.single .blog-single .post-author {
  border-top-color: #222222;
}

.single .blog-single .post-author .author-ava img {
  border-radius: 50%;
}

.single .blog-single .post-author .author-wrap {
  border: 1px solid;
  padding: 40px;
  border-color: #222222;
}

.single .blog-single .post-author .author-ava {
  float: left;
  margin-right: 20px;
}

.single .blog-single .post-author .author-name {
  margin-bottom: 10px;
}

.single .blog-single .post-author .author-name a {
  font-weight: 600;
  color: #ffffff;
}

.single .blog-single .post-author .author-name a:hover {
  color: #ff2c55;
}

.single .related-content {
  margin-top: 20px;
  margin-bottom: 20px;
}

.single .related-content h3 {
  color: #ffffff;
}

.post-thumb:hover .dugem-overlay {
  opacity: .3;
}

.post-thumb .dugem-overlay {
  position: absolute;
  background-color: #000;
  display: block;
  left: 0;
  top: 0;
  width: 103%;
  height: 103%;
  z-index: 10;
  -webkit-transform: translate(-1px, -1px);
  -ms-transform: translate(-1px, -1px);
  transform: translate(-1px, -1px);
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.post-thumb {
  position: relative;
  overflow: hidden;
}

.post-thumb img {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity .2s ease-in-out, -webkit-transform .5s ease;
  transition: opacity .2s ease-in-out, -webkit-transform .5s ease;
  transition: transform .5s ease, opacity .2s ease-in-out;
  transition: transform .5s ease, opacity .2s ease-in-out, -webkit-transform .5s ease;
}

.post-thumb:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

.blog-single .blog-item .post-thumb {
  margin-bottom: 25px;
}

.blog-single .related-title {
  margin-top: 20px;
}

.blog-single .related-title h4 a {
  color: #ffffff;
}

.blog-single .next-prev-post .prev-post {
  text-align: left;
  padding-left: 0;
}

.blog-single .next-prev-post .next-post {
  text-align: right;
  float: right;
  padding-right: 0;
}

.blog-single .related-title h4 a:hover {
  color: #ff2c55;
}

.sidebar .widget .latest-post-wrap h5 a:hover {
  color: #ff2c55;
}

.single {
  padding-top: 60px;
  padding-bottom: 60px;
}

.single .blog-single .the-post-head .standard-post-categories a:hover {
  background-color: #ff2c55;
  color: #ffffff;
}

.blog-single .author-desc {
  overflow: hidden;
}

.blog-single-wrap h2.post-title.entry-title {
  margin-bottom: 5px;
}

/*-----------------------------------------------------------------------------------*/
/* 9a.  SIDEBAR
/*-----------------------------------------------------------------------------------*/
/*Sidebar*/
.sidebar .widget .widget-title h4 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .025em;
  text-align: left;
  position: relative;
  z-index: 2;
  padding-left: 35px;
}

.sidebar .widget .widget-title h4 {
  color: #ffffff;
}

.sidebar .widget .widget-title h4:after {
  content: '//';
  color: #ff2c55;
  position: absolute;
  left: 0;
  top: 0;
}

.sidebar .widget .latest-post-wrap h5 a {
  color: #fff;
}

.sidebar .widget .post-content {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0f0f0f;
}

.sidebar .widget .post-content h5 {
  margin-bottom: 0;
  font-weight: 200;
}

.sidebar .widget {
  margin-bottom: 40px;
}

.sidebar .widget .widget-archive ul {
  padding-left: 0;
}

.sidebar .widget .widget-archive li a {
  color: #ffffff;
}

.sidebar .widget .widget-archive li a:hover {
  color: #ff2c55;
}

.sidebar .widget .widget-archive ul li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0f0f0f;
}

.sidebar .widget .widget-category ul {
  padding-left: 0;
}

.sidebar .widget .widget-category li a {
  color: #ffffff;
}

.sidebar .widget .widget-category li a:hover {
  color: #ff2c55;
}

.sidebar .widget .widget-category ul li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0f0f0f;
}

/*-----------------------------------------------------------------------------------*/
/*  10. FOOTER
/*-----------------------------------------------------------------------------------*/

#footer {
  background-color: #0b0b0b;
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-position: center center;
  background-size: inherit;
  background-image: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.footer .logo-footer {
  margin-top: 20px;
  margin-left: 5px;
  margin-bottom: 20px;
  margin-right: 5px;
}

.footer .logo-footer img {
  margin: auto;
}

.footer-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

#footer .footer-bottom {
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer-bottom {
  border-top: 1px solid #151515;
}

.footer-bottom {
  padding: 25px 0;
}

.footer-bottom .social-footer ul {
  padding-left: 0;
}

.footer-bottom .social-footer ul li i {
  vertical-align: middle;
  margin-right: 7px;
}

.footer-bottom .social-footer ul li {
  display: inline-block;
  margin-left: 20px;
}

.footer-bottom .social-footer ul li a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.footer-bottom .social-footer ul li a:hover {
  color: #ff2c55;
}

.copyright-text {
  margin-top: 20px;
  margin-left: 5px;
  margin-bottom: 20px;
  font-size: 15px;
  color: #aaaaaa;
  margin-right: 5px;
}



  .hero-search {padding:18px 0 8px;}
  .hero-row {
    display:flex; gap:16px; align-items:center; flex-wrap:wrap;
    background:#fff; border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,.08);
    padding:12px;
  }
  .hs-field {display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #eee; 
             border-radius:12px; padding:12px 14px; flex:1 1 320px;}
  .hs-field.select {max-width:320px; flex:0 0 auto;}
  .hs-field select, .hs-field input{
    border:none; outline:none; background:transparent; width:100%;
    font-size:16px; color:#111;
  }
  .hs-field input::placeholder {color:#8a8a8a;}
  .hs-icon {color:#d32e2e; font-size:18px;}
  .chip-row {
    margin-top:12px; display:flex; gap:12px; overflow-x:auto; padding-bottom:6px;
  }
  .chip {display:inline-flex; align-items:center; gap:8px; padding:10px 14px; background:#fff;
         border:1px solid #eee; border-radius:16px; white-space:nowrap;
         box-shadow:0 3px 12px rgba(0,0,0,.06); color:#111; font-weight:500; }
  .chip .fa-solid {color:#e23a2c;}
  .chip:focus, .chip:hover {border-color:#ffd3cc; box-shadow:0 6px 18px rgba(226,58,44,.15);}
  @media (max-width: 768px){
    .hs-field.select {max-width:100%;}
    .hero-row {padding:10px;}
  }
  
  
  
  
    .tp-grid{
              display:grid; gap:24px;
              grid-template-columns:repeat(4,minmax(0,1fr));
            }
  @media (max-width:980px){ .tp-grid{grid-template-columns:1fr;} }

  .tp-card{
    background:#fff; border-radius:18px; overflow:hidden;
    box-shadow:0 8px 24px rgba(16,24,40,.10);
    display:flex; flex-direction:column;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .tp-card:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(16,24,40,.18); }

  .tp-thumb{ aspect-ratio:16/10; position:relative; overflow:hidden; }
  .tp-thumb img{ width:100%; object-fit:cover; display:block; }
 
  .tp-body{ padding:14px 16px 16px; }
  .tp-location{ font-size:14px; color:#6b7280; margin-bottom:4px; }
  .tp-title{ margin:0 0 10px; font-size:20px; line-height:1.25; color:#0f172a; }
  .tp-title a{ color:inherit; text-decoration:none; }
  .tp-title a:hover{ text-decoration:underline; }

  .tp-meta{ display:flex; gap:18px; align-items:center; font-size:14px; color:#111; }
  .tp-meta i{ margin-right:8px; color:#3b82f6; } /* icono calendario */

  .tp-price{ margin-top:8px; font-size:14px; color:#374151; }
  .tp-price strong{ font-weight:700; }
  .eventHome {height: 174px;}
  
  
  @media (min-width: 1200px) {
  .containerP {
    max-width: 87%;
    margin: auto;
  }
}

    h3 a{font-size: 20px;}
    
    
    
    
      /* --- Layout general sobre fondo negro --- */
  .page-dark { /*background:#0b0b0b;*/background: white; padding:24px; }
  .event-card {
    max-width: 1200px; margin:0 auto;
    background:#ffffff; border-radius:18px; overflow:hidden;
    box-shadow:0 14px 48px rgba(0,0,0,.45);
  }
  .event-grid {
    display:grid; grid-template-columns: 360px 1fr; gap:24px;
    padding:24px;background: white;
  }
  @media (max-width: 980px){
    .event-grid { grid-template-columns: 1fr; padding:16px; gap:16px; }
  }

  /* --- Lateral izquierdo (póster + mapa) --- */
  .left-col { display:flex; flex-direction:column; gap:12px; }
  .poster { border-radius:14px; overflow:hidden; background:#f3f4f6;padding: 1%; }
  .poster img { display:block; width:100%; height:auto; object-fit:cover; }
  .venue-badge { background:#fff; border:1px solid #eee; border-radius:10px; padding:10px 12px; font-weight:600; color:#ef4444; }
  .map { border-radius:14px; overflow:hidden; background:#eef2ff; border:1px solid #e5e7eb; }
  .map iframe, .map img { display:block; width:100%; height:220px; border:0; }

  /* --- Cabecera derecha --- */
  .right-col { display:flex; flex-direction:column; gap:18px; }
  .head {
    display:grid; grid-template-columns: 72px 1fr; gap:16px; align-items:start;
  }
  .date-badge {
    background:#fff1f2; border:1px solid #ffe4e6; color:#ef4444;
    border-radius:12px; text-align:center; padding:8px 6px; font-weight:700;
    display:flex; flex-direction:column; line-height:1;
  }
  .date-badge small { font-size:12px; letter-spacing:.08em; }
  .date-badge span { font-size:28px; margin-top:6px; }

  .title { margin:0; font-size:26px; line-height:1.2; color:#0f172a; font-weight:800; }
  .producer-link { color:#e11d48; font-weight:600; text-decoration:none; }
  .producer-link:hover { text-decoration:underline; }

  .meta { display:flex; flex-direction:column; gap:8px; color:#111827; }
  .meta i { color:#2563eb; margin-right:8px; }
  .meta div { display:flex; align-items:center; }

  /* --- Lista de entradas --- */
  .tickets {
    margin-top:6px; border-radius:12px; overflow:hidden;
    border:1px solid #e5e7eb;
  }
  .tickets .bar {
    background:#f9fafb; padding:12px 16px; font-weight:700; color:#0f172a; border-bottom:1px solid #e5e7eb;
  }
  .ticket-row {
    display:grid; grid-template-columns: 1fr 140px 170px; gap:12px;
    align-items:center; padding:14px 16px; border-bottom:1px solid #f1f5f9;
  }
  .ticket-row:last-child { border-bottom:none; }
  .t-name { font-weight:700; color:#0f172a; }
  .t-sub { display:block; font-size:12px; color:#6b7280; font-weight:500; margin-top:2px; }
  .t-price { font-weight:800; color:#0f172a; }
  .controls { display:flex; justify-content:flex-end; gap:8px; align-items:center; }

  /* qty control */
  .qty {
    display:flex; align-items:center; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden;
  }
  .qty button { width:34px; height:36px; border:0; background:#f3f4f6; cursor:pointer; font-weight:700; }
  .qty input { width:46px; height:36px; border:0; text-align:center; font-weight:700; }

  .btn-add {
    background:#111827; color:#fff; border:0; padding:9px 14px; border-radius:10px; font-weight:700; cursor:pointer;
    transition: transform .08s ease, background .2s;
  }
  .btn-add.active { background:#22c55e; }
  .btn-add:active { transform: translateY(1px); }

  /* --- Pie: total + CTA grande (opcional) --- */
  .cart-bar {
    display:flex; justify-content:space-between; align-items:center; gap:12px;
    padding:16px; background:#f9fafb; border-top:1px solid #e5e7eb;
  }
  .cart-total { font-weight:800; color:#0f172a; }
  .btn-cart {
    background:#22c55e; color:#fff; border:0; padding:12px 18px; border-radius:12px; font-weight:800; cursor:pointer;
  }

  /* responsive tickets */
  @media (max-width:700px){
    .ticket-row{ grid-template-columns: 1fr; }
    .controls{ justify-content:flex-start; }
  }
  
  
  
  /* === 2 columnas con gap (desktop) === */
.event-grid{
  display: grid;
  grid-template-columns: minmax(320px, 420px) 1fr; /* izquierda fija, derecha flexible */
  gap: 24px;                /* espacio entre columnas */
  padding: 24px;            /* si ya lo tienes, puedes omitir */
  /*height: 100vh;*/            /* fija alto de la tarjeta para habilitar scroll interno */
  box-sizing: border-box;
  min-height: 0;            /* IMPORTANT: permite que los hijos gestionen su propio scroll */
  background: white;
}

/* === Hacer scroll SOLO en la columna derecha === */
.right-col{
  overflow: auto;           /* scroll interno */
  max-height: 100%;         /* usa el alto del grid (100vh) */
  min-height: 0;            /* IMPORTANT: que no fuerce crecimiento del contenedor */
  padding-right: 4px;       /* evita que el scrollbar tape contenido */
  background: white;
  border-radius: 5px;
  padding: 1%;
}

.description-event{
    
    margin-right: 5%;
  padding: 2%;
  text-align: justify;
  color: black;
    
}

/* Opcional: fija el alto del póster/mapa para que no estire el grid */
.left-col{ min-height: 0;background: white; border-radius: 5px;}

/* === Móvil: 1 columna y scroll normal de página === */
@media (max-width: 980px){
  .event-grid{
    grid-template-columns: 1fr;
    height: auto;           /* desactiva el alto fijo */
    background: white;
      border-radius: 5px;
  }
  .right-col{
    overflow: visible;      /* scroll vuelve a la página */
    max-height: none;
    border-radius: 5px;
    background: white;
    padding: 1%;
  }
  
  .description-event{}
}
  
  
  
  /* Barra de subproductos con nota */
.bar-sub{ position:relative; background:#fff; }
.lock-note{
  font-weight:600; color:#ef4444; margin-left:8px; font-size:.9rem;
}

/* Estado bloqueado visual para addons */
.addons.locked .addon-row{ opacity:.55; }
.addons.locked .btn-add{ background:#4b5563 !important; cursor:not-allowed; }




  .btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #25D366;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
    padding: 14px 28px;
    font-size: 16px;
    transition: all 0.25s ease;
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.3);
  }
  .btn-whatsapp:hover {
    background-color: #1EBE5D;
    transform: translateY(-2px);
    box-shadow: 0 0 25px rgba(37, 211, 102, 0.5);
  }
  .btn-whatsapp i {
    font-size: 20px;
  }

/* Submenú oculto por defecto */
#main-menu .submenu {
  display: none;
  position: absolute;
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Mostrar al pasar el mouse */
#main-menu li.has-submenu:hover .submenu {
  display: block;
}

/* Estilos del enlace del submenú */
#main-menu .submenu li a {
  display: block;
  padding: 8px 16px;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}

#main-menu .submenu li a:hover {
  background: #f0f0f0;
}



.tz-card{
  --tz-bg:#0b0b0c;
  --tz-surface:#ffffff;
  --tz-ink:#0e1428;
  --tz-muted:#58627a;
  --tz-accent:#e31e62;
  --tz-accent-2:#ff6a00;
  --tz-border:#e7e9ee;
  --tz-shadow:0 14px 34px rgba(0,0,0,.18);
  --tz-soft:0 1px 0 rgba(15,23,42,.06) inset;
  --tz-radius:18px;
  --tz-radius-sm:10px;
  --tz-pad:22px;
  --tz-gap:12px;
  --tz-font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  display:block;
  padding:8px;
}
.tz-card__frame{
  background:var(--tz-surface);
  border-radius:calc(var(--tz-radius) - 1px);
  padding:var(--tz-pad);
  box-shadow:var(--tz-shadow);
  position:relative;
  border:1px solid rgba(15,23,42,.06);
}
.tz-card__frame::before{
  content:"";
  position:absolute; inset:-10px; border-radius:calc(var(--tz-radius) + 4px);
  background:#000; z-index:-1;
}
.tz-card *{font-family:var(--tz-font); box-sizing:border-box}

.tz-card__head{display:flex; gap:16px; align-items:flex-start}
.tz-card__date{
  width:64px; text-align:center; background:#fff5f0; border:1px solid #ffdcc9;
  border-radius:var(--tz-radius-sm); padding:10px 8px; box-shadow:var(--tz-soft)
}
.tz-card__date-top{display:block; font-size:12px; letter-spacing:.6px; color:var(--tz-accent-2); font-weight:800}
.tz-card__date-num{display:block; font-size:28px; font-weight:900; color:#e64b1a; line-height:1.05}

.tz-card__titlebox{display:flex; flex-direction:column; gap:6px}
.tz-card__title{margin:0; font-size:26px; font-weight:900; color:var(--tz-ink); line-height:1.2}
.tz-card__producer{color:var(--tz-accent); text-decoration:none; font-weight:800}
.tz-card__producer:hover{text-decoration:underline}

.tz-card__meta{list-style:none; padding:0; margin:14px 0; display:flex; flex-direction:column; gap:8px}
.tz-card__meta-row{display:flex; gap:10px; align-items:center; color:#294a7a; font-weight:700}
.tz-card__i{width:22px; display:inline-flex; justify-content:center}

.tz-card__desc{margin:0 0 16px; color:#23406f; line-height:1.7}

.tz-form{margin-top:6px; border-top:1px dashed var(--tz-border); padding-top:16px}
.tz-form__title{margin:0 0 10px; font-size:18px; font-weight:900; color:var(--tz-ink)}

.tz-form__grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--tz-gap);
}
@media (max-width:760px){ .tz-form__grid{grid-template-columns:1fr} }

.tz-field{display:flex; flex-direction:column; gap:6px}
.tz-field__lab{font-size:13px; font-weight:800; color:#1a2546}
.tz-field__inp{
  width:100%; border:1px solid var(--tz-border); border-radius:12px; padding:12px 12px;
  background:#fff; color:#0f172a; outline:none;
}
.tz-field__inp:focus{border-color:#95b5ff; box-shadow:0 0 0 3px rgba(60,110,255,.16)}
.tz-field__hint{color:#6b7280; font-size:12px}
.tz-req{color:#e11d48}

.tz-field__pwd{position:relative}
.tz-toggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  border:0; background:transparent; padding:6px 8px; border-radius:8px; cursor:pointer;
  font-size:12px; font-weight:700; color:#334155;
}
.tz-toggle:hover{background:#f2f3f5}

.tz-actions{display:flex; gap:10px; align-items:center; flex-wrap:wrap; grid-column:1/-1}
.tz-btn{
  appearance:none; border:0; cursor:pointer; padding:12px 18px; border-radius:12px;
  background:var(--tz-accent); color:#fff; font-weight:900;
  box-shadow:0 12px 24px rgba(227,30,98,.25);
}
.tz-btn:hover{filter:brightness(.95)}
.tz-note{font-size:12px; color:#6b7280}

.tz-ok{display:none; grid-column:1/-1; margin-top:8px; padding:10px 12px; border-radius:10px;
  background:#e9fff5; color:#065f46; border:1px solid #baf1d8; font-weight:700}
  
  
  .tz-login{
  --tz-bg:#f8f9fb;
  --tz-surface:#fff;
  --tz-ink:#0d172a;
  --tz-accent:#e31e62;
  --tz-border:#e5e7eb;
  --tz-radius:16px;
  --tz-font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  display:flex; justify-content:center; align-items:center;
  padding:40px 16px;
}
.tz-login__box{
  background:var(--tz-surface);
  border-radius:var(--tz-radius);
  padding:28px 26px;
  width:100%;
  max-width:400px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  border:1px solid rgba(15,23,42,.06);
}
.tz-login *{font-family:var(--tz-font); box-sizing:border-box}
.tz-login__title{
  text-align:center; font-size:22px; font-weight:900; color:var(--tz-ink); margin-bottom:18px;
}

.tz-field{display:flex; flex-direction:column; gap:6px; margin-bottom:12px}
.tz-field__lab{font-size:13px; font-weight:700; color:#1a2546}
.tz-field__inp{
  border:1px solid var(--tz-border);
  border-radius:10px;
  padding:12px;
  font-size:15px;
  outline:none;
}
.tz-field__inp:focus{border-color:#95b5ff; box-shadow:0 0 0 3px rgba(60,110,255,.16)}

.tz-field__pwd{position:relative}
.tz-toggle{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  background:transparent; border:0; font-size:12px; font-weight:700; color:#334155; cursor:pointer;
  padding:5px 8px; border-radius:8px;
}
.tz-toggle:hover{background:#f2f3f5}

.tz-actions{display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:6px}
.tz-btn{
  background:var(--tz-accent); color:#fff; font-weight:900;
  padding:12px 20px; border:none; border-radius:12px; cursor:pointer;
  width:100%; box-shadow:0 10px 24px rgba(227,30,98,.25);
}
.tz-btn:hover{filter:brightness(.95)}
.tz-link{font-size:13px; color:#334155; text-decoration:none}
.tz-link:hover{text-decoration:underline}

.tz-ok{display:none; margin-top:12px; padding:10px 12px; border-radius:10px;
  background:#e9fff5; color:#065f46; border:1px solid #baf1d8; font-weight:700; text-align:center}
  
  
  
  .tz-search{
  --tz-bg: #0b0b0c;        /* fondo oscuro */
  --tz-ink:#ffffff;        /* texto */
  --tz-ink-2:#d8d8d8;      /* texto suave */
  --tz-accent:#f9174d;     /* fucsia marca */
  --tz-line:#ffffff;       /* línea input */
  --tz-glow: rgba(249,23,77,.35);
  --tz-radius: 18px;
  --tz-font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
}

/* ===== Botón opcional que abre (puedes ocultarlo si ya tienes trigger) ===== */
.tz-search-open{
  all: unset; cursor:pointer; padding:.5rem .75rem; border-radius:12px;
  background: var(--tz-accent); color:#fff; font-weight:800;
}

/* ===== Overlay ===== */
.tz-search{
  position: fixed; inset:0; z-index: 9999; display: none;
}
.tz-search.is-open{ display:block; }
.tz-search::before{
  content:""; position:absolute; inset:0;
  background: radial-gradient(1000px 380px at 50% 20%, rgba(249,23,77,.12), transparent 60%),
              linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,.86));
}
.tz-search::after{
  /* marco fucsia como en tu screenshot */
  content:""; position:absolute; inset:26px; border:8px solid var(--tz-accent); border-radius:24px; pointer-events:none;
}

/* ===== Contenido ===== */
.tz-search *{ font-family:var(--tz-font); box-sizing:border-box }
.tz-search__frame{
  position:absolute; inset:0; display:grid; place-items:center; padding:28px;
}
.tz-search__form{ width:min(980px, 92vw); }
.tz-search__field{
  position:relative; display:flex; align-items:center;
  padding:18px 20px 16px 64px; border-radius:20px;
  background: rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08);
  outline:1px solid rgba(255,255,255,.05);
  box-shadow: 0 0 0 2px transparent, 0 12px 40px rgba(0,0,0,.35);
}
.tz-search__field::after{
  content:""; position:absolute; left:20px; right:20px; bottom:-1px; height:1px; background: var(--tz-line); opacity:.6;
}
.tz-search__icon{
  position:absolute; left:20px; font-size:22px; opacity:.9; filter: drop-shadow(0 0 10px var(--tz-glow));
}
.tz-search__input{
  width:100%; background:transparent; border:0; outline:0; color:var(--tz-ink);
  font-size: clamp(24px, 5vw, 44px); font-weight:800; letter-spacing:.2px;
  caret-color: var(--tz-accent);
}
.tz-search__input::placeholder{ color:var(--tz-ink-2); opacity:.35; font-weight:700 }

.tz-search__hint{
  margin:.85rem 6px 0; color:var(--tz-ink-2); font-size:14px; letter-spacing:.2px;
}
.tz-search__hint b{ color:#fff }

/* ===== Botón cerrar (X) ===== */
.tz-search__close{
  position:absolute; top:18px; right:22px; width:44px; height:44px; border-radius:50%;
  border:0; cursor:pointer; background:rgba(255,255,255,.06);
  box-shadow:0 0 0 2px rgba(255,255,255,.08) inset;
}
.tz-search__close:hover{ background:rgba(255,255,255,.12) }
.tz-x, .tz-x::before{
  position:absolute; inset:0; margin:auto; content:""; width:20px; height:2px; background:#fff; transform:rotate(45deg);
}
.tz-x::before{ transform:rotate(-90deg) }

/* ===== Foco bonito ===== */
.tz-search__input:focus + .tz-search__underline,
.tz-search__field:focus-within{ box-shadow: 0 0 0 2px var(--tz-glow) inset, 0 0 0 6px rgba(249,23,77,.12) }
  
 



.tz-dash{
  --tz-ink:#0e1428;
  --tz-soft:#6b7280;
  --tz-ok:#10b981;          /* verde principal (puedes mantener el tuyo) */
  --tz-accent:#f9174d;      /* fucsia marca */
  --tz-warn:#f59e0b;
  --tz-danger:#ef4444;
  --tz-surface:#ffffff;
  --tz-border: #e6e8ee;
  --tz-font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  --tz-radius:18px;
  --tz-shadow:0 18px 50px rgba(2,8,23,.12);
  display:block; padding:26px 16px 40px;
}
.tz-dash *{box-sizing:border-box; font-family:var(--tz-font)}
.tz-dash__head{max-width:1100px; margin:0 auto 14px}
.tz-dash__title{margin:0 0 6px; font-size:28px; font-weight:900; color:var(--tz-ink)}
.tz-dash__title span{color:var(--tz-accent)}
.tz-dash__sub{margin:0; color:var(--tz-soft)}

.tz-dash__grid{
  max-width:1100px; margin:18px auto 0;
  display:grid; gap:16px;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 980px){
  .tz-dash__grid{grid-template-columns: repeat(6, 1fr);}
}
@media (max-width: 640px){
  .tz-dash__grid{grid-template-columns: repeat(2, 1fr);}
}

/* ===== Cards ===== */
.tz-card{
  grid-column: span 3;        /* 4 por fila en desktop */
  position:relative; isolation:isolate;
  border-radius: var(--tz-radius);
  overflow:hidden; min-height:160px;
  display:flex; align-items:flex-end; text-decoration:none;
  background: #0b0b0c;
  box-shadow: var(--tz-shadow);
  transform: translateZ(0);   /* acelera efectos */
}
.tz-card:hover{ transform: translateY(-2px); }
.tz-card::before{
  /* imagen de fondo */
  content:""; position:absolute; inset:0; z-index:-2;
  background-image: var(--bg);
  background-size: cover; background-position: center;
  filter: grayscale(.1) saturate(1.1) brightness(.9);
  transform: scale(1.03);
  transition: transform .45s ease, filter .35s ease;
}
.tz-card::after{
  /* overlay gradiente + vignette */
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(70% 60% at 80% 20%, rgba(249,23,77,.25), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.75) 100%);
}
.tz-card:hover::before{ transform: scale(1.06); filter: grayscale(0) saturate(1.25) brightness(1); }

.tz-card__badge{
  position:absolute; top:12px; left:12px;
  display:inline-grid; place-items:center;
  width:42px; height:42px; border-radius:12px;
  background: rgba(16,185,129,.85); color:#fff;
  backdrop-filter: blur(4px);
  box-shadow: 0 6px 22px rgba(16,185,129,.35), 0 0 0 2px rgba(255,255,255,.1) inset;
}
.tz-card__badge--ok{ background: rgba(16,185,129,.9); }
.tz-card--alt .tz-card__badge{ background: rgba(249,23,77,.9); box-shadow:0 6px 22px rgba(249,23,77,.35), 0 0 0 2px rgba(255,255,255,.1) inset }
.tz-card--warn .tz-card__badge{ background: rgba(245,158,11,.92) }
.tz-card--danger .tz-card__badge{ background: rgba(239,68,68,.92) }
.tz-card__badge svg{ width:22px; height:22px; fill:#fff }

.tz-card__content{
  width:100%; padding:16px 16px 14px;
  color:#fff;
}
.tz-card__title{margin:0 0 6px; font-size:18px; font-weight:900; letter-spacing:.2px}
.tz-card__desc{margin:0; font-size:13px; opacity:.9}

/* Responsivo: algunas tarjetas pueden ocupar más columnas si quieres */
.tz-card:nth-child(1){ grid-column: span 4; }   /* eTickets un poco más grande */
.tz-card:nth-child(4){ grid-column: span 4; }   /* Biométricos más grande */

@media (max-width:980px){
  .tz-card{ grid-column: span 3; } /* 2 por fila */
  .tz-card:nth-child(1),
  .tz-card:nth-child(4){ grid-column: span 6; } /* full row */
}
@media (max-width:640px){
  .tz-card, .tz-card:nth-child(1), .tz-card:nth-child(4){ grid-column: span 2; }
}






.tz-tix{
  --tz-ink:#0e1428;
  --tz-soft:#6b7280;
  --tz-surface:#fff;
  --tz-accent:#f9174d;       /* fucsia marca */
  --tz-ok:#10b981;           /* verde ok */
  --tz-cons:#8b5cf6;         /* violeta consumos */
  --tz-border:#e7e9ee;
  --tz-shadow:0 14px 40px rgba(2,8,23,.08);
  --tz-font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  display:block; padding:18px 12px 34px;
}
.tz-tix *{box-sizing:border-box; font-family:var(--tz-font)}

.tz-tix__head{
  max-width:1200px; margin:0 auto 10px; display:flex; gap:18px; align-items:flex-end; justify-content:space-between;
}
.tz-tix__title{margin:0; font-size:28px; font-weight:900; color:var(--tz-ink)}
.tz-tix__title span{color:var(--tz-accent)}
.tz-tix__sub{margin:6px 0 0; color:var(--tz-soft)}
.tz-tix__controls{display:flex; align-items:center; gap:12px}

/* Tabs */
.tz-tabs{display:flex; gap:8px; background:#0b0b0c; padding:6px; border-radius:14px}
.tz-tab{
  appearance:none; border:0; background:transparent; color:#fff; opacity:.7;
  padding:8px 12px; border-radius:10px; cursor:pointer; font-weight:800; letter-spacing:.2px;
}
.tz-tab.is-active{ background:var(--tz-accent); opacity:1; box-shadow:0 6px 18px rgba(249,23,77,.35) }
.tz-select select{
  appearance:none; border:1px solid var(--tz-border); border-radius:10px; padding:10px 12px; background:#fff; color:#111;
}

/* Wrap + table */
.tz-tix__wrap{ max-width:1200px; margin:12px auto 0; background:var(--tz-surface); border:1px solid var(--tz-border); border-radius:16px; box-shadow:var(--tz-shadow); overflow:hidden }
.tz-tix__table{ width:100% }
.tz-tix__row{ display:grid; grid-template-columns: 120px 1.3fr .7fr 1.1fr .6fr .7fr .7fr 1fr; gap:10px; align-items:center; padding:12px 14px; border-top:1px solid rgba(15,23,42,.05)}
.tz-tix__row--head{ background:#f8fafc; position:sticky; top:0; z-index:2; font-weight:800; color:#334155; border-top:0; padding:14px }
.tz-tix__row--head > *{white-space:nowrap}

.tz-tix__poster{ position:relative; width:100%; aspect-ratio: 3/4; border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(2,8,23,.12) }
.tz-tix__poster img{ width:100%; height:100%; object-fit:cover; display:block }
.tz-chip{
  position:absolute; left:6px; top:6px; padding:6px 8px; border-radius:999px; font-size:12px; font-weight:900; color:#fff;
  background:rgba(0,0,0,.5); backdrop-filter: blur(4px);
}
.tz-chip--ok{ background:rgba(16,185,129,.92) }
.tz-chip--cons{ background:rgba(139,92,246,.95) }

.tz-tix__event-title{ margin:0 0 6px; font-size:16px; font-weight:900; color:#0f172a }
.tz-tags{ display:flex; gap:6px; flex-wrap:wrap }
.tz-tag{ padding:4px 8px; border-radius:8px; background:#0b0b0c; color:#fff; font-size:12px; font-weight:800 }
.tz-code{ color:#64748b }

.tz-pill{
  display:inline-block; padding:6px 10px; border-radius:999px; font-weight:900; color:#fff; background:var(--tz-accent)
}
.tz-pill--cons{ background:var(--tz-cons) }
.tz-sub{ color:#6b7280; display:block; margin-top:4px }

.tz-tix__price{ font-weight:900; color:#0f172a }
.tz-link{ color:#0f172a; text-decoration:none; font-weight:800 }
.tz-link:hover{ text-decoration:underline }

.tz-btn{
  appearance:none; border:0; cursor:pointer; padding:10px 12px; border-radius:10px; background:var(--tz-accent); color:#fff; font-weight:900;
  box-shadow:0 8px 18px rgba(249,23,77,.25)
}
.tz-btn--line{ background:transparent; color:#0f172a; border:2px solid #0f172a }
.tz-btn--ghost{ background:transparent; color:var(--tz-accent); border:2px solid var(--tz-accent) }
.tz-tix__actions{ display:flex; gap:8px; flex-wrap:wrap }

/* Empty state */
.tz-empty{ text-align:center; padding:48px 20px }
.tz-empty__icon{ font-size:44px; margin-bottom:8px }
.tz-empty__title{ margin:0 0 6px; font-size:20px; font-weight:900; color:#0f172a }
.tz-empty__text{ margin:0; color:#64748b }
.tz-empty a{ color:var(--tz-accent); text-decoration:none; font-weight:900 }

/* ===== Responsive: se vuelve “cards” en móvil ===== */
@media (max-width: 980px){
  .tz-tix__row,
  .tz-tix__row--head{ grid-template-columns: 100px 1fr; }
  .tz-tix__row--head{ display:none }
  .tz-tix__row{
    grid-auto-rows: auto;
    grid-template-areas:
      "poster event"
      "poster type"
      "poster place"
      "poster price"
      "poster eticket"
      "poster order"
      "poster actions";
    gap:10px 14px; padding:14px;
  }
  .tz-tix__poster{ grid-area: poster }
  .tz-tix__event{ grid-area: event }
  .tz-tix__type{ grid-area: type }
  .tz-tix__place{ grid-area: place }
  .tz-tix__price{ grid-area: price }
  .tz-tix__eticket{ grid-area: eticket }
  .tz-tix__order{ grid-area: order }
  .tz-tix__actions{ grid-area: actions }
}




.tz-prof{
  --tz-ink:#0e1428;
  --tz-soft:#6b7280;
  --tz-surface:#fff;
  --tz-accent:#f9174d;   /* fucsia marca */
  --tz-border:#e7e9ee;
  --tz-ok:#10b981;
  --tz-font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  --tz-radius:18px;
  --tz-shadow:0 18px 48px rgba(2,8,23,.10);
  display:block; padding:20px 14px 36px;
}
.tz-prof *{box-sizing:border-box; font-family:var(--tz-font)}

/* Head */
.tz-prof__head{
  display:grid; grid-template-columns: 240px 1fr; gap:18px; align-items:center;
  max-width:1000px; margin:0 auto 14px;
}
@media (max-width:840px){ .tz-prof__head{ grid-template-columns:1fr } }

.tz-prof__title{margin:0; font-size:24px; font-weight:900; color:var(--tz-ink)}
.tz-prof__sub{margin:6px 0 0; color:var(--tz-soft)}
.tz-prof__hints{margin:10px 0 0; padding-left:18px; color:#475569; font-size:14px}

/* Avatar */
.tz-prof__avatar{display:flex; flex-direction:column; gap:10px}
.tz-prof__avatar-wrap{
  position:relative; width:190px; height:190px; border-radius:30px; overflow:hidden;
  box-shadow:var(--tz-shadow); border:1px solid rgba(15,23,42,.06);
  background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.6));
  isolation:isolate; cursor:pointer;
}
.tz-prof__avatar-wrap::after{
  content:""; position:absolute; inset:0; z-index:0;
  background: radial-gradient(60% 50% at 80% 20%, rgba(249,23,77,.25), transparent 60%);
}
.tz-prof__avatar img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-1; filter: saturate(1.05) contrast(1.02);
}
.tz-prof__avatar-cta{
  position:absolute; inset:auto 0 0 0; padding:10px 8px; color:#fff; text-align:center;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.55));
}
.tz-prof__avatar-cta-main{ display:block; font-weight:900 }
.tz-prof__avatar-cta-sub{ font-size:12px; opacity:.85 }
.tz-prof__file{ position:absolute; inset:0; opacity:0; cursor:pointer }
.tz-prof__avatar-actions{ display:flex; gap:8px; flex-wrap:wrap }
.tz-prof__avatar-wrap.is-drag{ outline:3px dashed var(--tz-accent); outline-offset:4px }

/* Form */
.tz-prof__form{
  max-width:1000px; margin:10px auto 0; background:var(--tz-surface);
  border:1px solid var(--tz-border); border-radius:var(--tz-radius); padding:18px;
  box-shadow:var(--tz-shadow);
}
.tz-grid{ display:grid; gap:12px; grid-template-columns: repeat(2, minmax(0,1fr)); }
.tz-col-2{ grid-column: span 2 }
@media (max-width:720px){ .tz-grid{ grid-template-columns:1fr } .tz-col-2{ grid-column:auto } }

.tz-field{display:flex; flex-direction:column; gap:6px}
.tz-field__lab{font-size:13px; font-weight:800; color:#1a2546}
.tz-req{color:#e11d48}
.tz-field__inp{
  border:1px solid var(--tz-border); border-radius:12px; padding:12px; background:#fff; color:#0f172a; outline:none;
}
.tz-field__inp:focus{border-color:#95b5ff; box-shadow:0 0 0 3px rgba(60,110,255,.16)}
.tz-field__hint{color:#6b7280; font-size:12px}

.tz-field__pwd{position:relative}
.tz-toggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  background:transparent; border:0; font-size:12px; font-weight:700; color:#334155; cursor:pointer; padding:4px 8px; border-radius:8px;
}
.tz-toggle:hover{background:#f2f3f5}

.tz-actions{display:flex; align-items:center; gap:12px; margin-top:8px; flex-wrap:wrap}
.tz-btn{
  appearance:none; border:0; cursor:pointer; padding:12px 16px; border-radius:12px; font-weight:900;
  background:var(--tz-accent); color:#fff; box-shadow:0 10px 24px rgba(249,23,77,.25);
}
.tz-btn--ghost{ background:transparent; color:var(--tz-accent); border:2px solid var(--tz-accent) }
.tz-btn--line{ background:transparent; color:#0f172a; border:2px solid #0f172a }
.tz-note{ font-size:12px; color:#6b7280 }

.tz-ok{
  display:none; margin-top:10px; padding:10px 12px; border-radius:10px; background:#e9fff5; color:#065f46; border:1px solid #baf1d8; font-weight:700
}

/* Cambiar contraseña */
.tz-pass{ max-width:1000px; margin:16px auto 0; background:#fff; border:1px solid var(--tz-border); border-radius:16px; padding:16px; box-shadow:var(--tz-shadow) }
.tz-pass__title{ margin:0 0 10px; font-size:18px; font-weight:900; color:#0f172a }
.tz-pass__grid{ display:grid; gap:12px; grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width:840px){ .tz-pass__grid{ grid-template-columns:1fr } }


.tz-check{
  --tz-ink:#0f172a;
  --tz-soft:#6b7280;
  --tz-bg:#fff;
  --tz-accent:#f9174d;
  --tz-border:#e5e7eb;
  --tz-font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  display:block; padding:24px 14px 40px; background:#f9fafb;
}
.tz-check *{box-sizing:border-box; font-family:var(--tz-font)}
.tz-check__block{
  max-width:980px; margin:0 auto 20px; background:var(--tz-bg); border:1px solid var(--tz-border);
  border-radius:18px; padding:20px 22px; box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.tz-check__title{margin:0 0 14px; font-size:20px; font-weight:900; color:var(--tz-ink)}
.tz-item{display:flex; align-items:center; gap:14px; margin-bottom:12px}
.tz-item__img{width:80px; height:80px; object-fit:cover; border-radius:10px}
.tz-item__info{flex:1}
.tz-item__title{margin:0; font-size:16px; font-weight:900; color:var(--tz-ink)}
.tz-item__sub{margin:2px 0; color:var(--tz-soft); font-size:13px}
.tz-item__price{font-weight:900; color:var(--tz-accent)}
.tz-countdown{text-align:center; padding:6px 0 0; border-top:1px dashed var(--tz-border)}
.tz-clock{font-weight:900; color:var(--tz-accent); font-size:18px}
.tz-grid{display:grid; gap:12px; grid-template-columns:repeat(2,1fr)}
@media(max-width:720px){.tz-grid{grid-template-columns:1fr}}
.tz-field{display:flex; flex-direction:column; gap:6px}
.tz-field__lab{font-size:13px; font-weight:700; color:#1e293b}
.tz-field__inp{border:1px solid var(--tz-border); border-radius:12px; padding:12px; font-size:15px}
.tz-field__inp:focus{border-color:#93c5fd; box-shadow:0 0 0 3px rgba(147,197,253,.4)}
.tz-field__inp--sm{max-width:220px}
.tz-btn{
  border:0; cursor:pointer; border-radius:12px; padding:12px 16px;
  background:var(--tz-accent); color:#fff; font-weight:900; box-shadow:0 8px 18px rgba(249,23,77,.25);
}
.tz-btn--line{background:transparent; color:var(--tz-accent); border:2px solid var(--tz-accent)}
.tz-btn--xl{width:100%; padding:14px; font-size:16px}
.tz-note{display:block; text-align:center; font-size:12px; color:#64748b; margin-top:8px}
.tz-note a{color:var(--tz-accent); text-decoration:none; font-weight:700}
.tz-gateway{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px}
.tz-gateway__logo{height:40px}
.tz-gateway__fields{display:flex; gap:8px; align-items:center}
.tz-alert{
  margin:14px 0; background:#fff8e1; color:#92400e; padding:10px 14px; border-left:4px solid #fbbf24;
  border-radius:8px; font-size:14px;
}
.tz-pay{display:flex; flex-direction:column; gap:10px}
.tz-pay__opt{
  display:flex; align-items:center; gap:10px; border:1px solid var(--tz-border);
  padding:10px 12px; border-radius:12px; cursor:pointer; background:#f9fafb;
}
.tz-pay__opt:hover{border-color:var(--tz-accent)}
.tz-pay__opt img{height:20px; margin-left:auto}
.tz-tot{max-width:360px; margin:0 auto 12px}
.tz-tot div{display:flex; justify-content:space-between; font-size:15px; padding:4px 0}
.tz-tot__line{height:1px; background:var(--tz-border); margin:6px 0}
.tz-tot__final{font-size:18px; font-weight:900; color:var(--tz-accent)}




.tz-prod{
  --ink:#0f172a; --soft:#667085; --surface:#fff; --accent:#f9174d; --border:#e7e9ee;
  --shadow:0 20px 50px rgba(2,8,23,.10); --radius:18px;
  --font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  display:block; color:var(--ink);
}
.tz-prod *{box-sizing:border-box; font-family:var(--font)}

/* Hero */
.tz-prod__hero{ position:relative; min-height:320px; background:#0b0b0c; overflow:hidden }
.tz-prod__hero::before{ content:""; position:absolute; inset:0; background-image:var(--bg); background-size:cover; background-position:center; filter:brightness(.7) saturate(1.1) }
.tz-prod__hero-shade{ position:absolute; inset:0;
  background: radial-gradient(70% 60% at 80% 20%, rgba(249,23,77,.25), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.65));
}
.tz-prod__hero-inner{ position:relative; z-index:2; max-width:1100px; margin:0 auto; padding:28px 16px; display:flex; gap:18px; align-items:flex-end }
.tz-prod__logo{ width:110px; height:110px; border-radius:28px; overflow:hidden; border:3px solid rgba(255,255,255,.6); box-shadow:0 10px 30px rgba(0,0,0,.35) }
.tz-prod__logo img{ width:100%; height:100%; object-fit:cover }
.tz-prod__head{ color:#fff; display:flex; flex-direction:column; gap:8px }
.tz-prod__title{ margin:0; font-size:32px; font-weight:900 }
.tz-prod__tagline{ margin:0; opacity:.9 }
.tz-prod__actions{ display:flex; gap:10px; flex-wrap:wrap }
.tz-btn{ border:0; border-radius:12px; padding:10px 14px; font-weight:900; cursor:pointer; background:var(--accent); color:#fff; box-shadow:0 10px 24px rgba(249,23,77,.25) }
.tz-btn--ghost{ background:transparent; color:#fff; border:2px solid rgba(255,255,255,.8) }

.tz-prod__stats{ list-style:none; display:flex; gap:18px; margin:8px 0 0; padding:0 }
.tz-prod__stats li{ display:flex; flex-direction:column; align-items:flex-start }
.tz-prod__stats b{ font-size:18px }
.tz-prod__stats span{ font-size:12px; opacity:.85 }

.tz-prod__subnav{ position:sticky; top:0; z-index:3; background:#0b0b0c; display:flex; gap:8px; padding:10px 16px; border-top:1px solid rgba(255,255,255,.06) }
.tz-prod__subnav a{ color:#fff; text-decoration:none; opacity:.7; padding:8px 10px; border-radius:10px; font-weight:800 }
.tz-prod__subnav a.is-active, .tz-prod__subnav a:hover{ opacity:1; background:var(--accent) }

/* Bloques */
.tz-prod__block{ max-width:1100px; margin:18px auto; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); padding:18px }
.tz-prod__h2{ margin:0 0 12px; font-size:20px; font-weight:900 }

/* Info */
.tz-prod__about{ display:grid; grid-template-columns: 1.4fr .8fr; gap:16px }
@media (max-width:900px){ .tz-prod__about{ grid-template-columns: 1fr } }
.tz-prod__about-card{ background:#f9fafb; border:1px solid var(--border); border-radius:14px; padding:14px }
.tz-prod__about-card h3{ margin:0 0 10px; font-size:15px; font-weight:900 }
.tz-prod__about-card ul{ list-style:none; padding:0; margin:0; display:grid; gap:8px }
.tz-prod__about-card li{ display:flex; justify-content:space-between; gap:12px }
.tz-prod__about-card span{ color:#64748b }
.tz-prod__chips{ display:flex; gap:8px; flex-wrap:wrap; list-style:none; padding:0; margin:12px 0 0 }
.tz-prod__chips li{ background:#0b0b0c; color:#fff; padding:6px 10px; border-radius:999px; font-weight:800 }

/* Eventos */
.tz-prod__events{ display:grid; grid-template-columns: repeat(12, 1fr); gap:14px }
.tz-event{ grid-column: span 4; position:relative; border-radius:16px; overflow:hidden; text-decoration:none; color:#fff; min-height:200px; display:flex; align-items:flex-end }
@media (max-width:980px){ .tz-event{ grid-column: span 6 } }
@media (max-width:640px){ .tz-event{ grid-column: span 12 } }
.tz-event::before{ content:""; position:absolute; inset:0; background-image:var(--poster); background-size:cover; background-position:center; transform:scale(1.05); filter:grayscale(.1) contrast(1.05); transition:transform .4s ease }
.tz-event::after{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.75)) }
.tz-event:hover::before{ transform:scale(1.1) }
.tz-event__badge{ position:absolute; top:10px; left:10px; background:rgba(249,23,77,.95); border-radius:10px; padding:6px 10px; font-weight:900; box-shadow:0 8px 18px rgba(249,23,77,.3) }
.tz-event__content{ position:relative; z-index:1; padding:14px }
.tz-event__content h3{ margin:0 0 4px; font-size:18px; font-weight:900 }
.tz-event__content p{ margin:0 0 8px; opacity:.95 }
.tz-event__tags{ display:flex; gap:6px; flex-wrap:wrap }
.tz-event__tags span{ background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); padding:4px 8px; border-radius:999px; font-weight:800 }

/* Galería */
.tz-gallery{ display:grid; grid-template-columns: repeat(12, 1fr); gap:10px }
.tz-gal__item{ grid-column: span 4; border-radius:14px; overflow:hidden; display:block; position:relative }
.tz-gal__item img{ width:100%; height:100%; object-fit:cover; display:block; aspect-ratio: 4/3; transition: transform .35s ease }
.tz-gal__item:hover img{ transform: scale(1.05) }
@media(max-width:980px){ .tz-gal__item{ grid-column: span 6 } }
@media(max-width:640px){ .tz-gal__item{ grid-column: span 12 } }

/* Instagram */
.tz-ig{ display:grid; grid-template-columns: repeat(12, 1fr); gap:8px }
.tz-ig__item{ grid-column: span 2; border-radius:12px; overflow:hidden; display:block; position:relative; background:#000; color:#fff; text-align:center; font-weight:900; text-decoration:none }
.tz-ig__item img{ width:100%; height:100%; object-fit:cover; aspect-ratio: 1/1; opacity:.92; transition: opacity .25s ease, transform .25s ease }
.tz-ig__item:hover img{ opacity:1; transform:scale(1.03) }
.tz-ig__cta{ display:grid; place-items:center; background:#0b0b0c; border:2px dashed rgba(255,255,255,.2) }
@media(max-width:1100px){ .tz-ig__item{ grid-column: span 3 } }
@media(max-width:720px){ .tz-ig__item{ grid-column: span 6 } }

/* Contacto */
.tz-prod__contact .tz-grid{ display:grid; grid-template-columns: repeat(2, 1fr); gap:10px }
@media(max-width:720px){ .tz-prod__contact .tz-grid{ grid-template-columns:1fr } }
.tz-field__inp{ border:1px solid var(--border); border-radius:12px; padding:12px; width:100%; outline:none }
.tz-field__inp:focus{ border-color:#93c5fd; box-shadow:0 0 0 3px rgba(147,197,253,.35) }
.tz-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px }


.tz-prodreg{
  --accent:#f9174d;
  --bg-dark:#0b0b0c;
  --bg-card:#fff;
  --border:#e5e7eb;
  --font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  display:flex; align-items:center; justify-content:center;
  min-height:100vh; background:var(--bg-dark); padding:20px;
}
.tz-prodreg__card{
  background:var(--bg-card); border-radius:18px; padding:32px 24px;
  box-shadow:0 16px 48px rgba(0,0,0,.25); max-width:520px; width:100%;
  text-align:center;
}
.tz-prodreg__logo img{width:140px; margin-bottom:10px}
.tz-prodreg__title{margin:0 0 6px; font-size:24px; font-weight:900}
.tz-prodreg__desc{color:#475569; font-size:14px; margin:0 0 20px}
.tz-field{display:flex; flex-direction:column; gap:6px; margin-bottom:14px; text-align:left}
.tz-field__lab{font-size:13px; font-weight:700; color:#111827}
.tz-field__inp{
  border:1px solid var(--border); border-radius:12px; padding:12px; font-size:15px; width:94%;
}
.tz-field__inp:focus{border-color:var(--accent); box-shadow:0 0 0 3px rgba(249,23,77,.2)}
.tz-field__pwd{position:relative}
.tz-toggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  border:0; background:transparent; cursor:pointer; color:#475569; font-size:12px; font-weight:700;
}
.tz-captcha{margin:18px 0; text-align:left}
.tz-captcha__fake{
  display:flex; align-items:center; gap:10px; background:#f9fafb;
  padding:10px; border:1px solid var(--border); border-radius:12px;
}
.tz-captcha__fake label{flex:1; font-size:14px}
.tz-captcha__fake img{height:32px}
.tz-btn{
  background:var(--accent); border:0; border-radius:12px; padding:14px; width:100%;
  color:#fff; font-weight:900; font-size:15px; cursor:pointer;
  box-shadow:0 8px 22px rgba(249,23,77,.25);
}
.tz-btn:hover{opacity:.95}
.tz-foot{margin-top:12px; font-size:14px}
.tz-foot a{color:var(--accent); font-weight:800; text-decoration:none}
.tz-foot a:hover{text-decoration:underline}



.tz-wiz{ --accent:#f9174d; --dark:#0b0b0c; --ink:#0f172a; --soft:#64748b; --border:#e7e9ee; --surface:#fff;
  --radius:18px; --shadow:0 18px 50px rgba(2,8,23,.10); --font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
}
.tz-wiz *{ box-sizing:border-box; font-family:var(--font) }
.tz-wiz__hero{ background:var(--dark); color:#fff; padding:26px 14px 18px; position:sticky; top:0; z-index:5 }
.tz-wiz__hero-inner{ max-width:1100px; margin:0 auto; text-align:center }
.tz-wiz__icon{ font-size:24px; margin-bottom:4px }
.tz-wiz__title{ margin:0; font-size:24px; font-weight:900 }
.tz-wiz__sub{ margin:2px 0 10px; opacity:.8 }

.tz-wiz__steps{ list-style:none; padding:0; margin:8px auto 0; display:flex; gap:8px; justify-content:center; flex-wrap:wrap }
.tz-wiz__steps li{ color:#fff; opacity:.55; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.2); font-weight:800; }
.tz-wiz__steps li.is-active{ background:var(--accent); opacity:1; box-shadow:0 8px 18px rgba(249,23,77,.35) }

.tz-wiz__wrap{ max-width:900px; margin:14px auto; padding:0 12px }
.tz-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); padding:18px }
.tz-card__title{ margin:0 0 12px; font-size:20px; font-weight:900; color:var(--ink) }

.tz-type{ display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; margin:6px 0 12px }
@media(max-width:840px){ .tz-type{ grid-template-columns: repeat(2, 1fr) } }
.tz-type__btn{ border:0; border-radius:16px; padding:16px 10px; background:linear-gradient(135deg,#ffd166 0%,#f7b733 100%);
  color:#111; font-weight:900; display:flex; align-items:center; gap:10px; cursor:pointer }
.tz-type__btn:focus-visible{ outline:3px solid rgba(249,23,77,.35) }
.tz-type__ico{ font-size:22px }

.tz-form{ margin-top:6px }
.tz-grid{ display:grid; gap:12px; grid-template-columns: repeat(2, minmax(0,1fr)) }
.tz-grid--2{ grid-template-columns: repeat(2, minmax(0,1fr)) }
.tz-col-2{ grid-column: span 2 }
@media(max-width:720px){ .tz-grid,.tz-grid--2{ grid-template-columns:1fr } .tz-col-2{ grid-column:auto } }

.tz-field{ display:flex; flex-direction:column; gap:6px }
.tz-lab{ font-size:13px; font-weight:800; color:#1f2a44 }
.tz-inp{ border:1px solid var(--border); border-radius:12px; padding:12px; outline:none; background:#fff }
.tz-inp:focus{ border-color:#93c5fd; box-shadow:0 0 0 3px rgba(147,197,253,.35) }
.tz-check{ display:flex; align-items:center; gap:8px; margin:8px 0; color:#111 }
.tz-hint{ color:#6b7280; font-size:12px }

.tz-fieldset{ border:1px dashed var(--border); border-radius:14px; padding:12px }
.tz-fieldset legend{ padding:0 6px; color:#334155; font-weight:800; }

.tz-nav{ display:flex; justify-content:space-between; gap:10px; margin-top:12px; flex-wrap:wrap }
.tz-btn{ appearance:none; border:0; border-radius:12px; padding:12px 16px; background:var(--accent); color:#fff; font-weight:900; cursor:pointer; box-shadow:0 10px 24px rgba(249,23,77,.25) }
.tz-btn--line{ background:#fff; color:#111; border:2px solid #111 }
.tz-btn--ghost{ background:transparent; color:var(--accent); border:2px solid var(--accent) }
.tz-link{ background:none; border:none; color:#ef4444; cursor:pointer; text-decoration:underline; }

.tz-tickets{ display:grid; gap:12px }
.tz-ticket{ border:1px solid var(--border); border-radius:14px; padding:12px }
.tz-ticket__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px }

.tz-captcha__fake{ display:flex; align-items:center; gap:10px; background:#f9fafb; border:1px solid var(--border); border-radius:12px; padding:10px; margin-top:12px }
.tz-captcha__fake img{ height:28px }

.tz-success{ display:grid; grid-template-columns:1.2fr .8fr; gap:12px }
@media(max-width:840px){ .tz-success{ grid-template-columns:1fr } }
.tz-key{ list-style:none; padding:0; margin:0 0 10px; display:grid; gap:8px; background:#f8fafc; border:1px solid var(--border); border-radius:14px; padding:12px }
.tz-key li{ display:flex; justify-content:space-between; gap:10px }
.tz-msg{ color:#475569 }
.tz-cta h3{ margin:0 0 10px; font-size:16px; font-weight:900 }
.tz-cta__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px }
.tz-tile{ display:grid; place-items:center; border-radius:14px; padding:16px; text-decoration:none; color:#111;
  background:linear-gradient(135deg,#ffd166 0%,#f7b733 100%); font-weight:900 }
  
  
  /*CREAR EVENTO*/
  
  
  
  .txw{ --f:#f9174d; --k:#0b0b0c; --ink:#0f172a; --mut:#6b7280; --bd:#e7e9ee; --card:#fff;
      --r:16px; --sh:0 18px 50px rgba(2,8,23,.08); --font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif; }
.txw *{box-sizing:border-box; font-family:var(--font)}
.txw-head{background:linear-gradient(180deg,#111 0%, #1a1a1a 100%); color:#fff; padding:22px 14px}
.txw-title{margin:0 0 8px; text-align:center; font-size:24px; font-weight:900}
.txw-steps{list-style:none; margin:0 auto; padding:0; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; max-width:980px}
.txw-steps li{display:flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.25); opacity:.6}
.txw-steps li.is-active{background:var(--f); opacity:1; box-shadow:0 8px 18px rgba(249,23,77,.35)}
.txw-steps span{display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#fff; color:#000; font-weight:900}
.txw-steps label{color:#fff; font-weight:800}

.txw-wrap{max-width:940px; margin:16px auto; padding:0 12px}
.txw-card{background:var(--card); border:1px solid var(--bd); border-radius:var(--r); box-shadow:var(--sh); padding:18px}
.txw-h2{margin:0 0 12px; font-size:20px; font-weight:900; color:var(--ink)}

.txw-types{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:8px}
@media (max-width:860px){ .txw-types{grid-template-columns:repeat(2,1fr)} }
.txw-type{border:0; border-radius:14px; padding:14px 10px; background:#111; color:#fff; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:8px; font-weight:800}
.txw-type b{font-size:14px}
.txw-type.is-sel{outline:3px solid rgba(249,23,77,.35); background:#171717}

.txw-grid{display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr))}
.txw-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.txw-col-2{grid-column:span 2}
@media (max-width:720px){ .txw-grid,.txw-grid-2{grid-template-columns:1fr} .txw-col-2{grid-column:auto} }

.txw-field{display:flex; flex-direction:column; gap:6px}
.txw-field>span{font-size:13px; font-weight:800; color:#1f2a44}
.txw-inp{border:1px solid var(--bd); border-radius:12px; padding:12px; outline:none}
.txw-inp:focus{border-color:#93c5fd; box-shadow:0 0 0 3px rgba(147,197,253,.35)}
.txw-hint{color:#6b7280; font-size:12px}
.txw-chk{display:flex; align-items:center; gap:8px; margin-top:6px}

.txw-fs{border:1px dashed var(--bd); border-radius:12px; padding:12px}
.txw-fs legend{padding:0 6px; color:#334155; font-weight:800}

.txw-nav{display:flex; justify-content:space-between; gap:10px; margin-top:12px; flex-wrap:wrap}
.txw-btn{appearance:none; border:0; border-radius:12px; padding:12px 16px; background:var(--f); color:#fff; font-weight:900; cursor:pointer; box-shadow:0 10px 24px rgba(249,23,77,.25)}
.txw-line{background:#fff; color:#111; border:2px solid #111}
.txw-ghost{background:transparent; color:var(--f); border:2px solid var(--f)}
.txw-link{background:none; border:0; color:#ef4444; text-decoration:underline; cursor:pointer}

.txw-tix{display:grid; gap:10px}
.txw-tix__box{border:1px solid var(--bd); border-radius:12px; padding:12px}
.txw-tix__head{display:flex; justify-content:space-between; align-items:center; margin-bottom:6px}

.txw-actions{display:flex; justify-content:flex-start; margin-top:8px}

.txw-captcha__box{display:flex; align-items:center; gap:10px; border:1px solid var(--bd); border-radius:12px; padding:10px; background:#f9fafb}
.txw-captcha__box img{height:28px}

.txw-success{display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media (max-width:720px){ .txw-success{grid-template-columns:1fr} }
.txw-key{list-style:none; margin:0; padding:12px; border:1px solid var(--bd); border-radius:12px; background:#f8fafc; display:grid; gap:8px}
.txw-key li{display:flex; justify-content:space-between}
.txw-cta{display:grid; grid-template-columns:repeat(2,1fr); gap:10px}
.txw-tile{display:grid; place-items:center; padding:14px; border-radius:12px; text-decoration:none; color:#111; font-weight:900; background:linear-gradient(135deg,#ffd166 0%,#f7b733 100%)}
  
  


/* ===== Ticketiza · Producer Dashboard (namespaced) ===== */
.tzk-pro-dashboard{
  --accent:#f9174d; --dark:#0b0b0c; --ink:#0f172a; --soft:#64748b; --border:#e7e9ee; --card:#fff;
  --radius:18px; --shadow:0 18px 48px rgba(2,8,23,.08);
  --font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
}
.tzk-pro-dashboard *{ box-sizing:border-box; font-family:var(--font) }

/* Topbar */
.tzk-pro-top{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; background:var(--dark); color:#fff; position:sticky; top:0; z-index:5}
.tzk-pro-brand{display:flex; align-items:center; gap:10px}
.tzk-pro-logo{width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:#171717}
.tzk-pro-meta small{opacity:.7}
.tzk-pro-tools{display:flex; align-items:center; gap:10px}
.tzk-pro-search{display:flex; align-items:center; gap:8px; background:#111; border-radius:12px; padding:6px 8px}
.tzk-pro-search input{background:transparent; border:0; color:#fff; outline:none; min-width:230px}
.tzk-pro-avatar{border:0; background:transparent; width:36px; height:36px; border-radius:50%; padding:0; overflow:hidden; cursor:pointer}
.tzk-pro-avatar img{width:100%; height:100%; object-fit:cover}
.tzk-pro-menu{position:absolute; right:14px; top:56px; background:#fff; border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow); display:flex; flex-direction:column; min-width:170px}
.tzk-pro-menu a{padding:10px 12px; text-decoration:none; color:#111}
.tzk-pro-menu a:hover{background:#f6f7fb}

/* Layout */
.tzk-pro-layout{display:grid; grid-template-columns:270px 1fr; gap:12px; padding:12px}
@media (max-width:960px){ .tzk-pro-layout{grid-template-columns:1fr} .tzk-pro-side{position:sticky; top:56px; z-index:4} }

/* Sidebar */
.tzk-pro-side{display:flex; flex-direction:column; gap:12px}
.tzk-pro-nav{background:#fff; border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:8px}
.tzk-pro-nav__item{appearance:none; border:0; width:100%; text-align:left; background:transparent; padding:10px 12px; border-radius:12px; cursor:pointer; font-weight:800; color:#111}
.tzk-pro-nav__item:hover{background:#f7f7fb}
.tzk-pro-nav__item.is-active{background:var(--accent); color:#fff; box-shadow:0 10px 24px rgba(249,23,77,.25)}
.tzk-pro-side__card{background:#fff; border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:12px}
.tzk-pro-side__card h4{margin:0 0 8px}
.tzk-pro-link{color:#0f172a; text-decoration:none; font-weight:800}
.tzk-pro-link:hover{text-decoration:underline}

/* Main */
.tzk-pro-main{min-height:60vh}
.tzk-pro-h2{margin:0 0 10px; font-size:22px; font-weight:900; color:var(--ink)}
.tzk-pro-grid{display:grid; gap:12px; grid-template-columns:1.2fr .8fr}
@media (max-width:960px){ .tzk-pro-grid{grid-template-columns:1fr} }

.tzk-pro-kpi{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:12px}
@media (max-width:960px){ .tzk-pro-kpi{grid-template-columns:repeat(2,1fr)} }
.tzk-pro-kpi__card{background:#fff; border:1px solid var(--border); border-radius:16px; padding:14px; box-shadow:var(--shadow); display:flex; align-items:center; gap:10px}
.tzk-pro-kpi__icon{width:36px; height:36px; display:grid; place-items:center; background:#0b0b0c; color:#fff; border-radius:10px}
.tzk-pro-kpi__card b{font-size:18px; font-weight:900}

.tzk-pro-card{background:#fff; border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:12px}
.tzk-pro-card__head{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px}
.tzk-pro-list{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.tzk-pro-list li{display:flex; align-items:center; justify-content:space-between; gap:12px}
.tzk-pro-notes{list-style:none; margin:0; padding-left:18px; display:grid; gap:8px}

/* Head row + filtros */
.tzk-pro-headrow{display:flex; align-items:center; justify-content:space-between; gap:10px}
.tzk-pro-filters{display:flex; gap:8px; align-items:center}
.tzk-pro-inp{border:1px solid var(--border); border-radius:10px; padding:10px}

/* Tabla */
.tzk-pro-table{border:1px solid var(--border); border-radius:16px; overflow:hidden; background:#fff; box-shadow:var(--shadow)}
.tzk-pro-thead, .tzk-pro-row{display:grid; grid-template-columns: 4fr 3fr 3fr 3fr 3fr .8fr .9fr .8fr 1.4fr; gap:8px; align-items:center}
.tzk-pro-thead{background:#f8fafc; padding:10px; font-weight:800; color:#334155}
.tzk-pro-row{padding:10px; border-top:1px solid #eef0f6}
.tzk-pro-row__event{display:flex; gap:10px; align-items:center}
.tzk-pro-row__event img{width:52px; height:52px; border-radius:10px; object-fit:cover}

.tzk-pro-badge{display:inline-block; padding:6px 10px; border-radius:999px; background:#eceef6; font-weight:900; font-size:12px}
.tzk-pro-badge--ok{background:#e8fff6; color:#065f46}
.tzk-pro-badge--rev{background:#fff4e5; color:#92400e}

.tzk-pro-actions{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.tzk-pro-mini{border:0; background:#0b0b0c; color:#fff; border-radius:10px; padding:8px 10px; text-decoration:none; font-size:12px; font-weight:900; cursor:pointer}
.tzk-pro-mini--more{background:#fff; color:#111; border:1px solid var(--border)}
.tzk-pro-drop{position:relative}
.tzk-pro-drop__menu{position:absolute; right:0; top:36px; background:#fff; border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow); display:none; min-width:180px}
.tzk-pro-drop__menu a{display:block; padding:10px 12px; color:#111; text-decoration:none}
.tzk-pro-drop__menu a:hover{background:#f6f7fb}
.tzk-pro-drop.is-open .tzk-pro-drop__menu{display:block}

/* Forms */
.tzk-pro-form .tzk-pro-grid{grid-template-columns:repeat(2,1fr)}
.tzk-pro-field{display:flex; flex-direction:column; gap:6px}
.tzk-pro-field>span{font-size:13px; font-weight:800; color:#1f2a44}
.tzk-pro-inp:focus{outline:3px solid rgba(249,23,77,.2); border-color:var(--accent)}
.tzk-pro-actionsRow{display:flex; gap:10px; margin-top:10px}
.tzk-pro-btn{appearance:none; border:0; padding:10px 14px; border-radius:12px; background:var(--accent); color:#fff; font-weight:900; cursor:pointer; box-shadow:0 10px 24px rgba(249,23,77,.25)}
.tzk-pro-btn--ghost{background:transparent; color:var(--accent); border:2px solid var(--accent)}
.tzk-pro-ok{margin-top:8px; background:#e9fff5; color:#065f46; border:1px solid #baf1d8; padding:8px 10px; border-radius:10px}

/* Panes (conmutación) */
.tzk-pro-pane.is-hidden{display:none}



/* ======= Estilos aislados tzkc-* ======= */
.tzkc-coupons{
  --accent:#f9174d; --ink:#0f172a; --mut:#64748b; --bd:#e7e9ee; --bg:#fff; --soft:#f6f7fb;
  --r:16px; --shadow:0 18px 48px rgba(2,8,23,.08);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  color:var(--ink); display:flex; flex-direction:column; gap:14px;
}
.tzkc-top{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:8px 2px}
.tzkc-top h2{margin:0; font-size:22px; font-weight:900}
.tzkc-top p{margin:2px 0 0; color:var(--mut); font-size:13px}
.tzkc-btn{appearance:none; border:0; border-radius:12px; padding:10px 14px; font-weight:900; color:#fff; background:var(--accent); cursor:pointer; box-shadow:0 10px 24px rgba(249,23,77,.25)}
.tzkc-btn--ghost{background:#fff; color:var(--accent); border:2px solid var(--accent)}
/* Tabla */
.tzkc-table{background:var(--bg); border:1px solid var(--bd); border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden}
.tzkc-thead,.tzkc-row{display:grid; grid-template-columns:1.1fr 1.6fr .5fr 1fr .8fr 1fr; gap:10px; align-items:center}
.tzkc-thead{background:linear-gradient(#f3f6fb,#f7f8fc); padding:12px; font-weight:900; font-size:12px; text-transform:uppercase; color:#3b485f}
.tzkc-tbody{display:flex; flex-direction:column}
.tzkc-row{padding:12px; border-top:1px solid #eef2f6; background:#fff}
.tzkc-row:nth-child(odd){background:#fcfdff}
.tzkc-actions{display:flex; gap:8px; justify-content:flex-end}
.tzkc-chip{border:0; background:#0b0b0c; color:#fff; border-radius:999px; padding:8px 12px; font-size:12px; font-weight:900; cursor:pointer}
.tzkc-chip--ghost{background:#fff; color:#111; border:1px solid var(--bd)}
.tzkc-foot{padding:10px}
.tzkc-pager{display:flex; align-items:center; justify-content:center; gap:8px}
.tzkc-pager button{border:0; background:var(--accent); color:#fff; border-radius:10px; padding:6px 10px; font-weight:900}

/* --------- Modal --------- */
.tzkc-modal{position:fixed; inset:0; background:rgba(11,11,12,.6); backdrop-filter:blur(3px); display:none; align-items:center; justify-content:center; padding:18px; z-index:1000}
.tzkc-modal.is-open{display:flex}
.tzkc-modal__panel{width:min(760px,100%); background:var(--bg); border-radius:20px; border:1px solid var(--bd); box-shadow:0 40px 120px rgba(0,0,0,.35); overflow:hidden}
.tzkc-modal__head{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(90deg,#0b0b0c,#171717); color:#fff}
.tzkc-modal__head h3{margin:0; font-size:18px; font-weight:900}
.tzkc-x{background:#fff; color:#111; border:0; border-radius:10px; width:34px; height:34px; font-size:20px; cursor:pointer}
.tzkc-form{padding:14px 16px}
.tzkc-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
.tzkc-col2{grid-column:span 2}
@media (max-width:680px){ .tzkc-grid{grid-template-columns:1fr} .tzkc-col2{grid-column:auto} }
.tzkc-form label{display:flex; flex-direction:column; gap:6px}
.tzkc-form label>span{font-weight:800; font-size:12px; color:#223047}
.tzkc-form input,.tzkc-form select{border:1px solid var(--bd); border-radius:12px; padding:12px; outline:none}
.tzkc-form input:focus,.tzkc-form select:focus{border-color:#b7cdfd; box-shadow:0 0 0 3px rgba(183,205,253,.45)}
.tzkc-modal__foot{display:flex; justify-content:flex-end; gap:10px; padding:8px 16px 16px}


/* ================== Estilos aislados tzkr-* ================== */
.tzkr-reports{
  --accent:#f9174d; --ink:#0f172a; --mut:#6b7280; --bd:#e7e9ee; --bg:#fff; --soft:#f7f8fb;
  --r:16px; --shadow:0 18px 48px rgba(2,8,23,.08);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  color:var(--ink); display:flex; flex-direction:column; gap:14px;
}
.tzkr-head{display:flex; align-items:center; justify-content:space-between; gap:12px}
.tzkr-head h2{margin:0; font-size:22px; font-weight:900}
.tzkr-head p{margin:4px 0 0; color:var(--mut); font-size:13px}
.tzkr-actions{display:flex; gap:8px; flex-wrap:wrap}
.tzkr-btn{appearance:none; border:0; border-radius:12px; padding:10px 14px; font-weight:900; cursor:pointer; background:var(--accent); color:#fff; box-shadow:0 10px 24px rgba(249,23,77,.25)}
.tzkr-btn[disabled]{opacity:.5; cursor:not-allowed; box-shadow:none}
.tzkr-btn--ghost{background:#fff; color:var(--accent); border:2px solid var(--accent)}

.tzkr-filters{display:grid; grid-template-columns:1.3fr .8fr .8fr auto; gap:10px; align-items:end}
@media (max-width:860px){ .tzkr-filters{grid-template-columns:1fr 1fr} }
.tzkr-filters label{display:flex; flex-direction:column; gap:6px}
.tzkr-filters label>span{font-size:12px; font-weight:800; color:#223047}
.tzkr-filters select,.tzkr-filters input[type="date"]{border:1px solid var(--bd); border-radius:12px; padding:12px; outline:none}
.tzkr-filters select:focus,.tzkr-filters input:focus{border-color:#b7cdfd; box-shadow:0 0 0 3px rgba(183,205,253,.45)}
.tzkr-filters__cta{display:flex; gap:8px}

.tzkr-preview{background:var(--bg); border:1px solid var(--bd); border-radius:var(--r); box-shadow:var(--shadow); padding:16px; min-height:200px}
.tzkr-empty{display:grid; place-items:center; gap:6px; color:var(--mut); padding:24px}

/* ====== Estilos del reporte renderizado ====== */
.tzkr-report{max-width:960px; margin:0 auto}
.tzkr-report__header{display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:2px solid #111; padding-bottom:8px; margin-bottom:12px}
.tzkr-report__brand{display:flex; align-items:center; gap:10px}
.tzkr-report__logo{width:36px; height:36px; border-radius:10px; background:#111; color:#fff; display:grid; place-items:center; font-weight:900}
.tzkr-report__meta{color:#475569; font-size:13px}

.tzkr-table{width:100%; border-collapse:separate; border-spacing:0; font-size:14px; border:1px solid var(--bd); border-radius:12px; overflow:hidden}
.tzkr-table thead th{background:#f2f5fb; color:#334155; font-weight:800; text-transform:uppercase; font-size:12px; padding:10px; border-bottom:1px solid var(--bd)}
.tzkr-table tbody td{padding:10px; border-top:1px solid #eef1f6}
.tzkr-table tbody tr:nth-child(odd){background:#fcfdff}

.tzkr-summary{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:12px 0}
@media (max-width:720px){ .tzkr-summary{grid-template-columns:1fr 1fr} }
.tzkr-card{background:#fff; border:1px solid var(--bd); border-radius:12px; padding:10px}
.tzkr-card b{font-size:18px}

.tzkr-footnote{margin-top:12px; color:#64748b; font-size:12px}

/* ====== Estilos para impresión (PDF) ====== */
@media print{
  .tzkr-reports, .tzkr-preview{box-shadow:none}
  .tzkr-btn, .tzkr-filters, .tzkr-actions{display:none !important}
  .tzkr-report{max-width:100%}
  body{background:#fff}
}



/* ================= Estilos aislados tzkm-* ================= */
.tzkm-dashboard{
  --accent:#f9174d; --ink:#0f172a; --mut:#6b7280; --bd:#e7e9ee; --bg:#fff; --soft:#f7f8fb;
  --ok:#0ea5a3; --gross:#3b82f6; --net:#22c55e; --tickets:#ef4444;
  --r:16px; --shadow:0 18px 48px rgba(2,8,23,.08);
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  color:var(--ink); display:flex; flex-direction:column; gap:14px;
}
.tzkm-head{display:flex; align-items:center; justify-content:space-between; gap:12px}
.tzkm-title h2{margin:0; font-size:22px; font-weight:900}
.tzkm-title small{color:var(--mut)}
.tzkm-controls{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.tzkm-btn{appearance:none; border:0; border-radius:12px; padding:10px 14px; font-weight:900; cursor:pointer; background:var(--accent); color:#fff; box-shadow:0 10px 24px rgba(249,23,77,.25)}
.tzkm-btn--ghost{background:#fff; color:var(--accent); border:2px solid var(--accent)}
.tzkm-controls select{border:1px solid var(--bd); border-radius:12px; padding:10px; outline:none}

.tzkm-kpis{display:grid; grid-template-columns:repeat(5,1fr); gap:12px}
@media (max-width:1100px){ .tzkm-kpis{grid-template-columns:repeat(3,1fr)} }
@media (max-width:720px){ .tzkm-kpis{grid-template-columns:repeat(2,1fr)} }
.tzkm-kpi{background:var(--bg); border:1px solid var(--bd); border-radius:var(--r); box-shadow:var(--shadow); padding:12px; display:flex; align-items:center; gap:10px}
.tzkm-kpi__meta{display:flex; flex-direction:column}
.tzkm-kpi__meta span{font-size:12px; color:var(--mut)}
.tzkm-kpi__meta b{font-size:20px}
.tzkm-spark{width:120px; height:26px; margin-left:auto}

.tzkm-grid{display:grid; gap:12px; grid-template-columns:1.2fr .8fr; align-items:start}
@media (max-width:1100px){ .tzkm-grid{grid-template-columns:1fr} }
.tzkm-card{background:var(--bg); border:1px solid var(--bd); border-radius:var(--r); box-shadow:var(--shadow); padding:12px}
.tzkm-card__head{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px}
.tzkm-card__head h3{margin:0; font-size:18px}
.tzkm-legend{list-style:none; padding:0; margin:8px 0 0; display:flex; gap:12px; color:#475569; font-size:13px}
.tzkm-legend .dot{width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:6px; vertical-align:middle}
.tzkm-legend .gross{background:var(--gross)} .tzkm-legend .net{background:var(--net)} .tzkm-legend .tickets{background:var(--tickets)}

.tzkm-line{height:220px; border:1px solid var(--bd); border-radius:12px; background:linear-gradient(#fff,#fbfcff)}
.tzkm-table{border:1px solid var(--bd); border-radius:12px; overflow:hidden}
.tzkm-thead, .tzkm-row{display:grid; gap:8px; align-items:center}
.tzkm-thead{background:#f2f5fb; padding:10px; font-weight:800; color:#334155; text-transform:uppercase; font-size:12px}
.tzkm-tbody .tzkm-row{padding:10px; border-top:1px solid #eef2f6}
.tzkm-thead > div:nth-child(1){grid-column:1}
.tzkm-tbody{display:flex; flex-direction:column}

#tzkmByEvent .tzkm-row{grid-template-columns: 1.6fr 1fr .7fr 1fr 1fr}
#tzkmConsumes .tzkm-row{grid-template-columns: 1.2fr 1fr .6fr 1fr}
#tzkmBank .tzkm-row{grid-template-columns: .9fr 1fr 1.2fr 1fr 1fr}

.tzkm-pill{display:inline-block; padding:4px 10px; border-radius:999px; background:#ecfeff; color:#155e75; font-weight:900; font-size:12px}

.tkz-search-wrap { position: fixed; right: 20px; bottom: 24px; z-index: 9999; }
.tkz-search-btn {
  display:inline-flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:999px; border:0; cursor:pointer;
  background:#111; color:#fff; box-shadow:0 8px 22px rgba(0,0,0,.18);
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.tkz-search-btn:focus { outline:2px solid #111; outline-offset:2px; }
.tkz-search-btn:hover { transform: translateY(-1px); box-shadow:0 10px 28px rgba(0,0,0,.22); }

.tkz-search-panel {
  position: absolute; right: 0; bottom: 60px; width: 360px; max-width: calc(100vw - 32px);
  background: rgba(255,255,255,.9); backdrop-filter: saturate(180%) blur(8px);
  -webkit-backdrop-filter: saturate(180%) blur(8px);
  border:1px solid rgba(0,0,0,.08); border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0,0,0,.18);
  padding: 14px; display: none;
}
.tkz-search-form { margin:0; }
.tkz-search-label { display:block; font-size:12px; letter-spacing:.02em; color:#555; margin:0 0 6px; text-transform:uppercase; }
.tkz-search-row { display:flex; gap:8px; }
.tkz-search-input {
  flex:1; height:42px; border-radius:10px; border:1px solid rgba(0,0,0,.15);
  padding:0 12px; font: inherit; color:#111; background:#fff;
}
.tkz-search-input:focus { outline:none; border-color:#111; box-shadow:0 0 0 3px rgba(0,0,0,.08); }
.tkz-search-submit {
  display:inline-flex; align-items:center; gap:8px; padding:0 12px; height:42px;
  border-radius:10px; border:0; cursor:pointer; background:#111; color:#fff; font-weight:600;
}
.tkz-search-submit i { font-size:14px; }
.tkz-search-submit span { display:none; } /* solo ícono; muestra texto si quieres */

/* — Móvil: barra superior pegada — */
@media (max-width: 640px) {
  .tkz-search-wrap { right: 12px; left: 12px; bottom: 16px; }
  .tkz-search-panel {
    position: fixed; left: 12px; right: 12px; bottom: auto; top: 12px; width: auto;
    border-radius: 12px;
  }
}

/* Oscuro (si style general lo usa) */
@media (prefers-color-scheme: dark) {
  .tkz-search-panel { background: rgba(20,20,20,.9); border-color: rgba(255,255,255,.08); }
  .tkz-search-input { background:#0f0f0f; color:#f2f2f2; border-color: rgba(255,255,255,.16); }
  .tkz-search-btn, .tkz-search-submit { background:#fff; color:#111; }
  .tkz-search-label { color:#aaa; }
}














/* ================= Ticketiza · Auth Alt Layout (no cambia tu formulario) ================ */
.tz-auth-alt{
  --accent:#f9174d; --ink:#10131a; --mut:#6b7280; --card:#ffffff; --bd:#e9edf4;
  --glass: rgba(255,255,255,.65);
  --shadow: 0 18px 48px rgba(4,12,33,.12);
  --radius: 18px;
  position: relative;
  min-height: calc(100dvh - 120px); /* respeta header si existiera */
  display: grid;
  grid-template-columns: minmax(340px, 560px) 1fr;  /* formulario | panel visual */
  gap: 24px;
  align-items: stretch;
  padding: clamp(16px, 3vw, 32px);
  overflow: hidden;
}

/* Fondo con gradiente + glow radial */
.tz-auth-alt::before,
.tz-auth-alt::after{
  content:"";
  position: absolute; inset: -20% -10% auto -10%;
  height: 80%;
  background:
    radial-gradient(50% 50% at 60% 20%, rgba(249,23,77,.20), transparent 60%),
    radial-gradient(45% 45% at 20% 80%, rgba(86,204,242,.15), transparent 60%);
  filter: blur(20px);
  z-index: 0;
}
.tz-auth-alt::after{
  inset: auto -15% -25% -15%;
  height: 70%;
  background:
    radial-gradient(40% 40% at 70% 40%, rgba(255,170,0,.18), transparent 60%),
    radial-gradient(35% 35% at 10% 20%, rgba(249,23,77,.14), transparent 60%);
}

/* Columna del formulario (usa tu .tz-card existente) */
.tz-auth-alt .tz-card{
  position: relative;
  z-index: 2;
  max-width: 560px;
  margin: 0;
  background: var(--glass);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.55);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.tz-auth-alt .tz-card__frame{ padding: clamp(18px, 3.2vw, 28px); }
.tz-auth-alt .tz-card__head{
  padding-bottom: 8px;
  border-bottom: 1px dashed rgba(0,0,0,.08);
}
.tz-auth-alt .tz-card__title{
  margin: 0;
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 900;
  color: var(--ink);
}

/* Formulario (mantiene tus clases) */
.tz-auth-alt .tz-form__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 10px;
}
.tz-auth-alt .tz-field:nth-child(3),
.tz-auth-alt .tz-field:nth-child(4),
.tz-auth-alt .tz-field:nth-child(7),
.tz-auth-alt .tz-field:nth-child(8){ grid-column: span 1; }
.tz-auth-alt .tz-actions{ grid-column: 1 / -1; display: grid; gap: 8px; }

@media (max-width: 900px){
  .tz-auth-alt{ grid-template-columns: 1fr; }
  .tz-auth-alt .tz-form__grid{ grid-template-columns: 1fr; }
}

/* Inputs y labels (solo estilo) */
.tz-auth-alt .tz-field__lab{ font-weight: 800; color: #23314e; font-size: 13px; }
.tz-auth-alt .tz-req{ color: var(--accent); }
.tz-auth-alt .tz-field__hint{ color: var(--mut); font-size: 12px; }

.tz-auth-alt .tz-field__inp{
  border: 1px solid var(--bd);
  border-radius: 12px;
  padding: 12px 12px;
  background: #fff;
  outline: none;
  transition: box-shadow .15s, border-color .15s, transform .02s;
}
.tz-auth-alt .tz-field__inp:focus{
  border-color: #bcd1ff;
  box-shadow: 0 0 0 4px rgba(188,209,255,.45);
}
.tz-auth-alt .tz-field__inp:active{ transform: translateY(1px); }

/* Campo contraseña (usa tus clases) */
.tz-auth-alt .tz-field__pwd{
  display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center;
}
.tz-auth-alt .tz-toggle{
  appearance: none; border: 0;
  background: #10131a; color: #fff; border-radius: 10px;
  padding: 10px 12px; font-weight: 800; cursor: pointer;
}
.tz-auth-alt .tz-toggle:hover{ opacity:.9 }

/* Botón enviar */
.tz-auth-alt .tz-btn{
  appearance: none; border: 0; border-radius: 12px;
  padding: 12px 16px; font-weight: 900; color: #fff; cursor: pointer;
  background: linear-gradient(180deg, #ff516f, #f9174d);
  box-shadow: 0 14px 32px rgba(249,23,77,.35);
}
.tz-auth-alt .tz-btn:hover{ transform: translateY(-1px); }
.tz-auth-alt .tz-note{ color: var(--mut); font-size: 12px; }

/* Panel visual derecho (hero) – no toca tu markup, usa el contenedor grid */
.tz-auth-alt > .event-card::before{
  content:"";
  position: absolute; right: clamp(16px,3vw,32px); top: clamp(16px,3vw,32px); bottom: clamp(16px,3vw,32px);
  left: min(56%, calc(560px + 5vw));
  border-radius: var(--radius);
  background:
    radial-gradient(100% 100% at 65% 20%, rgba(255,255,255,.35), rgba(255,255,255,.05) 60%),
    linear-gradient(160deg, #0b0b0c, #111827 60%, #1f2937 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), var(--shadow);
  z-index: 1;
}

/* Textura sutil de puntos */
.tz-auth-alt > .event-card::after{
  content:"";
  position:absolute; inset:auto clamp(16px,3vw,32px) clamp(16px,3vw,32px) clamp(16px,3vw,32px);
  top: clamp(56px, 8vh, 120px);
  left: min(60%, calc(560px + 7vw));
  width: 36ch; height: 36ch; border-radius: 14px;
  background:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.18) 1px, transparent 2px) 0 0 / 18px 18px,
    radial-gradient(80% 120% at 70% 20%, rgba(249,23,77,.25), transparent 60%);
  filter: saturate(1.2);
  z-index: 2;
}

/* Sombra exterior del card para dar profundidad */
.tz-auth-alt .tz-card{ box-shadow: 0 20px 60px rgba(2,8,23,.18); }

/* Asegura que el .event-card se comporte como capa */
.tz-auth-alt .event-card{ position: relative; z-index: 2; }

/* Si tu .content añade padding, evita doble scroll */
.tz-auth-alt .content{ overflow: visible; }
/* ===== Ajustes visuales para versión comprador ===== */
.tz-ads--buyer{
  background: radial-gradient(90% 120% at 70% 0%, rgba(249,23,77,.28), transparent 60%),
              linear-gradient(160deg,#0b0b0c,#151a28 55%,#1b2333 100%);
  border: 1px solid rgba(255,255,255,.35);
}
.tz-ads--buyer .tz-ads__hero{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  padding-bottom: 14px;
}
.tz-ads--buyer .tz-ads__badge{ background:#0ef; color:#062; display:inline-block; background:#fff; color:#0b0b0c }
.tz-ads--buyer h3{ letter-spacing:.2px }
.tz-ads--buyer h3 em{ color:#ff6b8f }

.tz-ads--buyer .tz-ads__btn{
  background:linear-gradient(180deg,#ff5978,#f9174d);
  border:0;
}

.tz-ads__btn:hover{
    
    color:inherit;
    
}
.tz-ads--buyer .tz-ads__link{ color:#b9d7ff }

.tz-ads__benefits--buyer{
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
  margin-top: 8px;
}
@media (max-width:1100px){ .tz-ads__benefits--buyer{ grid-template-columns:1fr } }

/* Tarjetas sobrias */
.tz-ads__grid--buyer{ grid-template-columns: 1fr 1fr 1fr; }
@media (max-width:1100px){ .tz-ads__grid--buyer{ grid-template-columns:1fr 1fr } }
@media (max-width:700px){ .tz-ads__grid--buyer{ grid-template-columns:1fr } }

.tz-ads__card p{ margin: 4px 0 0; color:#d7e2ff }




.tz-producer{
  --acc:#f9174d; --ink:#0e1320; --mut:#7b8499; --card:#ffffff; --bd:#e8ecf4;
  --dark:#0b0b0c; --d2:#121826; --d3:#1a2233;
  --rad:18px; --sh:0 18px 48px rgba(9,14,30,.10);
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  /*margin-top:9%;*/
}



/* HERO */
.tzp-hero{
  background:
    radial-gradient(100% 120% at 75% 0%, rgba(249,23,77,.28), transparent 60%),
    linear-gradient(160deg, var(--dark), var(--d2) 55%, var(--d3) 100%);
  color:#eef3ff; padding: clamp(28px,5vw,48px) clamp(18px,4vw,40px);
  border-radius: var(--rad); box-shadow: var(--sh); margin-bottom: 22px;
}
.tzp-hero__inner{display:grid; grid-template-columns: 1.2fr .8fr; gap: 22px; align-items:center}
@media (max-width:980px){ .tzp-hero__inner{grid-template-columns:1fr} }
.tzp-pill{display:inline-block; background:#fff; color:#0b0b0c; padding:6px 10px; border-radius:999px; font-weight:900; font-size:12px}
.tzp-hero h1{margin:.5rem 0; font-size: clamp(26px,4vw,38px); font-weight:900}
.tzp-hero h1 em{color:#ff6b8f; font-style:normal}
.tzp-hero p{margin:0 0 10px; color:#cdd7ff}
.tzp-cta{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:8px 0 12px}
.tzp-btn{appearance:none; border:0; border-radius:12px; padding:12px 16px; font-weight:900; text-decoration:none; cursor:pointer}
.tzp-btn:hover{color:white;}
.tzp-btn--accent{color:#fff; background:linear-gradient(180deg,#ff5978,#f9174d); box-shadow:0 14px 32px rgba(249,23,77,.35)}
.tzp-btn--ghost{color:#cfe2ff; background:transparent; border:2px solid rgba(255,255,255,.35)}
.tzp-trust{list-style:none; padding:0; margin:6px 0 0; display:flex; gap:8px; flex-wrap:wrap}
.tzp-trust li{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#e9eeff; padding:6px 10px; border-radius:10px; font-weight:900; font-size:12px}
.tzp-hero__card{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:14px}
.tzp-kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:8px}
@media (max-width:500px){ .tzp-kpis{grid-template-columns:1fr} }
.tzp-kpis b{font-size:18px; color:#fff}
.tzp-kpis span{display:block; color:#cbd6ff}
.tzp-note{display:block; margin-top:6px; opacity:.75}

/* TITULARES */
.tzp-h2{font-size:22px; font-weight:900; margin:16px 0 10px}
.tzp-h2 span{color:var(--acc)}

/* VALORES */
.tzp-values{background:#fff; border:1px solid var(--bd); border-radius:var(--rad); padding:16px; box-shadow:var(--sh); margin-bottom:22px}
.tzp-grid{display:grid; gap:12px}
.tzp-grid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){ .tzp-grid--4{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .tzp-grid--4{grid-template-columns:1fr} }
.tzp-value{background:#fff; border:1px solid var(--bd); border-radius:14px; padding:14px; display:grid; gap:6px}
.tzp-ico{width:36px; height:36px; border-radius:10px; background:#0f172a; display:grid; place-items:center; color:#fff;}

/* COMPARATIVA */
.tzp-compare{background:#fff; border:1px solid var(--bd); border-radius:var(--rad); padding:16px; box-shadow:var(--sh); margin-bottom:22px}
.tzp-table{border:1px solid var(--bd); border-radius:12px; overflow:hidden}
.tzp-thead,.tzp-row{display:grid; grid-template-columns: 1.2fr .8fr .8fr}
.tzp-thead{background:#f8fafc; padding:10px; font-weight:900; color:#334155}
.tzp-row{padding:10px; border-top:1px solid #eef2f8}

/* FOCUS BLOCKS */
.tzp-focus{display:grid; gap:16px; margin-bottom:22px}
.tzp-focus__item{display:grid; grid-template-columns: .9fr 1.1fr; gap:16px; background:#fff; border:1px solid var(--bd); border-radius:14px; padding:14px; box-shadow:var(--sh)}
.tzp-focus__item--alt{grid-template-columns: 1.1fr .9fr}
@media (max-width:980px){ .tzp-focus__item, .tzp-focus__item--alt{grid-template-columns:1fr} }
.tzp-focus__media{border-radius:12px; min-height:200px; background:#eef2f7}
.tzp-focus__media--panel{
  background: radial-gradient(40% 60% at 70% 20%, rgba(249,23,77,.18), transparent 60%),
              linear-gradient(160deg,#10151f,#151d2c);
}
.tzp-focus__media--marketing{
  background: radial-gradient(60% 80% at 40% 0%, rgba(255,190,70,.25), transparent 60%),
              linear-gradient(160deg,#10151f,#202a3d);
}
.tzp-focus__copy h3{margin:0 0 6px; font-size:18px; font-weight:900}
.tzp-bullets{margin:8px 0 0; padding-left:18px; color:#425073}

/* FAQ */
.tzp-faq{background:#fff; border:1px solid var(--bd); border-radius:var(--rad); padding:16px; box-shadow:var(--sh); margin-bottom:22px}
.tzp-accordion details{border:1px solid #e7ebf3; border-radius:10px; margin:8px 0; padding:8px 10px}
.tzp-accordion summary{cursor:pointer; font-weight:800}
.tzp-accordion p{margin:8px 2px 2px; color:#445169}

/* CTA FINAL */
.tzp-ctaFinal__box{background:linear-gradient(160deg,#0b0b0c,#121826 55%,#1a2233); color:#eaf1ff; border-radius:14px; padding:20px; text-align:center; border:1px solid rgba(255,255,255,.2); box-shadow:var(--sh)}
.tzp-ctaFinal__box h3{margin:0 0 6px; font-size:22px; font-weight:900}
.tzp-ctaFinal__box p{margin:0 0 12px; color:#cdd6ff}



.tzp-cta {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  gap: 12px;
  margin: 40px auto; /* agrega separación arriba/abajo */
  width: fit-content;
}



.tz-contact{
  font-family: system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:#0e1320;
}
.tzc-hero{
  background: radial-gradient(70% 100% at 70% 0%, rgba(249,23,77,.25), transparent 60%),
              linear-gradient(160deg,#0b0b0c,#121826 55%,#1a2233);
  color:#eef3ff; text-align:center; padding:60px 20px;
}
.tzc-hero h1{font-size:clamp(28px,4vw,40px); font-weight:900; margin-bottom:10px;}
.tzc-hero p{max-width:680px; margin:0 auto; color:#cdd6ff;}

.tzc-body{padding:40px 20px;}
.tzc-grid{display:grid; grid-template-columns: 2fr 1fr; gap:40px; max-width:1100px; margin:auto;}
@media(max-width:900px){.tzc-grid{grid-template-columns:1fr;}}
.tzc-form, .tzc-info{
  background:#fff; border:1px solid #e8ecf4; border-radius:16px; padding:24px; box-shadow:0 8px 32px rgba(9,14,30,.08);
}
.tzc-form h2, .tzc-info h2{margin-bottom:16px; font-weight:900;}
.tzc-form label{display:block; margin-bottom:14px;}
.tzc-form span{display:block; font-weight:700; margin-bottom:4px;}
.tzc-form input, .tzc-form textarea{
  width:100%; border:1px solid #d6dae0; border-radius:10px; padding:10px; font-size:15px;
}
.tzc-form button{margin-top:10px;}
.tzc-ok{display:none; margin-top:10px; color:#10b981; font-weight:700;}

.tzc-info ul{list-style:none; padding:0; margin:0 0 16px;}
.tzc-info li{margin-bottom:10px; line-height:1.4;}
.tzc-info a{color:#f9174d; text-decoration:none;}
.tzc-social a{font-size:22px; color:#1a2233; margin-right:10px;}
.tzc-social a:hover{color:#f9174d;}

.tzc-map iframe{width:100%; height:400px; border:0; border-radius:16px; display:block;}

.tzc-cta{text-align:center; padding:60px 20px;}
.tzp-cta{display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:12px;}
.tzp-btn{border:0; border-radius:12px; padding:12px 16px; font-weight:900; text-decoration:none; cursor:pointer;}
.tzp-btn--accent{color:#fff; background:linear-gradient(180deg,#ff5978,#f9174d); box-shadow:0 14px 32px rgba(249,23,77,.35);}
.tzp-btn--ghost{color:#0e1320; background:transparent; border:2px solid #0e1320;}








.tzdash{
  --acc:#f9174d; --ink:#0f172a; --mut:#667085; --bd:#e9edf5; --card:#fff; --dark:#0b0b0c;
  --rad:16px; --sh:0 18px 48px rgba(9,14,30,.08);
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
}

/* HERO */
.tzdash-hero{border-radius:var(--rad); box-shadow:var(--sh); margin-bottom:16px;
  background: radial-gradient(90% 120% at 70% 0%, rgba(249,23,77,.22), transparent 60%),
              linear-gradient(160deg,var(--dark),#121826 55%,#1a2233);
  color:#eaf1ff; padding:24px 18px;}
.tzdash-hero__inner{display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.tzdash-hero h1{margin:0 0 6px; font-size:24px; font-weight:900}
.tzdash-hero p{margin:0; color:#cfd9ff}
.tzdash-quick{display:flex; gap:8px; flex-wrap:wrap}

.tzdash-btn{appearance:none; border:0; padding:10px 14px; border-radius:12px; font-weight:900; text-decoration:none; cursor:pointer}
.tzdash-btn--accent{background:linear-gradient(180deg,#ff5978,#f9174d); color:#fff; box-shadow:0 12px 28px rgba(249,23,77,.35)}
.tzdash-btn--ghost{background:transparent; color:#eaf1ff; border:2px solid rgba(255,255,255,.35)}
.tzdash-btn--danger{background:#1e273a; color:#ffd7df; border:1px solid rgba(255,255,255,.2)}

/* KPIs */
.tzdash-kpis{display:grid; gap:12px; grid-template-columns:repeat(4,1fr); margin-bottom:16px}
@media(max-width:900px){.tzdash-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.tzdash-kpis{grid-template-columns:1fr}}
.tzdash-kpi{background:var(--card); border:1px solid var(--bd); border-radius:14px; padding:14px; box-shadow:var(--sh); display:flex; align-items:center; gap:10px}
.tzdash-kpi__ico{width:38px; height:38px; border-radius:10px; background:#0f172a; color:#fff; display:grid; place-items:center}
.tzdash-kpi__meta b{font-size:20px}
.tzdash-kpi__meta small{display:block; color:var(--mut)}

/* Tabs */
.tzdash-tabs{background:var(--card); border:1px solid var(--bd); border-radius:16px; box-shadow:var(--sh); padding:12px}
.tzdash-tabs__bar{display:flex; gap:8px; flex-wrap:wrap; padding:6px}
.tzdash-tabs__bar button{appearance:none; border:1px solid var(--bd); background:#f7f9fe; color:#111; border-radius:10px; padding:8px 12px; font-weight:900; cursor:pointer}
.tzdash-tabs__bar button.is-active{background:var(--acc); color:#fff; border-color:transparent}
.tzdash-pane{margin-top:10px}
.tzdash-pane.is-hidden{display:none}

/* Cards / list */
.tzdash-grid{display:grid; gap:12px; grid-template-columns:1.1fr .9fr}
@media(max-width:980px){.tzdash-grid{grid-template-columns:1fr}}
.tzdash-card{background:#fff; border:1px solid var(--bd); border-radius:14px; padding:12px}
.tzdash-card__head{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px}
.tzdash-link{color:var(--acc); text-decoration:none; font-weight:900}
.tzdash-list{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.tzdash-list li{display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #eef1f7; border-radius:10px; padding:10px}
.tzdash-list b{display:block}
.tzdash-list small{display:block; color:var(--mut)}
.tzdash-mini{border:0; background:#0f172a; color:#fff; border-radius:10px; padding:8px 10px; text-decoration:none; font-size:12px; font-weight:900}
.tzdash-badge{display:inline-block; padding:6px 10px; border-radius:999px; background:#eef2fb; font-weight:900; font-size:12px}
.tzdash-badge--ok{background:#e8fff6; color:#065f46}
.tzdash-badge--warn{background:#fff5e6; color:#92400e}

/* Catálogo */
.tzdash-catalog{display:grid; gap:12px; grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.tzdash-catalog{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tzdash-catalog{grid-template-columns:1fr}}
.tzdash-item{background:#fff; border:1px solid var(--bd); border-radius:14px; overflow:hidden; box-shadow:var(--sh); display:grid; grid-template-rows:140px auto}
.tzdash-item__img{background:#e9edf5 center/cover no-repeat}
.tzdash-item__body{padding:12px; display:grid; gap:6px}
.tzdash-item__cta{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:6px}
.tzdash-chip{display:inline-block; background:#0f172a; color:#fff; border-radius:999px; padding:6px 10px; font-weight:900}

/* Table */
.tzdash-table{border:1px solid var(--bd); border-radius:12px; overflow:hidden; background:#fff}
.tzdash-thead,.tzdash-row{display:grid; grid-template-columns:1fr 1.4fr .6fr .8fr}
.tzdash-thead{background:#f8fafc; padding:10px; font-weight:900; color:#334155}
.tzdash-row{padding:10px; border-top:1px solid #eef2f8}

/* Modal */
.tzdash-modal{position:fixed; inset:0; display:grid; place-items:center; background:rgba(7,10,20,.55); z-index:1000}
.tzdash-modal[hidden]{display:none}
.tzdash-modal__box{background:#fff; border-radius:14px; padding:16px; width:min(520px,96%); box-shadow:var(--sh); border:1px solid var(--bd)}
.tzdash-modal__actions{display:flex; justify-content:flex-end; gap:8px; margin-top:10px}



.tzdash-btn--alert {
  background: linear-gradient(180deg, #ff6666, #c70000);
  color: #fff;
  box-shadow: 0 12px 28px rgba(255, 0, 0, 0.35);
}
.tzdash-btn--alert:hover { filter: brightness(1.1); }

.tzdash-kpi--panic {
  background: #ffe8e8;
  border-color: #fbb;
  color: #a00;
}
.tzdash-kpi--panic .tzdash-kpi__ico {
  background: #d00;
  color: #fff;
}
.tzdash-kpi--panic .tzdash-link {
  color: #c00;
  text-decoration: none;
  font-weight: 900;
}







/* ===== Ticketiza Perfil (misdatos) ===== */
.tz-prof{
  --acc:#f9174d; --dark:#0b0b0c; --ink:#0f172a; --mut:#677689; --bd:#e9edf5; --card:#fff;
  --rad:18px; --sh:0 18px 48px rgba(9,14,30,.08);
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
}

/* Head */
.tz-prof__head{
  display:grid; grid-template-columns:260px 1fr; gap:24px; align-items:start;
  background:
    radial-gradient(80% 120% at 65% 0%, rgba(249,23,77,.14), transparent 60%),
    linear-gradient(160deg,#ffffff,#fbfbff);
  border:1px solid var(--bd); border-radius:var(--rad); padding:18px; box-shadow:var(--sh); margin-bottom:16px;
}
@media (max-width:860px){.tz-prof__head{grid-template-columns:1fr}}

.tz-prof__intro .tz-prof__title{margin:4px 0 2px; font-size:28px; font-weight:900}
.tz-prof__intro .tz-prof__sub{margin:0 0 10px; color:var(--mut)}
.tz-prof__hints{margin:0; padding-left:18px; color:#5a6780}
.tz-prof__hints li+li{margin-top:4px}

/* Avatar */
.tz-prof__avatar{display:flex; flex-direction:column; gap:12px}
.tz-prof__avatar-wrap{
  position:relative; width:200px; height:200px; border-radius:20px; overflow:hidden;
  box-shadow:0 14px 40px rgba(249,23,77,.22), 0 2px 0 rgba(249,23,77,.08) inset;
  border:1px solid #ffe0ea; background:#111;
}
.tz-prof__avatar-wrap img{width:100%; height:100%; object-fit:cover; display:block}
.tz-prof__file{position:absolute; inset:0; opacity:0; cursor:pointer}
.tz-prof__avatar-cta{
  position:absolute; inset:auto 0 0 0; padding:10px; text-align:center;
  background:linear-gradient(180deg,transparent,rgba(11,11,12,.65));
  color:#fff; font-weight:800;
}
.tz-prof__avatar-cta-main{display:block}
.tz-prof__avatar-cta-sub{opacity:.8; font-weight:600; font-size:12px}

.tz-prof__avatar-actions{display:grid; gap:10px; width:200px}
.tz-btn{appearance:none; border:0; padding:12px 14px; border-radius:12px; background:linear-gradient(180deg,#ff5978,#f9174d); color:#fff; font-weight:900; cursor:pointer; box-shadow:0 12px 30px rgba(249,23,77,.32)}
.tz-btn--ghost{background:#fff; color:#0f172a; border:2px solid #f5c5d1; box-shadow:0 16px 30px rgba(249,23,77,.18)}
.tz-btn--line{background:transparent; color:#f9174d; border:2px solid #f9174d; box-shadow:none}

/* Form card */
.tz-prof__form, .tz-pass{
  background:var(--card); border:1px solid var(--bd); border-radius:var(--rad); padding:16px; box-shadow:var(--sh); margin-bottom:16px;
}
.tz-grid{display:grid; gap:12px; grid-template-columns:1fr 1fr}
.tz-col-2, .tz-field.tz-col-2{grid-column:1 / -1}
@media (max-width:860px){.tz-grid{grid-template-columns:1fr}}

.tz-field{display:flex; flex-direction:column; gap:6px}
.tz-field__lab{font-size:13px; font-weight:800; color:#1e2a44}
.tz-field__inp{
  border:1px solid #dfe4ee; border-radius:12px; padding:12px; font-size:15px; background:#fff;
}
.tz-field__inp:focus{outline:3px solid rgba(249,23,77,.2); border-color:#f9a5ba}
.tz-field__hint{color:#7b8aa2}

.tz-field__pwd{display:flex; gap:8px; align-items:center}
.tz-field__pwd .tz-field__inp{flex:1}
.tz-toggle{border:0; background:#0f172a; color:#fff; border-radius:10px; padding:8px 10px; font-weight:900; cursor:pointer}

.tz-actions{display:flex; align-items:center; gap:12px; margin-top:6px}
.tz-note{color:#5b6b84}
.tz-ok{margin-top:8px; background:#e9fff5; color:#065f46; border:1px solid #baf1d8; padding:8px 10px; border-radius:10px; display:none}

/* Password section */
.tz-pass__title{margin:0 0 10px; font-size:18px; font-weight:900}
.tz-pass__grid{display:grid; gap:12px; grid-template-columns:1fr 1fr 1fr}
@media (max-width:1000px){.tz-pass__grid{grid-template-columns:1fr}}









/*MICUENTA*/ /*MIS DATOS*/

:root{
  --micuenta-bg:#0b0e13; --micuenta-card:#10151d; --micuenta-line:#1b2230;
  --micuenta-soft:#c9d2e0; --micuenta-white:#fff;
  --micuenta-grad:linear-gradient(135deg,#ff1f59 0%,#ff6b95 50%,#38e3ff 100%);
  --micuenta-radius:16px; --micuenta-shadow:0 10px 30px rgba(0,0,0,.25);
  --micuenta-font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;
}
/* Scope estricto */
.micuenta-wrap{all:initial; font-family:var(--micuenta-font); color:var(--micuenta-white); background:var(--micuenta-bg); display:block;}
.micuenta-wrap *{box-sizing:border-box; font-family:inherit; color:inherit}

/* Header */
.micuenta-head{display:flex;justify-content:space-between;gap:24px;padding:24px;border-radius:20px;background:
  radial-gradient(100% 140% at 0% 0%,rgba(255,31,89,.25),transparent 55%),
  radial-gradient(120% 160% at 100% 20%,rgba(56,227,255,.15),transparent 60%),
  #0f131b;border:1px solid var(--micuenta-line)}
.micuenta-head-left{display:flex;gap:18px;align-items:center}
.micuenta-title{margin:0 0 4px;font-size:26px;letter-spacing:.2px}
.micuenta-sub{margin:0 0 6px;color:var(--micuenta-soft);font-size:14px}
.micuenta-hints{display:flex;gap:14px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.micuenta-hints li{color:#9fb0c9;font-size:12px}

/* Avatar */
.micuenta-avatar{position:relative;width:92px;height:92px;border-radius:20px;overflow:hidden;border:1px solid var(--micuenta-line);box-shadow:var(--micuenta-shadow)}
.micuenta-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.micuenta-avatar input{display:none}
.micuenta-avatar-cta{position:absolute;left:8px;right:8px;bottom:8px;border:0;border-radius:12px;padding:6px 10px;font-size:12px;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);cursor:pointer}

/* Badges */
.micuenta-badges{display:flex;gap:12px;align-items:stretch}
.micuenta-pill{display:flex;flex-direction:column;gap:2px;min-width:150px;padding:14px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid var(--micuenta-line)}
.micuenta-pill-k{font-weight:700;font-size:18px}
.micuenta-pill-l{font-size:12px;color:#9fb0c9}

/* Tabs */
.micuenta-tabs{display:flex;gap:8px;margin:18px 0}
.micuenta-tab{appearance:none;border:1px solid var(--micuenta-line);background:#0f141c;color:#c7d0e0;
  padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:600;font-size:14px}
.micuenta-tab.is-active{background:var(--micuenta-grad);color:#081019;border-color:transparent}

/* Cards / layout */
.micuenta-panels{display:block}
.micuenta-panel{display:none}
.micuenta-panel.is-active{display:block}
.micuenta-card{background:var(--micuenta-card);border:1px solid var(--micuenta-line);border-radius:var(--micuenta-radius);padding:18px 18px 22px;box-shadow:var(--micuenta-shadow)}
.micuenta-card + .micuenta-card{margin-top:16px}
.micuenta-card-title{margin:0 0 12px;font-size:16px}

.micuenta-form{width:100%}
.micuenta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.micuenta-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.micuenta-col-2{grid-column:1/-1}

.micuenta-field{display:flex;flex-direction:column;gap:8px}
.micuenta-lab{font-size:12px;color:#a8b6cd}
.micuenta-req{color:#ff8fb0}
.micuenta-hint{font-size:11px;color:#97a6bd}
.micuenta-inp{width:100%;height:44px;border-radius:12px;border:1px solid var(--micuenta-line);
  background:#0a0f16;color:#e9f0ff;padding:10px 12px;font-size:14px;outline:none}
.micuenta-inp:focus{border-color:#2bd6ff;box-shadow:0 0 0 3px rgba(56,227,255,.15)}
.micuenta-inp.micuenta-error{border-color:#ff4b6e;box-shadow:0 0 0 3px rgba(255,75,110,.15)}

.micuenta-pwd{display:flex;gap:8px}
.micuenta-toggle{border:1px solid var(--micuenta-line);background:#0f141c;color:#c7d0e0;border-radius:10px;padding:0 10px;font-size:12px}
.micuenta-toggle:hover{border-color:#2bd6ff}

.micuenta-actions{display:flex;gap:10px;align-items:center;margin-top:6px}
.micuenta-btn{border:0;border-radius:12px;background:var(--micuenta-grad);color:#0a0f12;padding:10px 14px;font-weight:800;cursor:pointer}
.micuenta-btn-ghost{background:transparent;color:#cfe6ff;border:1px solid var(--micuenta-line)}
.micuenta-btn-line{background:transparent;border:2px solid transparent;color:#fff;background-image:var(--micuenta-grad),linear-gradient(#0a0f12,#0a0f12);background-origin:border-box;background-clip:padding-box,border-box}

.micuenta-cols{display:grid;grid-template-columns:2fr 1.2fr;gap:16px}

.micuenta-sessions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.micuenta-sessions li{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--micuenta-line);border-radius:12px;background:#0c1118}
.micuenta-sessions small{display:block;color:#9fb0c9}

.micuenta-chip{border-radius:999px;border:1px solid var(--micuenta-line);background:#0f141c;color:#e8f2ff;padding:6px 10px;font-size:12px}
.micuenta-chip-danger{border-color:#382024;background:#1a0f13;color:#ff9fb2}

.micuenta-switches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.micuenta-switch{display:flex;align-items:center;gap:12px;cursor:pointer}
.micuenta-switch input{display:none}
.micuenta-switch-ui{width:42px;height:26px;border-radius:999px;background:#16202d;border:1px solid var(--micuenta-line);position:relative;transition:.2s}
.micuenta-switch-ui::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;left:4px;top:3px;background:#8ea3bf;transition:.2s}
.micuenta-switch input:checked + .micuenta-switch-ui{background:linear-gradient(135deg,#ff1f59,#38e3ff)}
.micuenta-switch input:checked + .micuenta-switch-ui::after{left:20px;background:#051018}
.micuenta-switch-lab{color:#d7e3f9}

.micuenta-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.micuenta-cardrow{display:flex;gap:12px;align-items:center}
.micuenta-cardbrand{width:40px;height:28px;border-radius:8px;background:#0f141c;border:1px solid var(--micuenta-line);display:grid;place-items:center}
.micuenta-addcard{display:flex;justify-content:center}

.micuenta-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:#0f141c;border:1px solid var(--micuenta-line);color:#e8f2ff;padding:10px 14px;border-radius:12px;box-shadow:var(--micuenta-shadow);transition:.25s;z-index:9999}
.micuenta-toast.micuenta-show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:980px){
  .micuenta-badges{display:none}
  .micuenta-grid-3{grid-template-columns:1fr}
  .micuenta-cols{grid-template-columns:1fr}
}
@media (max-width:680px){
  .micuenta-grid{grid-template-columns:1fr}
  .micuenta-head{flex-direction:column;align-items:flex-start}
}


/* Paleta clara corporativa */
.micuenta-wrap{
  --micuenta-bg:#0b0e13;            /* fondo del HEADER oscuro (se conserva) */
  --micuenta-card:#ffffff;           /* tarjetas y formularios ahora en BLANCO */
  --micuenta-line:#e7e9ee;           /* bordes claros */
  --micuenta-soft:#6b7280;           /* textos secundarios */
  --micuenta-white:#0b1220;          /* texto principal en tarjetas (oscuro) */
  --micuenta-shadow:0 6px 18px rgba(17,24,39,.06);
}

/* Header: seguimos oscuro con gradiente, textos claros */
.micuenta-wrap .micuenta-head{
  background:
    radial-gradient(100% 140% at 0% 0%,rgba(255,31,89,.20),transparent 55%),
    radial-gradient(120% 160% at 100% 20%,rgba(56,227,255,.10),transparent 60%),
    #0f131b;
  border-color:#1f2837;
}
.micuenta-wrap .micuenta-title{ color:#fff }
.micuenta-wrap .micuenta-sub{ color:#cfd7e6 }
.micuenta-wrap .micuenta-hints li{ color:#a7b4cc }

/* Contenido blanco */
.micuenta-wrap .micuenta-card{
  background:#fff; border:1px solid var(--micuenta-line); box-shadow:var(--micuenta-shadow);
}
.micuenta-wrap .micuenta-card-title{ color:#0b1220 }
.micuenta-wrap .micuenta-badges .micuenta-pill{
  background:#fff; border-color:var(--micuenta-line); box-shadow:var(--micuenta-shadow);
}
.micuenta-wrap .micuenta-pill-l{ color:#6b7280 }
.micuenta-wrap .micuenta-pill-k{ color:#0b1220 }

/* Tabs sobre fondo claro */
.micuenta-wrap .micuenta-tabs{ margin-top:22px }
.micuenta-wrap .micuenta-tab{
  background:#fff; color:#0b1220; border:1px solid var(--micuenta-line);
  box-shadow:var(--micuenta-shadow);
}
.micuenta-wrap .micuenta-tab.is-active{
  color:#0a1018; border-color:transparent;
}

/* Formularios claros */
.micuenta-wrap .micuenta-lab{ color:#374151 }
.micuenta-wrap .micuenta-hint{ color:#6b7280 }
.micuenta-wrap .micuenta-inp{
  background:#fff; color:#0b1220; border:1px solid var(--micuenta-line);
  box-shadow:inset 0 1px 0 rgba(17,24,39,.03);
}
.micuenta-wrap .micuenta-inp:focus{
  border-color:#cfe8ff; box-shadow:0 0 0 4px rgba(56,227,255,.15);
}
.micuenta-wrap .micuenta-inp.micuenta-error{
  border-color:#ff4b6e; box-shadow:0 0 0 4px rgba(255,75,110,.14);
}

/* Pwd toggle claro */
.micuenta-wrap .micuenta-toggle{
  background:#fff; color:#0b1220; border:1px solid var(--micuenta-line);
}

/* Sesiones / listas en blanco */
.micuenta-wrap .micuenta-sessions li{
  background:#fff; border:1px solid var(--micuenta-line); color:#0b1220;
}
.micuenta-wrap .micuenta-sessions small{ color:#6b7280 }

.micuenta-wrap .micuenta-chip{
  background:#fff; color:#0b1220; border:1px solid var(--micuenta-line);
}
.micuenta-wrap .micuenta-chip-danger{
  background:#fff3f6; color:#b4234d; border-color:#ffd1de;
}

/* Switches con track claro */
.micuenta-wrap .micuenta-switch-ui{
  background:#f3f5f9; border-color:var(--micuenta-line);
}
.micuenta-wrap .micuenta-switch input:checked + .micuenta-switch-ui{
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
}
.micuenta-wrap .micuenta-switch-lab{ color:#0b1220 }

/* Métodos de pago */
.micuenta-wrap .micuenta-cardbrand{
  background:#f9fafb; border:1px solid var(--micuenta-line);
}
.micuenta-wrap .micuenta-addcard{ background:#fff }

/* Botones: conservan gradient Ticketiza, texto oscuro para contraste */
.micuenta-wrap .micuenta-btn{ color:#081019 }
.micuenta-wrap .micuenta-btn-ghost{ background:#fff; color:#0b1220; border-color:var(--micuenta-line) }
.micuenta-wrap .micuenta-btn-line{
  color:#0b1220; background-image:var(--micuenta-grad), linear-gradient(#fff,#fff);
}

/* Toast: estilo oscuro flotante, alto contraste sobre contenido blanco */
.micuenta-wrap .micuenta-toast{
  background:#0f141c; color:#e8f2ff; border:1px solid #1f2837;
}

/* Responsive: mantén tarjetas blancas y sombras suaves */
@media (max-width:980px){
  .micuenta-wrap .micuenta-badges{ display:none }
}















:root{
  --tzw-bg:#ffffff;                /* fondo de contenido claro */
  --tzw-ink:#0b1220;               /* texto principal */
  --tzw-soft:#6b7280;              /* texto secundario */
  --tzw-line:#e7e9ee;              /* bordes */
  --tzw-card:#ffffff;              /* tarjetas */
  --tzw-shadow:0 10px 28px rgba(17,24,39,.06);

  --tzw-grad:linear-gradient(135deg,#ff1f59 0%,#ff6b95 50%,#38e3ff 100%); /* CTA Ticketiza */
}

.tzw-wrap{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--tzw-ink);background:var(--tzw-bg)}
.tzw-wrap *{box-sizing:border-box}

/* Progress */
.tzw-progress{display:flex;gap:8px;list-style:none;margin:0 0 16px;padding:0}
.tzw-progress li{flex:1;position:relative;background:#f6f7fb;border:1px solid var(--tzw-line);color:#7b8494;height:34px;border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:13px}
.tzw-progress li.is-active{background:var(--tzw-grad);color:#081019;border-color:transparent}

/* Layout */
.tzw-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.tzw-steps{display:flex;flex-direction:column;gap:16px}
.tzw-aside{position:sticky;top:12px;align-self:start}

.tzw-card{background:var(--tzw-card);border:1px solid var(--tzw-line);border-radius:16px;box-shadow:var(--tzw-shadow);padding:16px}

/* Headings */
.tzw-h{margin:0 0 10px;font-size:20px}

/* Item */
.tzw-item{display:flex;gap:14px;align-items:center}
.tzw-item-img{width:88px;height:88px;border-radius:12px;object-fit:cover}
.tzw-item-title{margin:0 0 4px;font-size:18px}
.tzw-item-sub{margin:0 0 6px;color:var(--tzw-soft);font-size:13px}
.tzw-item-price{display:inline-block;font-weight:800;font-size:18px;color:#ff1f59}

/* Timer */
.tzw-timer{display:flex;justify-content:space-between;align-items:center}
.tzw-clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}
.tzw-clock::before{content:"⏱ ";}

/* Form */
.tzw-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tzw-field{display:flex;flex-direction:column;gap:6px}
.tzw-lab{font-size:12px;color:#374151}
.tzw-inp{height:44px;border-radius:12px;border:1px solid var(--tzw-line);padding:10px 12px;font-size:14px;outline:none;background:#fff}
.tzw-inp:focus{border-color:#cfe8ff;box-shadow:0 0 0 4px rgba(56,227,255,.15)}
.tzw-inp.invalid{border-color:#ff4b6e;box-shadow:0 0 0 4px rgba(255,75,110,.14)}
.tzw-inp-sm{height:40px}

/* Gateway */
.tzw-gateway-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
.tzw-gateway-logo{height:28px}
.tzw-gateway-fields{display:flex;gap:8px}

/* Pay options */
.tzw-pay{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.tzw-pay-opt{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--tzw-line);border-radius:12px;background:#fff}
.tzw-pay-opt input{margin-right:8px}
.tzw-pay-opt span{flex:1}
.tzw-pay-opt img{height:18px}

/* Alert */
.tzw-alert{margin:12px 0 0;background:#fff6e6;border:1px solid #ffd6a8;color:#9a6c1b;padding:10px;border-radius:10px}

/* Total aside */
.tzw-total-title{margin:0 0 10px;font-size:18px}
.tzw-tot-rows>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}
.tzw-line{height:1px;background:var(--tzw-line);margin:6px 0}
.tzw-final b{color:#e21b4c}
.tzw-btn-full{width:100%}

/* Steps */
.tzw-step{display:none}
.tzw-step.is-active{display:block}

/* Buttons */
.tzw-actions{display:flex;gap:10px;align-items:center;margin-top:12px}
.tzw-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}
.tzw-btn-primary{background:var(--tzw-grad);color:#081019}
.tzw-btn-outline{background:#fff;border:2px solid #ffd1de;color:#b4234d}
.tzw-btn-ghost{background:#fff;border:1px solid var(--tzw-line);color:#0b1220}
.tzw-btn-xl{padding:14px 18px;font-size:16px}

/* Toast */
.tzw-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:#0f141c;color:#e8f2ff;border:1px solid #1f2837;padding:10px 14px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:.25s}
.tzw-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:980px){
  .tzw-grid{grid-template-columns:1fr}
  .tzw-aside{position:static}
  .tzw-btn-full{margin-top:8px}
}
@media (max-width:680px){
  .tzw-form-grid{grid-template-columns:1fr}
}





:root{
  /* Paleta corporativa (ajusta a gusto) */
  --tzw-bg:#ffffff;
  --tzw-ink:#0b1220;
  --tzw-soft:#6b7280;
  --tzw-line:#e7e9ee;
  --tzw-card:#ffffff;
  --tzw-shadow:0 10px 28px rgba(17,24,39,.06);

  /* Acento plano Ticketiza (fucsia) */
  --tzw-accent:#ff1f59;
  --tzw-accent-ink:#0a0f14;         /* texto sobre el acento */
  --tzw-accent-weak:#ffe7ee;        /* fondo suave para estados */
}

.tzw-wrap{background:var(--tzw-bg); color:var(--tzw-ink);padding: 2%;}
.tzw-card{background:var(--tzw-card); border:1px solid var(--tzw-line); box-shadow:var(--tzw-shadow); border-radius:16px}

/* PROGRESS: píldoras planas */
.tzw-progress{display:flex; gap:10px; list-style:none; margin:0 0 18px; padding:0}
.tzw-progress li{
  flex:1; height:36px; border-radius:999px;
  display:grid; place-items:center; font-weight:800; font-size:13px;
  background:#f7f8fb; color:#7b8494; border:1px solid var(--tzw-line);
}
.tzw-progress li.is-active{
  background:var(--tzw-accent-weak);
  color:var(--tzw-ink);
  border-color:var(--tzw-accent);
  box-shadow:inset 0 -2px 0 var(--tzw-accent);
}

/* HEADINGS */
.tzw-h{font-size:20px; margin:0 0 12px}

/* ITEM */
.tzw-item-img{width:88px;height:88px;border-radius:12px;object-fit:cover}
.tzw-item-title{margin:0 0 4px}
.tzw-item-sub{margin:0 0 6px; color:var(--tzw-soft); font-size:13px}
.tzw-item-price{font-weight:900; color:var(--tzw-accent)}

/* FORM */
.tzw-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tzw-lab{font-size:12px; color:#374151}
.tzw-inp{
  height:44px; border-radius:12px; border:1px solid var(--tzw-line);
  background:#fff; color:var(--tzw-ink); padding:10px 12px; outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.tzw-inp:focus{border-color:#cfe8ff; box-shadow:0 0 0 4px rgba(56,227,255,.15)}
.tzw-inp.invalid{border-color:#ff4b6e; box-shadow:0 0 0 4px rgba(255,75,110,.14)}
.tzw-inp-sm{height:40px}

/* GATEWAY */
.tzw-gateway-head{display:flex; gap:12px; align-items:center; justify-content:space-between}
.tzw-gateway-logo{height:28px}
.tzw-gateway-fields{display:flex; gap:8px}
.tzw-alert{margin:12px 0 0; background:#fff6e6; border:1px solid #ffd6a8; color:#9a6c1b; padding:10px; border-radius:10px}

/* MÉTODOS DE PAGO */
.tzw-pay{display:flex; flex-direction:column; gap:8px; margin-top:12px}
.tzw-pay-opt{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:10px; border:1px solid var(--tzw-line); border-radius:12px; background:#fff;
}
.tzw-pay-opt input{margin-right:8px}
.tzw-pay-opt img{height:18px}
.tzw-pay-opt:has(input:checked){border-color:var(--tzw-accent); box-shadow:0 0 0 3px var(--tzw-accent-weak)}

/* TOTAL */
.tzw-total-title{margin:0 0 10px; font-size:18px}
.tzw-tot-rows>div{display:flex; justify-content:space-between; gap:12px; padding:6px 0}
.tzw-line{height:1px; background:var(--tzw-line); margin:6px 0}
.tzw-final b{color:#e21b4c}

/* BOTONES: acento plano */
.tzw-actions{display:flex; gap:10px; align-items:center; margin-top:12px}
.tzw-btn{border:0; border-radius:12px; padding:10px 14px; font-weight:900; cursor:pointer}
.tzw-btn-primary{background:var(--tzw-accent); color:var(--tzw-accent-ink)}
.tzw-btn-primary:hover{filter:brightness(.95)}
.tzw-btn-outline{background:#fff; color:#b4234d; border:2px solid #ffd1de}
.tzw-btn-ghost{background:#fff; color:var(--tzw-ink); border:1px solid var(--tzw-line)}
.tzw-btn-xl{padding:14px 18px; font-size:16px}
.tzw-btn-full{width:100%}

/* TIMER */
.tzw-timer{display:flex; justify-content:space-between; align-items:center}
.tzw-clock{font-weight:900; font-variant-numeric:tabular-nums}
.tzw-clock::before{content:"⏱ ";}

/* LAYOUT */
.tzw-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:18px}
.tzw-aside{position:sticky; top:12px; align-self:start}

@media (max-width:980px){
  .tzw-grid{grid-template-columns:1fr}
  .tzw-aside{position:static}
  .tzw-btn-full{margin-top:8px}
}
@media (max-width:680px){
  .tzw-form-grid{grid-template-columns:1fr}
}













.formInput{
    
    border: 1px solid;
  border-radius: 5px;
    
}

.formButton{
    
    color: white;
  background: red;
    
}

.formTitle{
    
    color: red; 
    
}
.TitleTicketiza{
    
    color: white; 
    
}

.TitleTicketiza:hover {
    
    color: white; 
    
}



.tzk-modal__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);}
.tzk-modal{position:fixed;inset:0;z-index:9999}
.tzk-modal[aria-hidden="true"]{display:none}
.tzk-modal__dialog{position:relative;max-width:720px;margin:5vh auto;background:#111;color:#fff;border-radius:18px;padding:20px 20px 16px;box-shadow:0 20px 80px rgba(0,0,0,.6)}
.tzk-modal__close{position:absolute;right:10px;top:10px;background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;opacity:.8}
.tzk-modal__head{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.tzk-badge{display:inline-block;background:#ff2557;color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.2px}
.tzk-sub{opacity:.8}
.tzk-req{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:10px}
.tzk-req li{display:flex;align-items:center;gap:10px;background:#1a1a1a;border-radius:12px;padding:10px}
.tzk-req__icon{font-size:18px}
.tzk-req__state{margin-left:auto}
.tzk-info{background:#0f0f0f;border:1px solid #262626;border-radius:12px;padding:10px;margin:10px 0}
.tzk-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}
.tzk-btn{border:0;border-radius:999px;padding:10px 14px;cursor:pointer;background:#2a2a2a;color:#fff}
.tzk-btn--primary{background:#ff2557}
.tzk-btn--ghost{background:transparent;border:1px solid #444}
.tzk-field{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.tzk-field__lab{font-size:12px;opacity:.8}
.tzk-field__inp, .tzk-check input{background:#1a1a1a;border:1px solid #333;color:#fff;border-radius:10px;padding:10px}
.tzk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
.tzk-mini{background:#1a1a1a;border:1px solid #262626;border-radius:12px;padding:12px}
.tzk-check{display:flex;align-items:center;gap:8px;margin:10px 0}
@media (max-width:640px){.tzk-cards{grid-template-columns:1fr}}



#sesionFoto{
    position: absolute;
    width: 20%;
    left: 96%;
    top: 13%;
}





.tzkz2-ev.tzkz2-ev--v2{
  --tzkz2-ink:#0f1115;           /* texto */
  --tzkz2-muted:#6b7280;         /* texto secundario */
  --tzkz2-line:#e8e9ee;          /* bordes */
  --tzkz2-soft:#f7f7fa;          /* fondos suaves */
  --tzkz2-card:#ffffff;          /* tarjeta */
  --tzkz2-accent:#7c3aed;        /* acento (cámbialo si quieres) */
  --tzkz2-accent-ink:#ffffff;    /* texto sobre acento */
  --tzkz2-r:14px;                /* radio */
  --tzkz2-sh:0 8px 28px rgba(15,17,21,.08);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--tzkz2-ink);
}

/* ===== Banner (toma tu imagen del banner y la respeta) ===== */
.tzkz2-ev.tzkz2-ev--v2 .tz-banner{position:relative; margin:0 0 14px}
.tzkz2-ev.tzkz2-ev--v2 .tz-banner img{width:100%;height:340px;object-fit:cover;display:block}
.tzkz2-ev.tzkz2-ev--v2 .tz-banner__overlay{
  position:absolute; inset:auto 0 0 0; display:flex; gap:12px; align-items:flex-end;
  padding:14px 18px; background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 70%);
}
.tzkz2-ev.tzkz2-ev--v2 .tz-badge{background:#fff;color:#111;border-radius:12px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;box-shadow:var(--tzkz2-sh)}
.tzkz2-ev.tzkz2-ev--v2 .tz-badge small{font-size:10px;letter-spacing:.08em}
.tzkz2-ev.tzkz2-ev--v2 .tz-badge span{font-weight:900;font-size:20px;margin-top:-2px}
.tzkz2-ev.tzkz2-ev--v2 .tz-banner__title h1{margin:0;color:#fff;font-weight:900;font-size:clamp(22px,3.2vw,36px)}
.tzkz2-ev.tzkz2-ev--v2 .tz-banner__title p{margin:2px 0 0;color:#e5e7eb;font-weight:600}

/* ===== Grid principal ===== */
.tzkz2-ev.tzkz2-ev--v2 .event-grid{max-width:1240px;margin:0 auto 18px;display:grid;
  grid-template-columns:320px 1fr 420px;gap:18px;padding:0 16px}
.tzkz2-ev.tzkz2-ev--v2 .left-col{position:sticky;top:18px;height:fit-content}

/* ===== Tarjetas reutilizando tus wrappers ===== */
.tzkz2-ev.tzkz2-ev--v2 .left-col > *:not(:first-child){margin-top:14px}
.tzkz2-ev.tzkz2-ev--v2 .poster, 
.tzkz2-ev.tzkz2-ev--v2 .map,
.tzkz2-ev.tzkz2-ev--v2 .head,
.tzkz2-ev.tzkz2-ev--v2 .tickets,
.tzkz2-ev.tzkz2-ev--v2 .addons{
  background:var(--tzkz2-card); border:1px solid var(--tzkz2-line); border-radius:var(--tzkz2-r);
  box-shadow:var(--tzkz2-sh); overflow:hidden;
}
.tzkz2-ev.tzkz2-ev--v2 .poster img{width:100%;display:block}
.tzkz2-ev.tzkz2-ev--v2 .venue-badge{
  position:absolute; transform:translate(12px,-38px); background:var(--tzkz2-accent); color:var(--tzkz2-accent-ink);
  padding:6px 10px; border-radius:999px; font-size:12px; font-weight:800
}
.tzkz2-ev.tzkz2-ev--v2 .map iframe{width:100%;height:220px;border:0;border-radius:10px}

/* ===== Encabezado (columna central) ===== */
.tzkz2-ev.tzkz2-ev--v2 .head{padding:16px}
.tzkz2-ev.tzkz2-ev--v2 .head .title{margin:0 0 6px;font-size:clamp(20px,2.4vw,28px)}
.tzkz2-ev.tzkz2-ev--v2 .producer-link{color:var(--tzkz2-accent);font-weight:800;text-decoration:none}
.tzkz2-ev.tzkz2-ev--v2 .producer-link:hover{text-decoration:underline}
.tzkz2-ev.tzkz2-ev--v2 .meta{margin-top:10px;display:grid;gap:6px;color:var(--tzkz2-muted)}
.tzkz2-ev.tzkz2-ev--v2 .meta i{margin-right:8px;color:var(--tzkz2-accent)}
.tzkz2-ev.tzkz2-ev--v2 .description-event{margin-top:12px;border-top:1px dashed var(--tzkz2-line);padding-top:12px}

/* ===== Tickets / filas ===== */
.tzkz2-ev.tzkz2-ev--v2 .tickets .bar,
.tzkz2-ev.tzkz2-ev--v2 .addons .bar{padding:12px 16px;background:var(--tzkz2-soft);font-weight:900;border-bottom:1px solid var(--tzkz2-line)}
.tzkz2-ev.tzkz2-ev--v2 .ticket-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--tzkz2-line)}
.tzkz2-ev.tzkz2-ev--v2 .ticket-row:first-of-type{border-top:0}
.tzkz2-ev.tzkz2-ev--v2 .t-name{font-weight:800}
.tzkz2-ev.tzkz2-ev--v2 .t-sub{color:var(--tzkz2-muted);font-size:12px}
.tzkz2-ev.tzkz2-ev--v2 .t-price{font-weight:900}
.tzkz2-ev.tzkz2-ev--v2 .controls{display:flex;gap:10px;align-items:center}
.tzkz2-ev.tzkz2-ev--v2 .qty{display:flex;align-items:center;border:1px solid var(--tzkz2-line);border-radius:999px;overflow:hidden}
.tzkz2-ev.tzkz2-ev--v2 .qty input{width:44px;text-align:center;border:0;outline:none;padding:6px}
.tzkz2-ev.tzkz2-ev--v2 .qty .inc,.tzkz2-ev.tzkz2-ev--v2 .qty .dec{min-width:34px;border:0;background:var(--tzkz2-soft);cursor:pointer;font-weight:900}
.tzkz2-ev.tzkz2-ev--v2 .btn-add{border:1px solid var(--tzkz2-line);background:#fff;padding:8px 12px;border-radius:10px;font-weight:800;cursor:pointer}
.tzkz2-ev.tzkz2-ev--v2 .btn-add:hover{border-color:var(--tzkz2-accent);color:var(--tzkz2-accent)}

/* ===== Addons lock ===== */
.tzkz2-ev.tzkz2-ev--v2 .bar-sub .lock-note{float:right;color:var(--tzkz2-muted);font-weight:600}

/* ===== Cart sticky ===== */
.tzkz2-ev.tzkz2-ev--v2 .cart-bar{position:sticky;bottom:0;background:#fff;border:1px solid var(--tzkz2-line);
  border-radius:var(--tzkz2-r);box-shadow:var(--tzkz2-sh);padding:12px 16px;margin-top:14px;display:flex;justify-content:space-between;align-items:center}
.tzkz2-ev.tzkz2-ev--v2 .btn-cart{background:var(--tzkz2-accent);color:var(--tzkz2-accent-ink);border:0;padding:10px 16px;border-radius:12px;font-weight:900;cursor:pointer}
.tzkz2-ev.tzkz2-ev--v2 .btn-cart:hover{filter:brightness(.95)}

/* ===== Responsive ===== */
@media (max-width:1180px){
  .tzkz2-ev.tzkz2-ev--v2 .event-grid{grid-template-columns:280px 1fr 380px}
}
@media (max-width:980px){
  .tzkz2-ev.tzkz2-ev--v2 .event-grid{grid-template-columns:1fr}
  .tzkz2-ev.tzkz2-ev--v2 .left-col{position:static}
  .tzkz2-ev.tzkz2-ev--v2 .cart-bar{position:fixed;left:16px;right:16px;bottom:14px;z-index:30}
  .tzkz2-ev.tzkz2-ev--v2 .tz-banner img{height:300px}
}




/* ===== BARRA RESUMEN FULL-WIDTH ===== */
.tzkz2-infobar{
  /* full-bleed: ocupa todo el ancho visible */
  width:100vw; margin-left:50%; transform:translateX(-50%);
  background:#ffffff; border-top:1px solid #ececf1; border-bottom:1px solid #ececf1;
  position:sticky; top:0; z-index:25; /* queda pegada bajo el header al hacer scroll */
  box-shadow:0 4px 14px rgba(15,17,21,0.06);
}
.tzkz2-infobar__inner{
  max-width:1240px; margin:0 auto; padding:10px 16px; display:flex; gap:10px; align-items:center; flex-wrap:wrap;
}
.tzkz2-chip{
  display:flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid #e8e9ee; background:#fbfbfe; color:#0f1115;
  border-radius:999px; font-weight:700; white-space:nowrap;
}
.tzkz2-chip i{ color:#ff2c55 }                /* acento morado Ticketiza */
.tzkz2-chip--date{ background:#f3f0ff }       /* leve énfasis en la fecha */
.tzkz2-cta{
  margin-left:auto; padding:10px 14px; border-radius:12px;
  background:#ff2c55; color:#fff; font-weight:900; text-decoration:none;
}
.tzkz2-cta:hover{ filter:brightness(.40) }

/* ===== integraciones rápidas ===== */
/* ocultar poster de la izquierda (el banner ya lo reemplaza) */
.tzkz2-ev.tzkz2-ev--v2 .left-col .poster{ display:none }

/* ajustar grilla cuando se oculta el póster */
@media (min-width:981px){
  .tzkz2-ev.tzkz2-ev--v2 .event-grid{
    grid-template-columns:1fr 420px;        /* centro + derecha */
  }
  .tzkz2-ev.tzkz2-ev--v2 .left-col{ display:none }
}

/* Responsive de la barra */
@media (max-width:980px){
  .tzkz2-infobar__inner{ gap:8px }
  .tzkz2-cta{ width:100%; text-align:center; margin-left:0 }
  .tzkz2-chip{ font-size:14px }
}




/* ================== TICKETIZA · CLEAN (doble sufijo) ================== */
.tzkz2-ev.tzkz2-ev--clean{color:#0f1115;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff}
.tzkz2-ev.tzkz2-ev--clean *{box-sizing:border-box}

/* barra resumen que ya agregaste: la dejamos como está */

/* layout 2 columnas */
.tzkz2-ev.tzkz2-ev--clean .tzkz2-main{
  max-width:1240px;margin:18px auto;display:grid;grid-template-columns:1fr 420px;gap:24px;padding:0 16px
}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-info{display:flex;flex-direction:column;gap:18px}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-sell{display:flex;flex-direction:column;gap:18px}

/* ocultamos columna izquierda/póster de tu markup anterior si quedó */
.tzkz2-ev.tzkz2-ev--clean .tz-col--left{display:none}

/* meta compacta */
.tzkz2-ev.tzkz2-ev--clean .tzkz2-meta{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px
}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-meta li{
  display:flex;align-items:center;gap:8px;border:1px solid #ececf1;background:#fff;border-radius:999px;
  padding:8px 12px;font-weight:700
}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-meta i{color:#7c3aed}

/* descripción minimal */
.tzkz2-ev.tzkz2-ev--clean .tzkz2-description h2{margin:0 0 8px;font-size:18px}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-description p{margin:0;color:#24262b}

/* media strip en blanco */
.tzkz2-ev.tzkz2-ev--clean .tzkz2-media{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px
}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-card{
  border:1px solid #ececf1;border-radius:12px;background:#fff;padding:12px
}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-card h3{margin:0 0 10px;font-size:14px;color:#5b6170;font-weight:800}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-ratio{position:relative;overflow:hidden;border-radius:10px}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-ratio--16x9{aspect-ratio:16/9}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-ratio--1x1{aspect-ratio:1/1}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* productor card */
.tzkz2-ev.tzkz2-ev--clean .tzkz2-producer{
  display:flex;align-items:center;gap:12px;border:1px solid #ececf1;border-radius:12px;padding:12px 14px;text-decoration:none;background:#fff
}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-producer__logo{
  width:40px;height:40px;border-radius:10px;background:#7c3aed;color:#fff;display:grid;place-items:center;font-weight:900
}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-producer__txt{display:flex;flex-direction:column;line-height:1.15}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-producer__txt span{color:#6b7280;font-weight:600;font-size:12px}
.tzkz2-ev.tzkz2-ev--clean .tzkz2-producer i{margin-left:auto;color:#7c3aed}

/* tickets/addons existentes: blanqueo rápido */
.tzkz2-ev.tzkz2-ev--clean .tz-card{background:#fff;border:1px solid #ececf1;border-radius:12px}
.tzkz2-ev.tzkz2-ev--clean .tz-card__head{background:#fff;border-bottom:1px solid #ececf1;font-weight:900;padding:12px 14px}
.tzkz2-ev.tzkz2-ev--clean .tz-row{border-top:1px solid #f0f1f5;padding:12px 14px}
.tzkz2-ev.tzkz2-ev--clean .qty{border:1px solid #ececf1}
.tzkz2-ev.tzkz2-ev--clean .qty .inc,.tzkz2-ev.tzkz2-ev--clean .qty .dec{background:#f6f6fb}
.tzkz2-ev.tzkz2-ev--clean .btn-add{border:1px solid #ececf1}
.tzkz2-ev.tzkz2-ev--clean .btn-add:hover{border-color:#7c3aed;color:#7c3aed}

/* barra de total */
.tzkz2-ev.tzkz2-ev--clean .tz-cartbar{background:#fff;border-top:1px solid #ececf1}
.tzkz2-ev.tzkz2-ev--clean .btn-primary{background:#7c3aed;color:#fff;border:0;border-radius:12px;padding:10px 16px;font-weight:900}

/* responsive */
@media (max-width:1024px){
  .tzkz2-ev.tzkz2-ev--clean .tzkz2-main{grid-template-columns:1fr}
  .tzkz2-ev.tzkz2-ev--clean .tzkz2-media{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .tzkz2-ev.tzkz2-ev--clean .tzkz2-media{grid-template-columns:1fr}
  .tzkz2-ev.tzkz2-ev--clean .tzkz2-meta li{font-size:14px}
}



/* ================== GRID V3 · 70/30 · 50/50 · 80/20 ================== */
.tzkz2-ev.tzkz2-ev--clean.tzkz2-gridv3{color:#0f1115;background:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.tzkz2-ev.tzkz2-ev--clean.tzkz2-gridv3 *{box-sizing:border-box}

.tzkz2-ev.tzkz2-ev--clean.tzkz2-gridv3 .tzkz2-row{max-width:1240px;margin:18px auto;display:grid;gap:18px;padding:0 16px}
.tzkz2-ev.tzkz2-ev--clean.tzkz2-gridv3 .tzkz2-row--70-30{grid-template-columns:7fr 3fr}
.tzkz2-ev.tzkz2-ev--clean.tzkz2-gridv3 .tzkz2-row--50-50{grid-template-columns:1fr 1fr}
.tzkz2-ev.tzkz2-ev--clean.tzkz2-gridv3 .tzkz2-row--80-20{grid-template-columns:8fr 2fr}

/* tarjetas claras / oscuras */
.tzkz2-gridv3 .tzkz2-card{border:1px solid #ececf1;border-radius:14px;padding:14px}
.tzkz2-gridv3 .tzkz2-card--light{background:#fff}
.tzkz2-gridv3 .tzkz2-card--dark{background:#111827;color:#f9fafb}
.tzkz2-gridv3 .tzkz2-card--dark h2,
.tzkz2-gridv3 .tzkz2-card--dark h3{color:#fff}
.tzkz2-gridv3 h2{margin:0 0 8px;font-size:18px}
.tzkz2-gridv3 h3{margin:0 0 8px;font-size:14px;color:#5b6170;font-weight:800}

/* ratio helpers */
.tzkz2-gridv3 .tzkz2-ratio{position:relative;overflow:hidden;border-radius:12px}
.tzkz2-gridv3 .tzkz2-ratio--16x9{aspect-ratio:16/9}
.tzkz2-gridv3 .tzkz2-ratio--1x1{aspect-ratio:1/1}
.tzkz2-gridv3 .tzkz2-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* subtotal fijo en desktop */
.tzkz2-gridv3 .tzkz2-subtotal{position:sticky;top:90px;height:fit-content}
.tzkz2-gridv3 .tzkz2-mini{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}
.tzkz2-gridv3 .tzkz2-mini li{display:flex;justify-content:space-between;align-items:center;border:1px solid #f0f1f5;border-radius:12px;padding:10px 12px;font-weight:700}
.tzkz2-gridv3 .tzkz2-btn{display:block;width:100%;padding:12px 14px;border-radius:12px;border:0;font-weight:900;cursor:pointer}
.tzkz2-gridv3 .tzkz2-btn--accent{background:#ff2c55;color:#fff}
.tzkz2-gridv3 .tzkz2-btn--accent:hover{filter:brightness(.95)}
.tzkz2-gridv3 .tzkz2-note{display:block;margin-top:8px;color:#6b7280}

/* oscurecer Spotify bloque */
.tzkz2-gridv3 .tzkz2-card--dark .tzkz2-ratio{border:1px solid rgba(255,255,255,.06)}

/* blanqueo tickets/addons internos */
.tzkz2-gridv3 .tz-card{background:#fff;border:1px solid #ececf1;border-radius:12px}
.tzkz2-gridv3 .tz-card__head{background:#fff;border-bottom:1px solid #ececf1;font-weight:900;padding:12px 14px}
.tzkz2-gridv3 .tz-row{border-top:1px solid #f0f1f5;padding:12px 14px}
.tzkz2-gridv3 .qty{border:1px solid #ececf1}
.tzkz2-gridv3 .qty .inc,.tzkz2-gridv3 .qty .dec{background:#f6f6fb}
.tzkz2-gridv3 .btn-add{border:1px solid #ececf1}
.tzkz2-gridv3 .btn-add:hover{border-color:#ff2c55;color:#ff2c55}

/* oculta la barra total original en desktop (dejamos la de la derecha) */
@media (min-width:981px){
  .tzkz2-gridv3 .tz-cartbar{display:none}
}

/* responsive */
@media (max-width:1024px){
  .tzkz2-gridv3 .tzkz2-row--70-30,
  .tzkz2-gridv3 .tzkz2-row--50-50,
  .tzkz2-gridv3 .tzkz2-row--80-20{grid-template-columns:1fr}
  .tzkz2-gridv3 .tzkz2-subtotal{position:static}
}





/* ================== ROWS V1 (70/30 · 20/20/60 · subtotal) ================== */
.tzkz2-ev.tzkz2-ev--clean.tzkz2-rowsV1{background:#fff;color:#0f1115;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.tzkz2-rowsV1 *{box-sizing:border-box}
.tzkz2-rowsV1{--gap:18px; --accent:#ff2c55}

.tzkz2-rowsV1 .tzkz2-row{max-width:1240px;margin:18px auto;display:grid;gap:var(--gap);padding:0 16px}

/* Fila 1 */
.tzkz2-rowsV1 .tzkz2-row--70-30{grid-template-columns:7fr 3fr}

/* Fila 2 */
.tzkz2-rowsV1 .tzkz2-row--20-20-60{grid-template-columns:2fr 2fr 6fr}

/* Fila 3 (subtotal debajo, pegado a la derecha) */
.tzkz2-rowsV1 .tzkz2-row--subtotal{display:flex;justify-content:flex-end}
.tzkz2-rowsV1 .tzkz2-subcard{
  width:min(100%, 380px); border:1px solid #ececf1; border-radius:14px; padding:14px; background:#fff;
  position:relative
}

/* Tarjetas */
.tzkz2-rowsV1 .tzkz2-card{border:1px solid #ececf1;border-radius:14px;padding:14px;background:#fff}
.tzkz2-rowsV1 .tzkz2-card--dark{background:#0f1115;color:#f9fafb;border-color:#1f2430}
.tzkz2-rowsV1 h2{margin:0 0 8px;font-size:18px}
.tzkz2-rowsV1 h3{margin:0 0 8px;font-size:14px;color:#5b6170;font-weight:800}
.tzkz2-rowsV1 .tzkz2-card--dark h2,
.tzkz2-rowsV1 .tzkz2-card--dark h3{color:#fff}

/* Embeds */
.tzkz2-rowsV1 .tzkz2-ratio{position:relative;overflow:hidden;border-radius:12px}
.tzkz2-rowsV1 .tzkz2-ratio--16x9{aspect-ratio:16/9}
.tzkz2-rowsV1 .tzkz2-ratio--1x1{aspect-ratio:1/1}
.tzkz2-rowsV1 .tzkz2-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Mini resumen */
.tzkz2-rowsV1 .tzkz2-mini{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}
.tzkz2-rowsV1 .tzkz2-mini li{display:flex;justify-content:space-between;align-items:center;border:1px solid #f0f1f5;border-radius:12px;padding:10px 12px;font-weight:700}
.tzkz2-rowsV1 .tzkz2-btn{display:block;width:100%;padding:12px 14px;border-radius:12px;border:0;font-weight:900;cursor:pointer}
.tzkz2-rowsV1 .tzkz2-btn--accent{background:var(--accent);color:#fff}
.tzkz2-rowsV1 .tzkz2-btn--accent:hover{filter:brightness(.95)}
.tzkz2-rowsV1 .tzkz2-note{display:block;margin-top:8px;color:#6b7280}

/* Blanqueo para tus tickets existentes */
.tzkz2-rowsV1 .tz-card{background:#fff;border:1px solid #ececf1;border-radius:12px}
.tzkz2-rowsV1 .tz-card__head{background:#fff;border-bottom:1px solid #ececf1;font-weight:900;padding:12px 14px}
.tzkz2-rowsV1 .tz-row{border-top:1px solid #f0f1f5;padding:12px 14px}
.tzkz2-rowsV1 .qty{border:1px solid #ececf1}
.tzkz2-rowsV1 .qty .inc,.tzkz2-rowsV1 .qty .dec{background:#f6f6fb}
.tzkz2-rowsV1 .btn-add{border:1px solid #ececf1}
.tzkz2-rowsV1 .btn-add:hover{border-color:var(--accent);color:var(--accent)}

/* Responsive */
@media (max-width:1024px){
  .tzkz2-rowsV1 .tzkz2-row--70-30,
  .tzkz2-rowsV1 .tzkz2-row--20-20-60{grid-template-columns:1fr}
  .tzkz2-rowsV1 .tzkz2-row--subtotal{justify-content:stretch}
  .tzkz2-rowsV1 .tzkz2-subcard{width:100%}
}


/* ====== SKIN POR LÍNEAS (impacto marketero) ====== */
.tzkz2-rowsV1.tzkz2-rowsV1--lines{--accent:#ff2c55; --ink:#0f1115}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-row{
  max-width:1240px; margin:0 auto; padding:0 16px;
}
/* FILAS: separador horizontal grueso (accent) */
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-row + .tzkz2-row{
  border-top:4px solid var(--accent);
  margin-top:18px; padding-top:18px;
}

/* COLUMNAS: separadores finos entre celdas (gris) */
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-row > *{
  padding:12px;               /* padding mínimo */
}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-row > * + *{
  border-left:1px solid #e9e9f2;
}

/* TARJETAS: sin borde ni sombra, solo fondo */
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-card{border:0;border-radius:10px;background:#fff}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-card--dark{
  background:#0f1115; color:#f9fafb;
}

/* Títulos con línea inferior sutil + acento */
.tzkz2-rowsV1.tzkz2-rowsV1--lines h2,
.tzkz2-rowsV1.tzkz2-rowsV1--lines h3{
  margin:0 0 10px; font-weight:900; letter-spacing:.2px;
  border-bottom:2px solid rgba(0,0,0,.06);
  padding-bottom:8px;
}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-card--dark h2,
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-card--dark h3{
  border-bottom-color:rgba(255,255,255,.12);
}
.tzkz2-rowsV1.tzkz2-rowsV1--lines h2:after,
.tzkz2-rowsV1.tzkz2-rowsV1--lines h3:after{
  content:""; display:block; height:3px; width:64px; margin-top:8px;
  background:var(--accent); border-radius:99px;
}

/* Embeds responsivos (se mantienen) */
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-ratio{border-radius:10px; overflow:hidden}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-ratio iframe{border:0; width:100%; height:100%}

/* Tickets/Addons: sin caja, con líneas internas */
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tz-card{border:0;background:#fff;padding:0}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tz-card__head{
  padding:12px 0; margin-bottom:6px; font-weight:900;
  border-bottom:3px solid var(--accent);
}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tz-row{
  padding:12px 0; border-top:1px dashed #e8e8ee;
}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tz-row:first-of-type{border-top:0}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .qty{border:1px solid #ececf1; border-radius:999px}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .btn-add{border:1px solid #ececf1}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .btn-add:hover{border-color:var(--accent); color:var(--accent)}

/* Subtotal: caja limpia a la derecha con barra superior accent */
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-subcard{
  width:min(100%,380px); background:#fff; border:0; border-radius:12px; padding:14px;
  box-shadow:0 0 0 3px var(--accent) inset;     /* marco impactante */
}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-mini li{
  border:0; border-bottom:1px solid #eee; padding:10px 0;
}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-mini li:last-child{border-bottom:0}
.tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-btn--accent{background:var(--accent); color:#fff}

/* Responsivo: las “líneas” se mantienen */
@media (max-width:1024px){
  .tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-row{padding:0 12px}
  .tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-row--subtotal{padding:0 12px}
  .tzkz2-rowsV1.tzkz2-rowsV1--lines .tzkz2-row > * + *{border-left:0; border-top:1px solid #e9e9f2; margin-top:12px; padding-top:12px}
}

/* ====== BANDAS POR COLUMNA (fondo negro/blanco a todo el alto de la celda) ====== */
.tzkz2-rowsV1.tzkz2-rowsV1--bands{--accent:#ff2c55; --ink:#0f1115}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row{
  max-width:1240px;margin:18px auto;display:grid;gap:0;padding:0 16px;
}

/* rejillas por fila */
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row--70-30{grid-template-columns:7fr 3fr}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row--20-20-60{grid-template-columns:2fr 2fr 6fr}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row--yt-sub{grid-template-columns:1fr 380px; align-items:start}

/* separadores de FILA (accent) */
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row + .tzkz2-row{
  border-top:4px solid var(--accent);
}

/* columnas/bandas */
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-col{
  padding:16px 18px; border-left:1px solid #e9e9f2;
}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-col:first-child{border-left:0}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .is-dark{background:#0f1115;color:#f9fafb}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .is-light{background:#ffffff;color:var(--ink)}
/* Spotify ocupa dos columnas (40%) en la fila 2 */
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row--20-20-60 .tzkz2-span2{grid-column:1 / span 2}

/* títulos “marqueteros” */
.tzkz2-rowsV1.tzkz2-rowsV1--bands h2,
.tzkz2-rowsV1.tzkz2-rowsV1--bands h3{
  margin:0 0 10px;font-weight:900;letter-spacing:.2px;border-bottom:2px solid rgba(0,0,0,.06);padding-bottom:8px
}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .is-dark h2,
.tzkz2-rowsV1.tzkz2-rowsV1--bands .is-dark h3{border-bottom-color:rgba(255,255,255,.12)}
.tzkz2-rowsV1.tzkz2-rowsV1--bands h2:after,
.tzkz2-rowsV1.tzkz2-rowsV1--bands h3:after{content:"";display:block;height:3px;width:64px;margin-top:8px;background:var(--accent);border-radius:99px}

/* embeds responsivos */
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-ratio{border-radius:12px;overflow:hidden}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-ratio--16x9{aspect-ratio:16/9}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-ratio--1x1{aspect-ratio:1/1}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* subtotal (derecha) con marco accent */
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-subcard{
  background:#fff;border-radius:12px;padding:14px;border:0;box-shadow:0 0 0 3px var(--accent) inset;position:sticky;top:90px
}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-mini{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-mini li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:10px 0}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-mini li:last-child{border-bottom:0}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-btn{display:block;width:100%;padding:12px 14px;border-radius:12px;border:0;font-weight:900;cursor:pointer}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-btn--accent{background:#ff2c55;color:#fff}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-note{display:block;margin-top:8px;color:#6b7280}

/* blanqueo de tickets internos */
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tz-card{background:transparent;border:0;padding:0}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tz-card__head{padding:12px 0;margin-bottom:6px;font-weight:900;border-bottom:3px solid var(--accent)}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tz-row{padding:12px 0;border-top:1px dashed #e8e8ee}
.tzkz2-rowsV1.tzkz2-rowsV1--bands .tz-row:first-of-type{border-top:0}

/* responsive */
@media (max-width:1024px){
  .tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row{grid-template-columns:1fr}
  .tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row--yt-sub{grid-template-columns:1fr}
  .tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-subcard{position:static}
  .tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row + .tzkz2-row{margin-top:16px;padding-top:16px}
  .tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row > *{border-left:0;border-top:1px solid #e9e9f2}
  .tzkz2-rowsV1.tzkz2-rowsV1--bands .tzkz2-row > *:first-child{border-top:0}
}


/* === RESET BÁSICO === */
.tzkz2-ev { font-family: 'Montserrat', sans-serif; color: #111; line-height: 1.5; }
.tzkz2-ev h2, .tzkz2-ev h3, .tzkz2-ev h4 { margin: 0 0 0.5rem; font-weight: 700; }

/* === FILAS PRINCIPALES === */
.tzkz2-row { display: grid; width: 100%; }
.tzkz2-row--70-30 { grid-template-columns: 70% 30%; }
.tzkz2-row--20-20-60 { grid-template-columns: 20% 20% 60%; }
.tzkz2-row--yt-sub { grid-template-columns: 70% 30%; }

.tzkz2-col { padding: 2rem; box-sizing: border-box; }
.is-dark { background: #0e0e0e; color: #fff; }
.is-light { background: #fff; color: #111; }
.tzkz2-subcard { background: #f9f9f9; padding: 2rem; border-left: 3px solid #ff2c55; }

/* === BANDAS DE SEPARACIÓN === */
.tzkz2-rowsV1--lines .tzkz2-row { border-top: 4px solid #ff2c55; }
.tzkz2-rowsV1--lines .tzkz2-row + .tzkz2-row { border-top: none; }

/* === RATIO MEDIA === */
.tzkz2-ratio { position: relative; width: 100%; }
.tzkz2-ratio--16x9 { padding-top: 56.25%; }
.tzkz2-ratio--1x1 { padding-top: 100%; }
.tzkz2-ratio iframe {
  position: absolute; inset: 0; width: 100%; height: 100%;
  border: 0; border-radius: 8px;
}

/* === TICKETS === */
.tz-card__head {
  font-weight: 700; font-size: 1.1rem;
  border-bottom: 2px solid #ff2c55; margin: 0 0 1rem; padding-bottom: 0.3rem;
}
.tz-row {
  display: grid; grid-template-columns: 1fr auto auto;
  gap: 12px; align-items: center;
  padding: 1rem 0; border-bottom: 1px dotted rgba(0,0,0,0.2);
}
.tz-row__info h4 { margin: 0; font-weight: 600; }
.tz-row__info .sub { font-size: 0.85rem; color: #777; }
.tz-row__price { font-weight: 600; color: #111; white-space: nowrap; }

.tz-row__ctrl { display: flex; align-items: center; gap: 8px; }

.qty {
  display: inline-flex; align-items: center;
  border: 1px solid #ccc; border-radius: 50px;
  overflow: hidden; background: #fff;
}
.qty input {
  width: 38px; text-align: center; border: none; outline: none;
  font-weight: 600;
}
.qty button {
  background: #fff; border: none; width: 28px; height: 28px;
  font-size: 18px; cursor: pointer; color: #444; font-weight: 600;
}
.qty button:hover { background: #ff2c55; color: #fff; }

.btn-add {
  background: #111; color: #fff; font-size: 0.9rem;
  padding: 6px 14px; border-radius: 50px; border: none;
  cursor: pointer; font-weight: 600;
}
.btn-add:hover { background: #ff2c55; }

/* === SCROLL INDEPENDIENTE === */
.tzkz2-buy {
  max-height: 70vh;
  overflow-y: auto;
  padding-right: 1rem;
  scroll-behavior: smooth;
}
.tzkz2-buy::-webkit-scrollbar { width: 8px; }
.tzkz2-buy::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
.tzkz2-buy::-webkit-scrollbar-thumb:hover { background: #ff2c55; }

/* === RESUMEN FINAL === */
.tzkz2-subcard h3 { margin-bottom: 1rem; }
.tzkz2-mini { list-style: none; margin: 0 0 1rem; padding: 0; }
.tzkz2-mini li { display: flex; justify-content: space-between; margin-bottom: 0.5rem; font-weight: 600; }
.tzkz2-btn {
  width: 100%; padding: 10px; border-radius: 6px; font-weight: 700;
  cursor: pointer; border: none;
}
.tzkz2-btn--accent {
  background: #ff2c55; color: #fff;
  box-shadow: 0 4px 14px rgba(255,44,85,0.3);
}
.tzkz2-btn--accent:hover { filter: brightness(1.1); }

.tzkz2-note {
  font-size: 0.8rem; display: block; text-align: center;
  color: #888; margin-top: 6px;
}



.tzkz2-row--yt-sub {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 28px;
  margin: 30px auto;
  flex-wrap: wrap; /* para que se apilen en móvil */
  max-width: 1100px;
}

/* Video */
.tzkz2-col.is-light {
  flex: 1 1 640px;
  min-width: 320px;
}

/* Caja resumen */
.tzkz2-subcard {
  flex: 0 0 260px;
  background: #fff;
  border: 2px solid #ff2557;
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: 0 4px 18px rgba(0,0,0,.05);
  font-family: "Montserrat", sans-serif;
  align-self: flex-start;
}

.tzkz2-subcard h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.tzkz2-mini {
  list-style: none;
  padding: 0;
  margin: 0 0 12px 0;
}

.tzkz2-mini li {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 14px;
}

.tzkz2-btn--accent {
  background: #ff2557;
  border: none;
  color: #fff;
  font-weight: 700;
  width: 100%;
  padding: 10px 0;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity .2s ease;
}

.tzkz2-btn--accent:hover { opacity: .9; }

.tzkz2-note {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #666;
  text-align: center;
}

/* Responsive */
@media (max-width: 800px) {
  .tzkz2-row--yt-sub {
    flex-direction: column;
    align-items: center;
  }
  .tzkz2-subcard {
    width: 100%;
    max-width: 400px;
  }
}


/* === Layout YouTube + Resumen === */
.tzkz2-row--yt-sub{
  display:flex;
  align-items:stretch;          /* 👈 hace que ambas columnas tengan alto similar */
  justify-content:center;
  gap:28px;
  margin:30px auto;
  flex-wrap:wrap;
  max-width:1100px;
}

.tzkz2-col.is-light{
  flex:1 1 640px;
  min-width:320px;
}

/* Caja resumen extendida */
.tzkz2-subcard{
  flex:0 0 320px;
  background:#fff;
  border:2px solid #ff2557;
  border-radius:16px;
  padding:18px 20px 16px;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
  font-family:"Montserrat",sans-serif;
  display:flex;
  flex-direction:column;
}

.tzkz2-subcard__body{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.tzkz2-subcard__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:4px;
}

.tzkz2-subcard__head h3{
  font-size:16px;
  font-weight:700;
  margin:0;
}

.tzkz2-subcard__badge{
  font-size:11px;
  padding:3px 8px;
  border-radius:999px;
  background:#ffe4ec;
  color:#ff2557;
}

.tzkz2-subcard__block h4{
  font-size:13px;
  font-weight:600;
  margin:0 0 4px 0;
}

.tzkz2-lines{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:13px;
}

.tzkz2-lines li{
  display:flex;
  justify-content:space-between;
  gap:6px;
}

.tzkz2-lines li span,
.tzkz2-lines li strong{
  white-space:nowrap;
}

.tzkz2-lines li .tzkz2-line-name{
  flex:1;
  white-space:normal;
}

.tzkz2-lines li.is-empty{
  justify-content:flex-start;
  opacity:.65;
}

.tzkz2-subcard__totals{
  border-top:1px solid #f0f0f0;
  margin-top:4px;
  padding-top:8px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.tzkz2-line{
  display:flex;
  justify-content:space-between;
  font-size:14px;
}

.tzkz2-btn--accent{
  margin-top:10px;
  background:#ff2557;
  border:none;
  color:#fff;
  font-weight:700;
  width:100%;
  padding:10px 0;
  border-radius:8px;
  cursor:pointer;
  transition:opacity .2s ease, transform .1s ease;
}

.tzkz2-btn--accent:hover{
  opacity:.95;
  transform:translateY(-1px);
}

.tzkz2-note{
  display:block;
  margin-top:6px;
  font-size:11px;
  color:#666;
  text-align:center;
}

/* Responsive */
@media (max-width:800px){
  .tzkz2-row--yt-sub{
    flex-direction:column;
    align-items:center;
  }
  .tzkz2-subcard{
    width:100%;
    max-width:400px;
  }
}

/* === Tablas limpias Ticketiza: Tickets + Consumos === */
.tz-card.tz-tickets,
.tz-card.tz-addons{
  background:#fff;
  color:#111;
  border-radius:16px;
  border:1px solid #f1f1f1;
  box-shadow:0 8px 28px rgba(0,0,0,.04);
  overflow:hidden;
}

/* Margen entre ambas tablas */
.tz-card.tz-addons{
  margin-top:16px;
}

/* Header de las tablas */
.tz-card__head--split{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  border-bottom:2px solid #f9174d;
  background:#fff;
}

.tz-card__tag{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#f9174d;
  font-weight:700;
}

.tz-card__title{
  font-size:14px;
  font-weight:600;
  color:#111;
}

/* Lock del segundo bloque */
.tz-card__head--split .lock{
  font-size:11px;
  color:#888;
  display:flex;
  align-items:center;
  gap:4px;
}

/* Filas de ambas tablas */
.tz-card.tz-tickets .tz-row,
.tz-card.tz-addons .tz-row{
  background:#fff;
  color:#111;
  padding:10px 16px;
}

/* Separador entre filas: fino y Ticketiza clarito */
.tz-card.tz-tickets .tz-row:not(:last-child),
.tz-card.tz-addons .tz-row:not(:last-child){
  border-bottom:1px solid rgba(249,23,77,0.25);
}

/* Info de la fila */
.tz-card .tz-row__info h4{
  margin:0;
  font-size:14px;
  font-weight:600;
  color:#111;
}

.tz-card .tz-row__info .sub{
  display:block;
  font-size:12px;
  color:#777;
}

/* Precio a la derecha */
.tz-card .tz-row__price{
  font-weight:700;
  color:#111;
}

/* Controles cantidad */
.tz-card .tz-row__ctrl .qty input{
  background:#fff;
  border:1px solid #ddd;
  color:#111;
}

.tz-card .tz-row__ctrl .qty button{
  background:#f7f7f7;
  border:1px solid #ddd;
  color:#111;
}

/* Botón "Agregar" */
.tz-card .tz-row__ctrl .btn-add{
  background:#000;
  color:#fff;
  border-radius:999px;
}

/* Hover muy sutil */
.tz-card.tz-tickets .tz-row:hover,
.tz-card.tz-addons .tz-row:hover{
  background:#fdfdfd;
}

/* ===== FIX DURO PARA CONSUMOS ===== */

/* matar gradientes / pestañas viejas en el card de consumos */
.tzkz2-buy .tz-card.tz-addons,
.tzkz2-buy .tz-card.tz-addons::before,
.tzkz2-buy .tz-card.tz-addons::after{
  background:#fff !important;
  background-image:none !important;
  border-radius:16px;
  box-shadow:0 8px 28px rgba(0,0,0,.04);
  border:1px solid #f1f1f1;
}

/* header igual al de tickets, sin forma rara */
.tzkz2-buy .tz-card.tz-addons .tz-card__head{
  position:relative;
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  border-radius:0;
  padding:12px 16px;
  border-bottom:2px solid #f9174d;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* subtítulo CONSumos / título paso */
.tzkz2-buy .tz-card.tz-addons .tz-card__tag{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#f9174d;
  font-weight:700;
}
.tzkz2-buy .tz-card.tz-addons .tz-card__title{
  font-size:14px;
  font-weight:600;
  color:#111;
}

/* lock a la derecha */
.tzkz2-buy .tz-card.tz-addons .lock{
  font-size:11px;
  color:#888;
  display:flex;
  align-items:center;
  gap:4px;
}

/* filas de consumos idénticas a tickets */
.tzkz2-buy .tz-card.tz-addons .tz-row{
  background:#fff !important;
  background-image:none !important;
  padding:10px 16px;
  color:#111;
}
.tzkz2-buy .tz-card.tz-addons .tz-row:not(:last-child){
  border-bottom:1px solid rgba(249,23,77,0.25);
}

/* textos en las filas */
.tzkz2-buy .tz-card.tz-addons .tz-row__info h4{
  margin:0;
  font-size:14px;
  font-weight:600;
  color:#111;
}
.tzkz2-buy .tz-card.tz-addons .tz-row__info .sub{
  display:block;
  font-size:12px;
  color:#777;
}
.tzkz2-buy .tz-card.tz-addons .tz-row__price{
  font-weight:700;
  color:#111;
}

/* qty + botones */
.tzkz2-buy .tz-card.tz-addons .qty input{
  background:#fff;
  border:1px solid #ddd;
  color:#111;
}
.tzkz2-buy .tz-card.tz-addons .qty button{
  background:#f7f7f7;
  border:1px solid #ddd;
  color:#111;
}

/* botón Agregar */
.tzkz2-buy .tz-card.tz-addons .btn-add{
  background:#000;
  color:#fff;
  border-radius:999px;
}

/* hover sutil */
.tzkz2-buy .tz-card.tz-addons .tz-row:hover{
  background:#fdfdfd !important;
}


/* ===== Forzar layout vertical: 1 producto por línea ===== */
.tzkz2-buy .tz-card.tz-addons {
  display: block;
}

.tzkz2-buy .tz-card.tz-addons .tz-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
}

/* Evitar que se rompan en dos columnas por grid heredado */
.tzkz2-buy .tz-card.tz-addons .tz-row__info,
.tzkz2-buy .tz-card.tz-addons .tz-row__price,
.tzkz2-buy .tz-card.tz-addons .tz-row__ctrl {
  flex: 0 0 auto;
}

/* Alinear y mantener formato limpio */
.tzkz2-buy .tz-card.tz-addons .tz-row__info {
  flex: 1;
  min-width: 180px;
}
.tzkz2-buy .tz-card.tz-addons .tz-row__price {
  margin-left: 12px;
  white-space: nowrap;
}
.tzkz2-buy .tz-card.tz-addons .tz-row__ctrl {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Separador igual al de tickets */
.tzkz2-buy .tz-card.tz-addons .tz-row:not(:last-child) {
  border-bottom: 1px solid rgba(249, 23, 77, 0.25);
}



/* ===== Forzar layout vertical: 1 producto por línea ===== */
.tzkz2-buy .tz-card.tz-addons {
  display: block;
}

.tzkz2-buy .tz-card.tz-addons .tz-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
}

/* Evitar que se rompan en dos columnas por grid heredado */
.tzkz2-buy .tz-card.tz-addons .tz-row__info,
.tzkz2-buy .tz-card.tz-addons .tz-row__price,
.tzkz2-buy .tz-card.tz-addons .tz-row__ctrl {
  flex: 0 0 auto;
}

/* Alinear y mantener formato limpio */
.tzkz2-buy .tz-card.tz-addons .tz-row__info {
  flex: 1;
  min-width: 180px;
}
.tzkz2-buy .tz-card.tz-addons .tz-row__price {
  margin-left: 12px;
  white-space: nowrap;
}
.tzkz2-buy .tz-card.tz-addons .tz-row__ctrl {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Separador igual al de tickets */
.tzkz2-buy .tz-card.tz-addons .tz-row:not(:last-child) {
  border-bottom: 1px solid rgba(249, 23, 77, 0.25);
}


#sinResultados{
    display:none;
    width: auto;
  padding: 3%;
  border: 1px solid #d50053;
  background: white;
  color: black;
  text-align: center;
    
}