/*


-----------------------------------------------------------------------------------
[Color Codes]

#Black (text) = #000000
#Purple (button,title,subtitle,button,hover) = #f1b25b
#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%;
  scroll-behavior: smooth;       /* Hace que el viaje sea suave */

}

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: #f1b25b;
  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: #f1b25b;
  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: #f1b25b;
  color: #ffffff;
}

*::selection {
  background-color: #f1b25b;
  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: #f1b25b;
  border-radius: 50px 50px 50px 50px;
}

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

.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: #f1b25b;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #f1b25b;
  border-radius: 50px 50px 50px 50px;
  padding: 15px 30px;
}

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

.button-basic-3 {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  fill: #ffffff;
  padding: 15px 30px;
  color: #ffffff;
  background-color: #f1b25b;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #f1b25b;
  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: #f1b25b;
  margin-bottom: 20px;
}

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

.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: #f1b25b;
  -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: #f1b25b;
  -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: #f1b25b;
}

.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: #f1b25b;
}

.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: #f1b25b;
  -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: #f1b25b;
  -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: #f1b25b;
  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;
	background-color: #0b0b0b; /* Color negro mientras carga */
  background-image: url('img/bg-video.jpg'); /* O la imagen estática */
  background-size: cover;
  background-position: center;
}

.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;
}

/* CAMBIO DE IMAGEN PARA MÓVIL */
@media only screen and (max-width: 767px) {
    .image-background {
        /* Cargamos la imagen diseñada para celular */
        background-image: url('img/we-can-dance-forever3.png') !important;
        
        /* Aquí sí podemos usar cover porque la imagen ya tiene la forma del cel */
        background-size: cover !important; 
        background-position: center !important;
    }
}

.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-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: #f1b25b;
}

.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: #f1b25b;
  border-radius: 50px 50px 50px 50px;
}

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

.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: #f1b25b;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #f1b25b;
  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: #f1b25b;

}

/*-----------------------------------------------------------------------------------*/
/*  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: #f1b25b;
  border-color: #f1b25b;
  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: #f1b25b;
}

.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: #f1b25b;
  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: #f1b25b;
  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: #f1b25b;
  opacity: 1;
}

.blog-loop .blog-slide .swiper-pagination-bullet-active {
  background: #f1b25b;
  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/testimonial-cover.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 #f1b25b;
}

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

.testimonial-detail-inner h5 {
  color: #f1b25b;
  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: #f1b25b;
}

.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: #f1b25b;
  border-left-color: #f1b25b;
}

.book-wrap .contact-form-style input[type=submit] {
  width: auto;
  border: 2px solid #f1b25b;
  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: #f1b25b;
}

/*-----------------------------------------------------------------------------------*/
/*  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: #f1b25b;
}

/*-----------------------------------------------------------------------------------*/
/*  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 #f1b25b;
  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: #f1b25b;
}

.page-blog .post-content-wrap .date {
  position: relative;
  color: #f1b25b;
  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: #f1b25b;
  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: #f1b25b;
}

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

/*-----------------------------------------------------------------------------------*/
/*  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: #f1b25b;
  border-left-color: #f1b25b;
}

.contact-section .contact-form-style input[type=submit] {
  width: auto;
  border: 2px solid #f1b25b;
  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: #f1b25b;
}

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

.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 #f1b25b;
  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 #f1b25b;
  border-radius: 30px;
  color: #ffffff;
}

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

.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: #f1b25b;
  font-style: italic;
  padding-left: 45px;
  font-weight: 500;
  margin-bottom: 20px;
}

.event-content-wrap .event-date:before {
  content: '';
  height: 2px;
  background-color: #f1b25b;
  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: #f1b25b;
}

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

.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: #f1b25b;
  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: 70px;
  padding-bottom: 70px;
}

.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 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: #f1b25b;
  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: #f1b25b;
  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 #f1b25b;
  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: #f1b25b;
}

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

.single .the-post-head .date:before {
  content: '';
  height: 2px;
  background-color: #f1b25b;
  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: #f1b25b;
}

.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: #f1b25b;
}

.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: #f1b25b;
  -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: #f1b25b;
}

.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: #f1b25b;
}

.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: #f1b25b;
}

.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: #f1b25b;
}

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

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

.single .blog-single .the-post-head .standard-post-categories a:hover {
  background-color: #f1b25b;
  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: #f1b25b;
  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: #f1b25b;
}

.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: #f1b25b;
}

.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: #f1b25b;
}

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

/*-----------------------------------------------------------------------------------*/
/* SECCIÓN NUEVA: LO QUE INCLUYE
/*-----------------------------------------------------------------------------------*/

.includes-block {
    padding: 100px 0;
    background-color: #0b0b0b; /* Fondo negro base */
    position: relative;
    border-top: 1px solid #1a1a1a; /* Sutil separación */
}

/* Estilo de cada caja de característica */
.feature-item {
    text-align: center;
    margin-bottom: 30px;
}

.feature-box {
    padding: 35px 15px;
    border: 1px solid #222; /* Borde sutil oscuro */
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.02);
    transition: all 0.3s ease-in-out;
    height: 100%;
}

/* Efecto Hover: Se ilumina en dorado */
.feature-box:hover {
    border-color: #f1b25b;
    transform: translateY(-5px);
    background-color: rgba(241, 178, 91, 0.05);
}

/* Estilo del Ícono */
.feature-icon {
    font-size: 42px;
    color: #f1b25b; /* Tu color morado/dorado del tema */
    margin-bottom: 20px;
    display: inline-block;
}

/* Estilo del Texto de la caja */
.feature-box h4 {
    color: #ffffff;
    font-size: 16px; /* Header font size */
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Highlight de Pirotecnia */
.highlight-feature {
    margin-top: 50px;
    padding: 0 15px;
}

.highlight-box {
    border: 2px solid #f1b25b;
    border-radius: 50px; /* Estilo de botón rounded */
    padding: 30px 40px;
    display: inline-block;
    background: rgba(241, 178, 91, 0.05);
}

.highlight-box h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin: 0;
    line-height: 1.3;
}

/* Ajuste Responsivo para Móviles */
@media only screen and (max-width: 767px) {
    .column-4 {
        width: 50%; /* 2 columnas en celular en lugar de 1 sola para ahorrar espacio */
    }
    .feature-box {
        padding: 25px 10px;
    }
    .feature-icon {
        font-size: 32px;
    }
    .feature-box h4 {
        font-size: 13px;
    }
    .highlight-box {
        padding: 20px;
        border-radius: 15px;
    }
    .highlight-box h3 {
        font-size: 18px;
    }
}


/*-----------------------------------------------------------------------------------*/
/* SECCIÓN MENÚ (DISEÑO BOXED / RECUADROS)
/*-----------------------------------------------------------------------------------*/

.menu-section {
    background-color: #0b0b0b; 
    padding: 100px 0;
}

.menu-column {
    margin-bottom: 30px;
    padding: 0 15px; /* Espacio lateral entre cajas */
}

/* LA CAJA / RECUADRO */
.menu-card-bordered {
    border: 1px solid rgba(241, 178, 91, 0.4); /* Borde dorado sutil */
    border-radius: 15px;
    padding: 50px 30px 40px 30px; /* Padding superior extra para el badge */
    position: relative; /* Para poder posicionar el badge */
    text-align: center;
    background-color: rgba(255, 255, 255, 0.02); /* Fondo muuuuy sutil para separar del negro fondo */
    transition: all 0.3s ease;
    height: 100%; /* Para que ambas cajas tengan la misma altura */
}

/* Efecto Hover: Borde brilla más */
.menu-card-bordered:hover {
    border-color: #f1b25b;
    box-shadow: 0 0 25px rgba(241, 178, 91, 0.1);
    background-color: rgba(0, 0, 0, 0.5);
}

/* LA ETIQUETA "OPCIÓN 1 / 2" FLOTANTE */
.menu-badge {
    position: absolute;
    top: -20px; /* Lo subimos para que quede a mitad de la línea del borde */
    left: 50%;
    transform: translateX(-50%); /* Centrado perfecto */
    background-color: #0b0b0b; /* Mismo color del fondo de la web para tapar el borde */
    border: 1px solid #f1b25b;
    color: #f1b25b;
    padding: 8px 40px;
    border-radius: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    white-space: nowrap;
}

/* Títulos (Entrada, Plato Fuerte) */
.course-title {
    color: #f1b25b;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 35px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(241, 178, 91, 0.2); /* Línea separadora sutil */
    display: inline-block;
    padding-bottom: 5px;
}

/* Nombre del Platillo */
.course-dish {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px; /* Reducido para pegarlo a la descripción */
    line-height: 1.3;
}

/* Descripción */
.course-desc {
    color: #999;
    font-size: 15px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 10px;
}

/* Ajustes móviles */
@media only screen and (max-width: 767px) {
    .menu-card-bordered {
        margin-top: 30px; /* Espacio extra arriba por el badge flotante */
    }
    .menu-column {
        margin-bottom: 50px;
    }
}

/*-----------------------------------------------------------------------------------*/
/* SECCIÓN ITINERARIO (HORIZONTAL & COMPACTO)
/*-----------------------------------------------------------------------------------*/

.itinerary-section {
    background-color: #0b0b0b;
    padding: 80px 0; /* Reduje un poco el padding general */
    border-top: 1px solid rgba(255,255,255,0.05);
}

.timeline-wrap {
    max-width: 800px; /* Un poco más ancho para que quepa bien el texto */
    margin: 0 auto 50px auto;
}

/* EL CONTENEDOR DE CADA FILA */
.timeline-item {
    display: flex;               /* Activa el modo horizontal */
    justify-content: center;     /* Centra el contenido */
    align-items: center;         /* Alinea verticalmente al centro */
    padding: 20px 30px;
    margin-bottom: 15px;         /* Espacio entre filas */
    border: 1px solid rgba(255, 255, 255, 0.05); /* Borde muy sutil por defecto */
    border-radius: 50px;         /* Bordes redondeados (tipo pastilla) */
    background-color: rgba(255, 255, 255, 0.01);
    transition: all 0.3s ease-in-out; /* Suaviza el efecto hover */
}

/* EFECTO HOVER (AL PASAR EL MOUSE) */
.timeline-item:hover {
    border-color: #f1b25b;       /* Borde Dorado */
    transform: translateX(10px); /* Pequeño movimiento a la derecha */
    background-color: rgba(241, 178, 91, 0.1); /* Fondo dorado muy tenue */
    cursor: default;
}

/* COLUMNA DE HORA (IZQUIERDA) */
.time-col {
    flex: 0 0 120px;             /* Ancho fijo para que se alineen todas */
    color: #f1b25b;              /* Dorado */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: right;           /* Alineado a la derecha (pegado a la actividad) */
    padding-right: 30px;         /* Espacio entre hora y actividad */
    border-right: 1px solid rgba(255, 255, 255, 0.1); /* Línea divisoria vertical */
}

/* COLUMNA DE ACTIVIDAD (DERECHA) */
.event-col {
    flex: 1;                     /* Ocupa el resto del espacio */
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 30px;          /* Espacio después de la línea divisoria */
    text-align: left;
}

/* CAJA DE NOTAS */
.notes-box {
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 30px;
    margin-top: 40px;
}
.notes-title {
    text-align: center;
    color: #f1b25b;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.note-text {
    color: #aaa;
    font-size: 14px;
    line-height: 1.6;
}
.note-text strong {
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

/* AJUSTE MÓVIL */
@media only screen and (max-width: 767px) {
    .timeline-item {
        flex-direction: column; /* En celular vuelven a apilarse para que no se aplasten */
        text-align: center;
        border-radius: 15px;
    }
    .time-col {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding-right: 0;
        padding-bottom: 5px;
        margin-bottom: 5px;
        width: 100%;
        text-align: center;
    }
    .event-col {
        padding-left: 0;
        text-align: center;
    }
}

/*-----------------------------------------------------------------------------------*/
/* SECCIÓN UBICACIÓN
/*-----------------------------------------------------------------------------------*/

.location-section {
    background-color: #0b0b0b;
    padding: 100px 0;
    position: relative;
    /* Fondo sutil opcional de palmeras oscuras */
    background-image: url('img/bg-palm-shadow.png'); 
    background-size: cover;
    background-blend-mode: overlay;
}

.highlight-text {
    color: #f1b25b; /* Dorado */
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 1.3;

}

.address-box {
    display: flex;
    align-items: start;
    margin-bottom: 30px;
    color: #fff;
}

.address-box i {
    color: #f1b25b;
    font-size: 24px;
    margin-right: 15px;
    margin-top: 5px;
}

.address-box span {
    font-size: 16px;
    line-height: 1.6;
    color: #ccc;
}

/* CONTENEDOR DEL MAPA (Marco Dorado) */
.map-border-wrap {
    border: 2px solid #f1b25b;
    padding: 10px; /* Espacio entre borde y mapa */
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0,0,0,0.5); /* Sombra para profundidad */
    background: rgba(241, 178, 91, 0.05);
}

.map-border-wrap iframe {
    border-radius: 5px;
    display: block;
    filter: grayscale(20%) contrast(1.1); /* Filtro para que el mapa se vea más "cinemático" */
}

/* Botón Dorado Específico */
.btn-gold {
    background-color: transparent;
    border-color: #f1b25b;
    color: #f1b25b;
}
.btn-gold:hover {
    background-color: #f1b25b;
    color: #000;
}

/* Ajustes móviles */
@media only screen and (max-width: 767px) {
    .highlight-text {
        font-size: 22px;
    }
    .map-column {
        margin-top: 40px;
    }
    .text-column {
        text-align: center;
    }
    .highlight-text {
        border-left: none;
        border-bottom: 2px solid #f1b25b;
        padding-left: 0;
        padding-bottom: 15px;
    }
    .address-box {
        justify-content: center;
        text-align: left;
    }
}

/*-----------------------------------------------------------------------------------*/
/* SECCIÓN ESTACIONAMIENTO
/*-----------------------------------------------------------------------------------*/

.parking-section {
    background-color: #0b0b0b; /* Fondo base negro */
    padding: 50px 0 100px 0;   /* Padding ajustado */
}

.parking-box-wrap {
    background-color: #111; /* Caja gris muy oscuro */
    border: 1px solid #222;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    overflow: hidden;
}

/* Ícono de Parking Grande */
.parking-info .icon-wrap {
    display: inline-block;
    background-color: rgba(241, 178, 91, 0.1); /* Fondo dorado transparente */
    color: #f1b25b;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    margin-bottom: 20px;
    border: 1px solid #f1b25b;
}

.parking-title {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.parking-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #ccc;
    margin-bottom: 20px;
}

.parking-desc strong {
    color: #f1b25b; /* Resalta el nombre del estacionamiento en dorado */
    font-weight: 600;
}

/* Estilo del Mapa de Estacionamiento */
.parking-map iframe {
    border-radius: 15px;
    filter: grayscale(50%) ; /* Mapa en modo "oscuro/negativo" para que se vea cool */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    display: block;
}

/* Ajustes Móviles */
@media only screen and (max-width: 767px) {
    .parking-box-wrap {
        padding: 25px;
    }
    .parking-info {
        text-align: center;
        margin-bottom: 30px;
    }
    .parking-title {
        font-size: 20px;
    }
}

/*-----------------------------------------------------------------------------------*/
/* SECCIÓN RESERVA (CTA CENTRADO)
/*-----------------------------------------------------------------------------------*/

.book-table {
    padding: 80px 0;
    background-color: #0b0b0b; /* Aseguramos fondo negro */
}

.centered-box {
    margin: 0 auto;
    float: none !important; /* Resetea flotados de la plantilla */
    display: inline-block;
    width: 100%;
    max-width: 800px; /* Ancho máximo para que se vea elegante */
}

.cta-title-large {
    color: #f1b25b; /* Dorado */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42px; /* Título grande e impactante */
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.cta-content-width {
    max-width: 600px;
    margin: 0 auto 40px auto; /* Centra el texto dentro de la caja */
}

.cta-message-large {
    color: #ccc;
    font-size: 18px;
    line-height: 1.6;
}

.cta-message-large strong {
    color: #fff;
    font-weight: 600;
    border-bottom: 2px solid #f1b25b;
}

.justify-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

/* Botón WhatsApp Especial */
.btn-whatsapp {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    color: #fff !important;
    margin: 0 10px 10px 10px;
}

.btn-whatsapp:hover {
    background-color: #128C7E !important;
    border-color: #128C7E !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2);
}

/* Ajustes Móviles */
@media only screen and (max-width: 767px) {
    .cta-title-large {
        font-size: 32px;
    }
    .cta-message-large {
        font-size: 16px;
    }
    .cta-buttons-wrap a {
        width: 100%; /* Botones grandes en celular */
        margin: 0 0 15px 0 !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/* SECCIÓN PRECIOS (CARDS)
/*-----------------------------------------------------------------------------------*/

.pricing-section {
    background-color: #0b0b0b;
    padding: 80px 0;
    position: relative;
}

.pricing-column {
    margin-bottom: 30px;
    padding: 0 15px;
}

/* ESTILO GENERAL DE LA TARJETA */
.pricing-card {
    background-color: rgba(255, 255, 255, 0.02);
    border-radius: 20px;
    padding: 50px 30px;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease;
    height: 100%;
    border: 1px solid #333; /* Borde gris por defecto */
}

.pricing-card:hover {
    transform: translateY(-10px);
}

/* -- ESTILOS ESPECÍFICOS PREVENTA (GOLD) -- */
.card-gold {
    border: 2px solid #f1b25b; /* Borde Dorado */
    box-shadow: 0 0 30px rgba(241, 178, 91, 0.1); /* Resplandor dorado */
    background: linear-gradient(to bottom, rgba(241, 178, 91, 0.05), rgba(0,0,0,0));
}

/* Badge "Mejor Precio" */
.card-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f1b25b;
    color: #000;
    padding: 5px 20px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* -- ESTILOS ESPECÍFICOS NORMAL -- */
.card-standard {
    border-color: #444;
}

/* TIPOGRAFÍA */
.pricing-type {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    letter-spacing: 2px;
}

.card-gold .pricing-type {
    color: #f1b25b; /* Título dorado solo en preventa */
}

.pricing-subtitle {
    color: #999;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 30px;
}

/* PRECIO GRANDE */
.price-block {
    margin-bottom: 20px;
    color: #fff;
}

.price-block .currency {
    font-size: 24px;
    vertical-align: top;
    color: #777;
}

.price-block .amount {
    font-size: 60px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    line-height: 1;
}

.price-block .per-person {
    font-size: 16px;
    color: #999;
}

/* LÍNEA DIVISORIA */
.price-divider {
    height: 1px;
    background-color: rgba(255,255,255,0.1);
    width: 60%;
    margin: 20px auto;
}

/* PRECIO NIÑOS */
.kids-price {
    margin-bottom: 35px;
}

.kids-label {
    color: #ccc;
    font-size: 16px;
    margin-right: 5px;
}

.kids-amount {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/* BOTÓN LLENO DORADO (Solo para preventa) */
.btn-gold-filled {
    background-color: #f1b25b;
    color: #000;
    border-color: #f1b25b;
}
.btn-gold-filled:hover {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

/* Ajustes Móviles */
@media only screen and (max-width: 767px) {
    .pricing-column {
        margin-bottom: 50px; /* Más espacio entre tarjetas en celular */
    }
    .price-block .amount {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) {
    /* Solo aplicamos esto en pantallas grandes (PC/Tablet) */
    .centered-card {
        float: none !important;        /* 1. Deja de flotar a la izquierda */
        margin-left: auto !important;  /* 2. Margen izquierdo automático */
        margin-right: auto !important; /* 3. Margen derecho automático */
        display: block !important;     /* 4. Compórtate como bloque sólido */
    }
}

/*-----------------------------------------------------------------------------------*/
/* FOOTER DORADO
/*-----------------------------------------------------------------------------------*/

#footer {
    background-color: #f1b25b !important; /* Fondo Dorado */
    background-image: none !important;    /* Quitamos texturas oscuras si había */
    color: #000000;                       /* Texto Negro */
    padding-top: 20px;
}

#footer .footer-bottom {
    border-top: none; /* Quitamos líneas divisorias */
    padding-top: 20px;
    padding-bottom: 40px;
}

/* Texto del Copyright */
.copyright-text {
    color: #000000 !important;
    font-size: 15px;
    font-weight: 500;
}

/* Texto del Diseñador */
.designer-credit {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    opacity: 0.9;
}

.designer-credit a {
    color: #000000 !important;
    font-weight: 800; /* Rupestre en negrita */
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

/* Efecto Hover en el enlace */
.designer-credit a:hover {
    color: #ffffff !important; /* Cambia a blanco al pasar el mouse */
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}

/*-----------------------------------------------------------------------------------*/
/* PRELOADER FUEGO ARTIFICIAL REALISTA
/*-----------------------------------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b0b0b;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity 0.6s ease-out, visibility 0.6s ease-out;
}

.loader-wrap {
    position: relative;
    width: 200px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* --- 1. EL COHETE (SUBIDA) --- */
.rocket {
    position: absolute;
    width: 4px;
    height: 15px; /* Más largo para parecer estela */
    background: linear-gradient(to bottom, #fff, #f1b25b, transparent);
    border-radius: 50%;
    bottom: 0;
    opacity: 0;
    animation: launch 2.5s infinite ease-out;
}

/* --- 2. LA EXPLOSIÓN (BURST) --- */
.burst {
    position: absolute;
    top: 30%; /* Altura donde explota */
    width: 10px;
    height: 10px;
}

.burst span {
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f1b25b;
    opacity: 0;
}

/* Configuración de las 8 partículas para formar un círculo */
.burst span:nth-child(1) { transform: rotate(0deg) translateY(0); }
.burst span:nth-child(2) { transform: rotate(45deg) translateY(0); }
.burst span:nth-child(3) { transform: rotate(90deg) translateY(0); }
.burst span:nth-child(4) { transform: rotate(135deg) translateY(0); }
.burst span:nth-child(5) { transform: rotate(180deg) translateY(0); }
.burst span:nth-child(6) { transform: rotate(225deg) translateY(0); }
.burst span:nth-child(7) { transform: rotate(270deg) translateY(0); }
.burst span:nth-child(8) { transform: rotate(315deg) translateY(0); }

/* Animación de las partículas */
.burst span {
    animation: explode 2.5s infinite ease-out;
}

/* --- TEXTO --- */
.loading-text {
    margin-top: -50px; /* Ajuste visual */
    color: #f1b25b;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: 600;
    animation: pulse 2.5s infinite;
}

/* --- KEYFRAMES --- */

@keyframes launch {
    0% {
        transform: translateY(150px); /* Empieza abajo */
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        transform: translateY(-80px); /* Sube hasta el punto de explosión */
        opacity: 1;
    }
    41% {
        opacity: 0; /* Desaparece justo cuando explota */
    }
    100% { opacity: 0; }
}

@keyframes explode {
    0%, 40% {
        opacity: 0;
        transform: rotate(var(--r)) translateY(0); /* Quietas en el centro */
    }
    41% {
        opacity: 1;
    }
    55% {
        /* Se expanden hacia afuera */
        /* NOTA: Usamos variables CSS inline o valores fijos. 
           Para simplificar sin variables, repetimos la lógica abajo: */
    }
    100% {
        opacity: 0;
    }
}

/* Asignamos la distancia de explosión manualmente para compatibilidad total */
.burst span:nth-child(1) { animation-name: particle1; }
.burst span:nth-child(2) { animation-name: particle2; }
.burst span:nth-child(3) { animation-name: particle3; }
.burst span:nth-child(4) { animation-name: particle4; }
.burst span:nth-child(5) { animation-name: particle5; }
.burst span:nth-child(6) { animation-name: particle6; }
.burst span:nth-child(7) { animation-name: particle7; }
.burst span:nth-child(8) { animation-name: particle8; }

@keyframes particle1 { 0%, 40% { opacity: 0; transform: rotate(0deg) translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: rotate(0deg) translateY(-80px); } }
@keyframes particle2 { 0%, 40% { opacity: 0; transform: rotate(45deg) translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg) translateY(-80px); } }
@keyframes particle3 { 0%, 40% { opacity: 0; transform: rotate(90deg) translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: rotate(90deg) translateY(-80px); } }
@keyframes particle4 { 0%, 40% { opacity: 0; transform: rotate(135deg) translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: rotate(135deg) translateY(-80px); } }
@keyframes particle5 { 0%, 40% { opacity: 0; transform: rotate(180deg) translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: rotate(180deg) translateY(-80px); } }
@keyframes particle6 { 0%, 40% { opacity: 0; transform: rotate(225deg) translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: rotate(225deg) translateY(-80px); } }
@keyframes particle7 { 0%, 40% { opacity: 0; transform: rotate(270deg) translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: rotate(270deg) translateY(-80px); } }
@keyframes particle8 { 0%, 40% { opacity: 0; transform: rotate(315deg) translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: rotate(315deg) translateY(-80px); } }

.loaded {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
}

/* AJUSTE LOGO EN MÓVIL */
@media only screen and (max-width: 767px) {
    .logo img {
        max-width: 60px; /* Aquí controlas el tamaño. Prueba 120px o 140px */
        height: auto;     /* Mantiene la proporción para que no se estire */
    }
    
    /* Opcional: Si sientes que el logo está muy pegado al borde izquierdo o arriba */
    .logo {
        margin-top: 15px; 
        margin-left: 25px;
    }
	
	.header-style-1 {
		padding-top: 0px ;
	 }
	
}

/* AJUSTE SEGURO: ICONOS EN 2 COLUMNAS (SOLO PARA SECCIÓN INCLUYE) */
@media only screen and (max-width: 767px) {
    
    /* Agregamos ".includes-block" antes para que SOLO afecte a esta sección */
    .includes-block .feature-item.column-4 {
        width: 50% !important;
        float: left !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-bottom: 10px;
        clear: none !important; 
    }

    .includes-block .feature-box {
        padding: 15px 5px !important;
        min-height: 130px; 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .includes-block .feature-icon {
        font-size: 28px !important;
        margin-bottom: 10px !important;
    }
    
    .includes-block .feature-box h4 {
        font-size: 12px !important;
        line-height: 1.3;
        margin-bottom: 0;
    }
}

/* CORRECCIÓN ITINERARIO COMPACTO EN MÓVIL */
@media only screen and (max-width: 767px) {
    
    /* 1. Forzamos que se queden lado a lado (Horizontal) */
    .timeline-item {
        flex-direction: row !important; /* Importante: Fila, no columna */
        justify-content: flex-start !important; /* Alineados a la izquierda */
        padding: 15px 10px !important; /* Mucho menos relleno */
        text-align: left !important;
        min-height: 0 !important; /* Evita alturas forzadas */
        margin-bottom: 10px !important;
    }

    /* 2. Ajustamos la columna de la HORA */
    .time-col {
        flex: 0 0 85px !important; /* Ancho fijo pequeño */
        width: 85px !important;
        font-size: 15px !important; /* Letra un poco más chica */
        text-align: right !important;
        padding-right: 15px !important;
        border-right: 1px solid rgba(255,255,255,0.2) !important; /* Regresamos la línea vertical */
        border-bottom: none !important; /* Quitamos la línea de abajo que se ve en tu foto */
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 3. Ajustamos la columna del EVENTO */
    .event-col {
        font-size: 14px !important;
        padding-left: 15px !important;
        text-align: left !important;
        line-height: 1.3 !important;
    }
}

/* AJUSTE POSICIÓN TÍTULO EN MÓVIL */
@media only screen and (max-width: 767px) {
    .image-title {
        /* Aumentamos el valor bottom para subirlo */
        bottom: 30% !important; 
        
        /* Aseguramos que esté centrado y tenga margen a los lados */
        width: 90% !important;
        left: 5% !important;
        margin: auto !important;
    }

    /* Opcional: Ajustar ligeramente el tamaño del texto para que no compita con el gráfico */
    .image-title p {
        font-size: 16px !important;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    /* Ajuste del botón para que no se vea tan separado del texto */
    .image-title a.button-basic-1 {
        margin-top: 15px !important;
        padding: 10px 30px !important;
    }
}


/* AJUSTE ESPECÍFICO: Quitar hueco debajo del video principal */

/* 1. Ajuste general (para que no esté tan separado en PC) */
.global-block.intro-block {
    padding-top: 50px !important; /* Reducimos de lo que tenga a 50px */
}

/* 2. Ajuste CRÍTICO para Móvil (donde viste el hueco de 150px) */
@media only screen and (max-width: 767px) {
    .global-block.intro-block {
        /* Aquí matamos ese padding gigante */
        padding-top: 0px !important; 
        
        /* Opcional: A veces queda mejor con un poquitito de aire, 
           si sientes que se pega mucho, ponle 20px */
    }
   
}

/*-----------------------------------------------------------------------------------*/
/* BOTÓN VOLVER ARRIBA (SCROLL TOP)
/*-----------------------------------------------------------------------------------*/

.scroll-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #0b0b0b; /* Fondo Negro */
    border: 2px solid #f1b25b; /* Borde Dorado */
    border-radius: 50%;        /* Lo hace circular */
    z-index: 999;              /* Encima de todo */
    
    /* Centrar la flecha */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Texto/Icono */
    color: #f1b25b;
    font-size: 20px;
    text-decoration: none;
    
    /* Estado Inicial: OCULTO */
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px); /* Ligeramente abajo */
    transition: all 0.4s ease-in-out;
}

/* Cuando pasas el mouse */
.scroll-top-btn:hover {
    background-color: #f1b25b;
    color: #000;
    box-shadow: 0 0 15px rgba(241, 178, 91, 0.4);
    transform: translateY(-5px); /* Pequeño brinco */
}

/* CLASE QUE ACTIVA EL JS PARA MOSTRARLO */
.scroll-top-btn.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Ajuste Móvil: Un poco más pequeño y pegado a la esquina */
@media only screen and (max-width: 767px) {
    .scroll-top-btn {
        width: 40px;
        height: 40px;
        right: 20px;
        bottom: 20px;
        font-size: 16px;
    }
}

/*-----------------------------------------------------------------------------------*/
/* REDES SOCIALES EN FOOTER
/*-----------------------------------------------------------------------------------*/

.social-footer {
    margin: 20px 0; /* Espacio arriba y abajo para separar del logo y copyright */
}

.social-footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.social-footer ul li {
    display: inline-block;
    margin: 0 15px; /* Separación entre íconos */
}

.social-footer ul li a {
    color: #000000 !important; /* Íconos en Negro */
    font-size: 24px;          /* Tamaño grande */
    transition: all 0.3s ease;
    display: inline-block;
}

/* Efecto Hover */
.social-footer ul li a:hover {
    color: #ffffff !important; /* Cambian a Blanco al pasar el mouse */
    transform: translateY(-3px); /* Pequeño brinco */
}