/**
 * Custom CSS
 ============================================================================ */

/* Fuentes
***********************/

/* --------------------

Ador Hairline

font-family: 'Ador Hairline';
Regular / Bold

Larken

font-family: 'Larken';
100 / 300

Lato

font-family: "Lato", sans-serif;
100...900

-------------------- */

/* Ador Hairline
***********************/

@font-face {
  font-family: "Ador Hairline";
  src:
    url("../fonts/AdorHairline-Bold.woff2") format("woff2"),
    url("../fonts/AdorHairline-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ador Hairline";
  src:
    url("../fonts/AdorHairline-BoldItalic.woff2") format("woff2"),
    url("../fonts/AdorHairline-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ador Hairline";
  src:
    url("../fonts/AdorHairline-Italic.woff2") format("woff2"),
    url("../fonts/AdorHairline-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ador Hairline";
  src:
    url("../fonts/AdorHairline-Regular.woff2") format("woff2"),
    url("../fonts/AdorHairline-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Larken
***********************/

@font-face {
  font-family: "Larken";
  src:
    url("../fonts/Larken-LightItalic.woff2") format("woff2"),
    url("../fonts/Larken-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Larken";
  src:
    url("../fonts/Larken-Light.woff2") format("woff2"),
    url("../fonts/Larken-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Larken";
  src:
    url("../fonts/Larken-ThinItalic.woff2") format("woff2"),
    url("../fonts/Larken-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Larken";
  src:
    url("../fonts/Larken-Thin.woff2") format("woff2"),
    url("../fonts/Larken-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Font size
***********************/

:root {
  --title-section: 18px;
  --title-block: clamp(24px, 2vw, 34px);
  --text-general: clamp(14px, 1.5vw, 16px);
}

/* Font family
***********************/

:root {
  --ador: "Ador Hairline";
  --larken: "Larken";
  --lato: "Lato", sans-serif;
}

/* Colores
***********************/

:root {
  --oro: #b4a269;
  --blanco: #f0eeea;
  --crema: #e2dfd6;
  --gris-claro: #d1ccbd;
  --gris-oscuro: #1b1b1b;
  --shadow: linear-gradient(rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0) 100%);
}

/* Padding & Margin
***********************/

:root {
  --pm-block: clamp(30px, 9vw, 50px) clamp(20px, 9vw, 100px);
  --pm-block-big: clamp(40px, 10vw, 140px);
  /* */
  --pm-block-xy: clamp(15px, 5vw, 50px);
}

/* Reset Styles
***********************/

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
span,
h1,
p,
a,
dl,
dt,
dd,
ol,
ul,
li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* Base */

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--lato);
  background: var(--blanco);
  color: var(--gris-oscuro);
  font-weight: 400;
  line-height: 1em;
}

h1,
h2,
h3 {
  font-weight: 400;
}

h2.title-section {
  font-size: var(--title-section);
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(--oro);
  text-align: center;
  margin: 0;
  line-height: 1.2em;
  margin-top: 10px;
  margin-bottom: var(--pm-block-xy);
}

.summary-section {
  font-size: var(--text-general);
  font-family: var(--lato);
  font-weight: 300;
  text-align: center;
  line-height: 1.2em;
  padding: 0 1em 2rem;
  margin: auto;
  max-width: 960px;
}

article {
  padding: clamp(30px, 5vw, 50px) clamp(20px, 9vw, 100px);
}

p {
  font-size: var(--text-general);
  line-height: 1.4em;
}

a {
  color: var(--gris-claro);
  text-decoration: none;
  transition: all 0.2s;
}

a:hover {
  text-decoration: underline;
}

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

/* Accordion */

.accordion-container {
  height: auto;
  overflow: hidden;
  margin-block-start: 2rem;
}

.accordion-container .panel {
  transition: 0.4s;
}

.accordion-container .panel:last-child {
  border: none;
}

.accordion-container .panel .content {
  max-height: auto;
  overflow: auto;
  transition: max-height 0.2s ease-out;
}

.accordion-container .panel .heading {
  background: url("../images/iconos/ico-filtros.svg") var(--gris-oscuro) no-repeat right;
  background-position: calc(100% - 1em) center !important;
  background-size: 22px !important;
  display: none;
  border: 2px solid var(--oro);
  color: var(--oro);
  margin: 0 auto 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
  padding: 1em;
  font-size: var(--text-general);
  cursor: pointer;
  width: 90%;
}

.accordion-container .panel a {
  text-decoration: none;
}

.accordion-container .panel.active .heading {
  background: url("../images/iconos/arrow-up.svg") no-repeat right;
}

.check-buttons .label {
  display: inline-block;
  background-color: var(--gris-oscuro);
  border: 2px solid var(--oro);
  color: var(--gris-claro);
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
  padding: 1em;
  font-size: var(--text-general);
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* Leer más */

.b-description_readmore {
  position: relative;
  line-height: 25px;
  box-sizing: border-box;
  margin: 0 !important;
  color: var(--oro);
}

.b-description_readmore_button {
  color: #1b1b1b;
  text-decoration: none;
  text-align: right;
  position: relative;
  margin-top: 5px;
}

.b-description_readmore_button span {
  background: var(--gris-oscuro);
  text-align: center;
  padding: 0px 0 0 11px;
  cursor: pointer;
  font-size: 26px;
  position: relative;
  z-index: 0;
  color: var(--oro);
}

.b-description_readmore_button span .fas {
  margin: 0;
  color: var(--oro);
}

.b-description_readmore_button:hover,
.b-description_readmore_button span:hover .fas {
  color: #dead61;
}

.b-description_readmore_button:before {
  height: 1px;
  width: 99.7%;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--oro);
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
}

.b-description_readmore_ellipsis:after {
  content: "...";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 25px;
  background: linear-gradient(to right, rgba(27, 27, 27, 0), rgb(27, 27, 27) 50%);
  color: rgba(194, 164, 113, 0.4);
  font-size: 20px;
  text-align: right;
}

/* Enlaces, iconos y botones */

.btn {
  display: inline-block;
  color: #000;
  background: var(--oro);
  text-decoration: none;
  transition: all 0.2s;
  font-size: var(--text-general);
  font-family: var(--lato) !important;
  line-height: 1em;
  /* padding: .5em 1em; */
  padding: 0.85em 1em;
  cursor: pointer;
  margin: 0;
  text-transform: uppercase;
  border: 0;
  text-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 0 !important;
}

.btn:hover {
  background: var(--gris-claro);
  text-decoration: none !important;
}

.btn-line {
  background: transparent;
  border: 1px solid var(--oro);
  color: var(--oro);
}

.btn-line:hover {
  border-color: var(--crema);
  color: var(--gris-oscuro);
}

.icon-svg {
  width: 1em;
  height: 1em;
}

.icon-svg path,
.icon-svg polygon,
.icon-svg rect {
  fill: var(--oro);
  transition: all 0.2s;
}

.icon-svg circle {
  stroke: var(--oro);
  stroke-width: 1;
  transition: all 0.2s;
}

.icon-svg:hover path,
.icon-svg:hover polygon,
.icon-svg:hover rect {
  fill: var(--gris-claro);
}

.icon-svg:hover circle {
  stroke: var(--gris-claro);
}

/* General */

.height-full {
  height: 100vh;
  position: relative;
}

.height-100 {
  height: 100%;
  position: relative;
}

.grid {
  display: grid;
  justify-content: space-between;
  align-items: center;
}

.image-bg {
  background-color: var(--gris-oscuro);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.image-bg-bottom {
  background-position: center bottom;
}

.texto-general p {
  margin-bottom: 0.5em;
  font-weight: 300;
}

.texto-general p:last-child {
  margin-bottom: 0;
}

.actions {
  margin-top: 2em;
}

.slick-list,
.slick-track,
.slick-slide>div {
  height: 100%;
}

/* Video */

video {
  display: block;
  height: auto;
  margin: auto;
  position: relative;
  width: 100%;
}

.video-wrap {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

/* Check */

.check-item {
  display: block;
  position: relative;
  cursor: pointer;
  height: 18px;
  width: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
}

.check-item input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  z-index: 9;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--oro);
  transition: all 0.2s;
}

.check-item:hover input~.checkmark {
  background-color: var(--oro);
}

.check-item input:checked~.checkmark {
  background-color: var(--oro);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check-item input:checked~.checkmark:after {
  display: block;
}

.check-item .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--gris-oscuro);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Form - Checkbox buttons */

.check-buttons {}

.check-buttons>li,
.check-buttons>div {
  position: relative;
}

.check-buttons input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.check-buttons label {
  display: inline-block;
  background-color: transparent;
  border: 2px solid var(--oro);
  color: var(--oro);
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
  padding: 1em;
  font-size: var(--text-general);
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-align: center;
  text-transform: uppercase;
}

.check-buttons label:hover {
  display: inline-block;
  background-color: var(--oro);
  color: var(--blanco);
}

.check-buttons input[type="checkbox"]:checked+label {
  background-color: var(--oro);
  color: var(--gris-oscuro);
  transition: all 0.2s;
}

/* .check-buttons input[type="checkbox"]:checked+label::before {
    height: 18px;
    width: 25px;
    content: url(../images/iconos/ico-check-black.svg);
    transition: all .2s;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

/* Style The Dropdown Button */
.dropbtn {
  background-color: #c2a471;
  color: var(--gris-claro);
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-family: "larken", serif;
  font-size: 20px;
}

#switch-languague .dropbtn {
  background-color: var(--gris-oscuro);
  color: #c2a471;
  font-size: 16px;
  padding: 5px 20px 5px 6px;
  font-family: "lato", sans-serif;
  background: url(../images/iconos/arrow-down.svg) var(--gris-oscuro) right 10px / 16px auto no-repeat !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: absolute;
  display: block;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
}

#switch-languague.dropdown {
  position: relative;
  display: block;
  bottom: inherit;
  left: inherit;
  transform: none;
  width: 50px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #c2a471;
  z-index: 999;
  width: 100%;
  text-align: center;
  top: 26px;
}

#switch-languague .dropdown-content {
  background-color: var(--gris-oscuro);
  font-family: "lato", sans-serif;
  border: 1px solid rgba(194, 164, 113, 0.3);
  border-radius: 6px;
}

.dropdown-content p {
  font-size: 14px;
  color: var(--gris-claro);
  margin: 10px 0;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 0.8em;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  border-radius: 6px;
}

#switch-languague .dropdown-content a {
  color: #c2a471;
  padding: 6px;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #000;
  color: var(--gris-claro);
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content,
.dropdown:hover .dropdown-content:hover {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #c2a471;
}

/* Tag fixed */

#tag-fixed {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(180deg);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  z-index: 99999;
}

#tag-fixed a {
  background: #d1ccbd;
  text-transform: uppercase;
  color: var(--gris-oscuro);
  display: block;
  padding: 1rem 0.8rem;
  text-decoration: none;
}

#tag-fixed a:hover {
  background: var(--oro);
}

/* Header */

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: var(--gris-oscuro);
  /* padding: 0 clamp(20px, 10vw, 100px); */
  padding: 0 clamp(20px, 2vw, 30px);
  z-index: 99999999;
  grid-template-columns: clamp(200px, 35vh, 35vh) auto;
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1em;
  flex-wrap: nowrap;
  position: relative;
  z-index: 9999;
}

.header-actions .btn {
  padding: 0.5em 1em;
}

#header-buttons {
  display: block;
}

.switch-languague {
  line-height: 1em;
}

#btn-gift-responsive {
  display: none;
}

@media all and (max-width: 780px) {
  #btn-gift {
    display: none;
  }

  #btn-gift-responsive {
    display: block;
  }
}

#logo a {
  display: block;
  height: 30px;
  overflow: hidden;
}

#logo a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

/* Popup */

#popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
}

#popup-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background: var(--gris-oscuro);
  border: 1px solid var(--oro);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  width: 90%;
  max-width: 600px;
  max-height: 90%;
}

#popup-header {
  padding: 10px;
  display: flex;
  justify-content: flex-end;
}

#popup-content {
  text-align: center;
  overflow: auto;
  padding: 10px var(--pm-block-xy) var(--pm-block-xy);
}

#popup-content p {
  margin-bottom: 1em;
}

#popup-content p:last-child {
  margin-bottom: 0;
}

.popup-close {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid var(--oro);
  position: relative;
  font-size: 0;
  transition: all 0.2s;
}

.popup-close:hover {
  background: var(--oro);
}

.popup-close::before,
.popup-close::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transition: all 0.2s;
  background: var(--oro);
}

.popup-close:hover::before,
.popup-close:hover::after {
  background: var(--gris-oscuro);
}

.popup-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.popup-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Keyframe - Home */

#keyframe-home {
  height: calc(100vh - 60px);
  padding: 0;
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#keyframe-home::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0, 0.7) 100%);
}

#keyframe-home-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: clamp(26px, 1.8vw, 60px);
  justify-items: center;
  align-items: center;
  width: 90%;
  max-width: 800px;
  z-index: 999;
}

#claim {
  width: auto;
  text-align: center;
  inline-size: auto;
  block-size: clamp(150px, 10vw, 200px);
  overflow: hidden;
}

#claim img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.pre-claim {
  text-align: center;
  font-family: var(--lato);
  font-size: clamp(18px, 1.6vw, 20px);
  color: var(--blanco);
  line-height: 1.2em;
  font-weight: 300;
  max-width: 600px;
  letter-spacing: 0.1em;
}

#eslogan h1 {
  text-align: center;
  font-family: var(--ador);
  font-size: clamp(18px, 1.6vw, 24px);
  color: var(--blanco);
  line-height: 1.2em;
  font-weight: 300;
  max-width: 600px;
  letter-spacing: 0.1em;
}

/* #eslogan h1 strong {
  text-align: center;
  font-family: var(--larken);
  font-size: calc(clamp(18px, 1.6vw, 24px) + 0.3em);
  color: var(--oro);
  line-height: 1.2em;
  margin-top: 5px;
  margin-bottom: 10px;
} */

#eslogan p,
#eslogan-top p,
#eslogan-footer p {
  text-align: center;
  font-family: var(--larken);
  font-size: var(--text-general);
  color: var(--oro);
  line-height: 1.2em;
  margin: 0;
}

#eslogan p {
  font-family: var(--lato);
  font-size: var(--title-section);
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(--gris-claro);
}

#eslogan-top p {
  font-size: clamp(18px, 1.6vw, 24px);
}

#reloj h1 {
  text-align: center;
  font-family: var(--larken);
  font-size: 43px;
  color: var(--oro);
  line-height: 1.2em;
  white-space: nowrap;
}

#newsletterForm {
  width: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.5em;
}

#newsletterForm p {
  color: var(--oro);
  font-size: 16px;
  text-align: center;
}

#emailNewsletter {
  text-transform: uppercase;
  text-align: center;
}

::placeholder {
  color: var(--oro);
  opacity: 1;
}

.form-select,
.form-text,
.form-email {
  width: 100%;
  border: 2px solid var(--oro);
  background: transparent;
  height: 40px;
  padding-left: 1em;
  font-family: var(--lato) !important;
  color: var(--oro);
  -webkit-appearance: none;
  border-radius: 0 !important;
}

.form-checkbox {
  padding: 0;
  margin: 0;
  text-align: left;
}

.form-select {
  color: var(--oro);
}

.form-select:focus,
.form-text:focus,
.form-email:focus {
  background: var(--oro);
  color: var(--gris-oscuro);
}

.form-select:focus::placeholder,
.form-text:focus::placeholder,
.form-email:focus::placeholder {
  color: var(--gris-oscuro);
}

.newsletterFormAceptoPrivacidad {
  grid-template-columns: 18px auto;
  grid-gap: 1em;
  justify-content: center;
  align-items: start;
  /* font-size: 14px; */
  font-size: 11px;
  color: var(--oro);
}

.newsletterFormAceptoPrivacidad a {
  color: var(--oro);
  text-decoration: underline 1px dotted var(--oro);
  text-underline-offset: 3px;
}

.newsletterFormAceptoPrivacidad a:hover {
  color: var(--gris-claro);
  text-decoration: underline 1px solid var(--gris-claro);
}

.form-actions {
  text-align: center;
  margin-top: 0.5em;
}

#keyframe-home .form-actions {
  text-align: center;
  margin-top: 0.5em;
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  min-width: 300px;
}

#keyframe-home .form-actions a {
  flex: 1;
}

#form-inscripcion p {
  text-align: center;
  font-size: 16px;
  color: var(--oro);
  margin-bottom: 10px;
}

#form-inscripcion p a {
  text-decoration: underline;
  color: var(--oro);
}

#form-inscripcion p a:hover {
  text-decoration: underline;
  color: var(--gris-claro);
}

.form-doble-columna {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.5em;
}

/* Gift box */

#gift-box-left {
  position: absolute;
  top: calc(100vh - 90px);
  left: 0;
  width: 22vw;
  aspect-ratio: 0.8/1;
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

#gift-box-right {
  position: absolute;
  top: calc(100vh + 100px);
  right: 0;
  width: 28vw;
  aspect-ratio: 0.77/1;
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

#gift-box-footer {
  position: absolute;
  bottom: 150px;
  left: 0;
  width: 30vw;
  aspect-ratio: 4/3;
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

#gift-box-middle {
  position: absolute;
  bottom: -12vw;
  left: 0;
  width: 25vw;
  aspect-ratio: 4/5;
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

#gift-box-middle-mobile {
  display: none;
  width: 100%;
}

#gift-box-mobile {
  display: none;
  padding: 30px 0 0;
  position: relative;
  /* El contenedor necesita tener posición relativa */
  width: 100%;
  /* Ajusta el ancho del contenedor si es necesario */
  aspect-ratio: 3/5;
  overflow: hidden;
}

#gift-box-mobile img {
  position: absolute;
  /* Posición absoluta */
  top: 50%;
  /* Centrado verticalmente */
  left: 50%;
  /* Centrado horizontalmente */
  transform: translate(-50%, -50%) scale(1.3);
  /* Centra la imagen y aplica zoom-in */
  transition: transform 2s ease;
  /* Animación suave para el zoom-out */
}

#gift-box-mobile img.zoom-out {
  transform: translate(-50%, -50%) scale(1);
  /* Escala normal al hacer zoom-out */
}

#gift-box-mobile-footer {
  display: none;
}

@media all and (max-width: 1380px) {
  #gift-box-middle {
    bottom: -15vw;
  }

  #gift-box-middle {
    width: 30vw;
  }
}

@media all and (max-width: 780px) {

  #gift-box-left,
  #gift-box-right,
  #gift-box-middle,
  #gift-box-footer {
    display: none;
  }

  #gift-box-mobile,
  #gift-box-middle-mobile,
  #gift-box-mobile-footer {
    display: block;
  }
}

/* Keyframe - Box fixed */

.btn-transform-close {
  display: none;
}

.box-fixed.slim {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 20px;
  border-top: 1px solid var(--oro);
}

.box-fixed-item-form {
  width: 100%;
  max-width: 800px;
  margin: auto;
}

.box-fixed-item-title {
  font-size: 25px;
  color: var(--oro);
  font-family: var(--larken);
  line-height: 1.2em;
  padding-right: 2em;
}

.box-fixed-inscripcion {
  width: 100% !important;
}

.box-fixed.slim #newsletterForm {
  grid-template-columns: repeat(2, 1fr);
  max-width: 80%;
  align-items: center;
}

.box-fixed.slim .form-actions .btn-transform-icon {
  color: transparent !important;
  height: 100%;
  font-size: 0;
  background: url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.2 16.1" fill="%23000"><polygon points="1.1 16.1 0 15 6.9 8.1 0 1.1 1.1 0 9.2 8.1 1.1 16.1" /></svg>') var(--oro) center / auto 15px no-repeat;
  transform-origin: center;
}

.btn-transform-close {
  position: absolute;
  z-index: 999;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  font-size: 0;
  background: url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.09 20.09" fill="%23c2a471"><polygon points="20.09 1.41 18.68 0 10.05 8.63 1.41 0 0 1.41 8.63 10.05 0 18.68 1.41 20.09 10.05 11.46 18.68 20.09 20.09 18.68 11.46 10.05 20.09 1.41" /></svg>') transparent center / contain no-repeat;
  transform-origin: center;
  border: 0;
  cursor: pointer;
}

.box-fixed.slim .newsletterFormAceptoPrivacidad {
  grid-column: span 1;
}

.box-fixed.slim .form-actions {
  grid-row: span 2;
}

.box-fixed.slim #emailNewsletter {
  height: 40px !important;
}

.eslogan-box {
  text-align: center;
  font-family: var(--larken);
  font-size: clamp(24px, 2vw, 26px);
  color: var(--oro);
}

.eslogan-box-fixed {
  display: none;
  text-align: left !important;
  font-family: var(--larken) !important;
  font-size: clamp(24px, 2vw, 26px) !important;
}

.box-fixed.slim .eslogan-box-fixed {
  display: block;
  margin: 0 !important;
}

#form-wrap-campos {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  width: 100%;
}

.box-fixed.slim #form-wrap-campos {
  grid-template-columns: calc(50% - 30px) calc(50% - 30px) 20px;
}

.me-uk .box-fixed.slim #form-wrap-campos,
.me-dk .box-fixed.slim #form-wrap-campos {
  grid-template-columns: calc(100% - 50px) 20px;
}

.box-fixed.slim #form-wrap-campos .newsletterFormElijaCentro {
  order: 1;
}

.box-fixed.slim #form-wrap-campos .newsletterFormEmail {
  order: 2;
}

.box-fixed.slim #form-wrap-campos .form-actions {
  order: 3;
}

.box-fixed.slim #form-wrap-campos .newsletterFormAceptoPrivacidad {
  order: 4;
  grid-column: span 3;
  justify-content: center;
}

.box-fixed.slim #form-wrap-campos .form-actions {
  margin-top: 0 !important;
}

.box-fixed.slim #form-wrap-campos .btn {
  color: transparent !important;
  width: 30px;
  height: 40px;
  background: url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.2 16.1" fill="%23000"><polygon points="1.1 16.1 0 15 6.9 8.1 0 1.1 1.1 0 9.2 8.1 1.1 16.1" /></svg>') var(--oro) center / auto 15px no-repeat;
  transform-origin: center;
  border: 2px solid var(--oro);
}

.box-fixed.slim #form-wrap-campos .btn:hover {
  background: url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.2 16.1" fill="%23c2a471"><polygon points="1.1 16.1 0 15 6.9 8.1 0 1.1 1.1 0 9.2 8.1 1.1 16.1" /></svg>') transparent center / auto 15px no-repeat;
  transform-origin: center;
}

#form-inscripcion {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  grid-gap: 5rem;
  background: var(--gris-oscuro);
}

#form-inscripcion-texto {
  text-transform: uppercase;
  color: var(--gris-claro);
  font-size: var(--title-block);
  font-family: var(--ador);
  line-height: 1.2em;
}

.newsletterFormEmail {
  display: grid;
  grid-template-columns: auto 40px;
  grid-gap: 10px;
}

.newsletterFormEmail .btn {
  font-size: 0;
  width: auto;
  height: 40px;
  aspect-ratio: 1 / 1;
  display: block;
  background: url("data:image/svg+xml,%3Csvg viewBox='-4.5 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Earrow_right %5B%23333%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-425.000000, -6679.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M370.39,6519 L369,6520.406 L377.261,6529.013 L376.38,6529.931 L376.385,6529.926 L369.045,6537.573 L370.414,6539 C372.443,6536.887 378.107,6530.986 380,6529.013 C378.594,6527.547 379.965,6528.976 370.39,6519' id='arrow_right-%5B%23333%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") var(--oro) center / 25px no-repeat;
}

.newsletterFormEmail .btn:hover {
  background-color: var(--crema);
}

/* Vimeo slider */

#slider-bath {
  background: var(--crema);
}

#slider-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding-top: clamp(20px, 20vw, 50px);
}

#slider-wrap .slider-claim {
  margin-block-end: 1.5rem;
  display: block;
  overflow: hidden;
  height: 60px;
}

#slider-wrap .slider-claim img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}

#slider-wrap .texto-general {
  padding: 0 0 clamp(30px, 9vw, 50px) 0;
  max-width: 960px;
}

.slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

.slider-video-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slider-item {
  min-width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  background: var(--crema);
}

.video-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: var(--pm-block-xy) var(--pm-block-big);
  color: var(--oro);
  background: var(--gris-oscuro);
  position: relative;
}

.video-text {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  text-align: center;
  z-index: 2;
}

.video-text p {
  margin-bottom: 0.5em;
  font-weight: 300;
}

.video-text p:last-child {
  margin-bottom: 0;
}

.video-content h2 {
  text-align: left;
  font-size: clamp(24px, 2vw, 36px);
  font-family: var(--larken);
  color: var(--oro);
  line-height: 1.2em;
  margin: 0 0 0.5em;
  text-transform: uppercase;
}

.video-container {
  position: relative;
  /* padding-bottom: 56.25%; */
  /* 16:9 ratio */
  padding-bottom: 90%;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  /* top: 0;
	left: 0;
	width: 100%;
	height: 100%; */
  width: calc(100% + 35%);
  height: calc(100% + 35%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-controls {
  position: absolute;
  bottom: 30px;
  right: 40px;
  display: flex;
  gap: 20px;
}

.custom-controls button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 0;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  opacity: 0.6;
  transition: all 0.2s;
  cursor: pointer;
}

.custom-controls button:hover {
  opacity: 1;
}

.custom-controls button.play-pause,
.custom-controls button.play-pause.playing {
  background-image: url(../images/iconos/icon-pause.svg);
}

.custom-controls button.play-pause.paused {
  background-image: url(../images/iconos/icon-play.svg);
}

.custom-controls button.mute-unmute,
.custom-controls button.mute-unmute.unmuted {
  background-image: url(../images/iconos/icon-mute.svg);
}

.custom-controls button.mute-unmute.muted {
  background-image: url(../images/iconos/icon-unmute.svg);
}

.custom-controls button.fullscreen {
  background-image: url(../images/iconos/icon-fullscreen.svg);
}

.slider-wrap-container {
  position: relative;
  width: 100%;
}

.slider-controls {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 120px);
}

.slider-controls button {
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 0;
  background: url(../images/iconos/arrow-down.svg) transparent center / contain no-repeat !important;
  font-size: 0;
  transition: all 0.2s;
}

.slider-controls button.prev {
  transform: rotate(90deg);
}

.slider-controls button.prev:hover {
  transform: rotate(90deg) scale(120%);
}

.slider-controls button.next {
  transform: rotate(-90deg);
}

.slider-controls button.next:hover {
  transform: rotate(-90deg) scale(120%);
}

.slider-bullets {
  text-align: center;
  margin-top: 30px;
}

.bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(194, 164, 113, 0.5);
  border: 1px solid var(--oro);
  transition: all 0.2s;
}

.bullet:hover {
  background: rgba(194, 164, 113, 0.7);
}

.bullet.active,
.bullet.active:hover {
  background: rgba(194, 164, 113, 1);
}

#slider-wrap .form-actions {
  margin-top: 3em;
}

/* Reloj */

#reloj {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-content: flex-start;
  gap: 1.6em;
}

.reloj-item {
  text-align: center;
  color: var(--oro);
  padding-right: 1.6em;
  position: relative;
}

.reloj-item::after {
  content: ":";
  position: absolute;
  font-size: clamp(36px, 3vw, 43px);
  right: 0;
  top: 0;
}

span.reloj-item-numero {
  font-size: clamp(36px, 3vw, 43px) !important;
  font-family: var(--larken) !important;
}

span.reloj-item-texto {
  font-size: 0.7em;
  display: block;
  line-height: 1.2em;
  font-family: var(--larken);
  font-size: var(--text-general);
  padding-top: 1em;
}

.reloj-item:last-child {
  padding-right: 0;
}

.reloj-item:last-child::after {
  display: none;
}

/* Contador regresivo */

#contador {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-content: flex-start;
  gap: 1.6em;
}

.unidad {
  text-align: center;
  color: var(--oro);
  padding-right: 1.6em;
  position: relative;
}

.unidad::after {
  content: ":";
  position: absolute;
  font-size: clamp(36px, 3vw, 43px);
  right: 0;
  top: 0;
}

.unidad span.numero {
  font-size: clamp(36px, 3vw, 43px) !important;
  font-family: var(--larken) !important;
}

.unidad .label {
  font-size: 0.7em;
  display: block;
  line-height: 1.2em;
  font-family: var(--larken);
  font-size: var(--text-general);
  padding-top: 1em;
}

.unidad:last-child {
  padding-right: 0;
}

.unidad:last-child::after {
  display: none;
}

@media all and (max-width: 780px) {
  #contador {
    gap: 0.5rem;
  }

  .unidad {
    padding-right: 1.2rem;
  }
}

/* Keyframe - Datos */

#keyframe-datos-mobile {
  display: none;
  background: #222;
  padding: 0;
}

#keyframe-datos {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: center;
  align-items: stretch;
  padding: 0;
  position: relative;
  z-index: 99;
}

.keyframe-datos-item {
  display: grid;
  grid-template-columns: auto 2px;
  align-items: center;
}

.keyframe-datos-item::after {
  width: 1px;
  height: 50%;
  content: "";
  background: var(--oro);
}

.keyframe-datos-item:last-child:after {
  display: none;
}

.keyframe-datos-item-texto {
  color: var(--oro);
  text-align: center;
  padding: 30px clamp(10px, 3vw, 80px);
  font-family: var(--larken);
  font-size: calc(var(--text-general) + 0.5rem);
  line-height: 1.2;
}

#keyframe-datos-mobile .keyframe-datos-item-texto {
  padding: 27px 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.keyframe-datos-item-texto span {
  display: block;
}

.keyframe-datos-item-texto span.big {
  font-size: clamp(24px, 4vw, 36px);
}

.keyframe-datos-item-texto span+span.big {
  margin-top: -0.3em;
}

.keyframe-datos-item-texto span.sup {
  font-family: var(--larken);
  font-size: 0.7em;
  vertical-align: initial;
  line-height: 1em;
  display: inline-block;
}

/* Presentación */

.texto-general {
  width: 70%;
  max-width: 760px;
  margin: auto;
  text-align: center;
  padding: var(--pm-block) 0;
}

.texto-general h2 {
  text-align: center;
  font-family: var(--larken);
  font-size: clamp(18px, 1.6vw, 25px);
  color: var(--oro);
  line-height: 1.2em;
  margin-bottom: 1.2em;
}

.texto-general p {
  color: var(--gris-oscuro);
}

/* Experiencias */

#keyframe-experiencias {
  padding: clamp(40px, 9vw, 130px) clamp(20px, 9vw, 100px) clamp(30px, 5vw, 50px);
  background: var(--gris-oscuro);
}

#keyframe-experiencias .keyframe-entradilla {
  padding: 0 1em;
  max-width: 1200px;
  margin: auto;
}

#keyframe-experiencias .keyframe-entradilla h3 {
  font-size: var(--title-block);
  text-align: center;
  color: var(--oro);
  font-family: var(--larken);
  font-weight: 100;
  line-height: 1.2em;
  text-transform: uppercase;
}

#keyframe-experiencias .keyframe-entradilla p {
  display: block;
  font-family: var(--lato);
  font-weight: 300;
  font-size: var(--text-general);
  text-transform: none;
  color: var(--oro);
  text-align: center;
}

#content-filtros {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center;
  align-items: flex-start;
  padding: 3em 0;
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

#content-filtros>div {
  flex-basis: calc(100% / 4 - 1em);
}

.quitar-filtros {
  text-align: center;
  padding: 2em 0 4em;
}

.quitar-filtros a {
  text-align: center;
  color: var(--oro);
  text-decoration: none;
}

.quitar-filtros a:hover {
  color: var(--oro);
}

#keyframe-experiencias-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6em;
  width: 90%;
  max-width: 1200px;
  margin: auto;
  padding-block-start: 2rem;
}

.keyframe-experiencias-grid-item {
  text-align: center;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 1.2em;
  flex-basis: calc(100% / 3 - 4em);
  position: relative;
  padding-bottom: 75px;
}

.keyframe-experiencias-grid-item-image {
  padding-top: 100%;
  flex-basis: 100%;
}

.keyframe-experiencias-grid-item-title {
  margin: 0;
  flex-basis: 100%;
  color: var(--oro);
  text-transform: uppercase;
  min-height: 32px;
}

.keyframe-experiencias-grid-item .b-description_readmore_wrapper {
  flex-basis: 100%;
}

.keyframe-experiencias-grid-item-precio {
  font-family: var(--larken);
  font-size: calc(var(--text-general) + 0.5rem);
  color: var(--oro);
  font-weight: 400;
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}

.keyframe-experiencias-grid-item-precio p {
  font-family: var(--larken);
}

.keyframe-experiencias-grid-item-precio-antes {
  color: #b4a26980;
  font-family: var(--larken);
  flex-basis: 100%;
  text-decoration: line-through;
}

.keyframe-experiencias-grid-item-actions {
  flex-basis: 100%;
  position: absolute;
  z-index: 9;
  width: 100%;
  left: 0;
  bottom: 0;
  display: flex;
  gap: 5px;
}

.keyframe-experiencias-grid-item-actions:not(:has(:nth-child(2))) {
  display: block;
}

.keyframe-experiencias-grid-item-actions:has(:nth-child(2)) .btn {
  flex: 1;
}

.keyframe-experiencias-grid-item-actions .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
}

.keyframe-experiencias-footer {
  margin: 0 auto 2em;
  width: 90%;
  max-width: 1200px;
}

.keyframe-experiencias-footer p {
  text-align: center;
  font-size: calc(var(--text-general) - 0.2em);
  color: var(--oro);
}

.intervalo-precios {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em 1em;
  border: 1px solid var(--oro);
  background: var(--blanco);
}

.intervalo-precios-campos {
  grid-template-columns: minmax(67px, 80px) minmax(67px, 80px);
  margin-bottom: 2em;
}

.intervalo-precios-campos label {
  position: relative;
  padding: 0;
  border: 0;
}

.intervalo-precios-campos label span {
  position: absolute;
  font-size: 18px;
  color: var(--oro);
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  z-index: 2;
}

.intervalo-precios-campos input {
  font-size: 18px;
  width: 100%;
  height: 40px;
  padding-left: 0.5em;
  color: var(--oro);
  background: var(--blanco);
  border: 1px solid var(--oro);
  cursor: default;
}

.check-buttons #keyframe-experiencias-nav-item-precio input[type="checkbox"]+label {
  background: url(../images/iconos/arrow-down-bold.svg) transparent calc(100% - 1em) center / 20px auto no-repeat;
}

.check-buttons #keyframe-experiencias-nav-item-precio input[type="checkbox"]:checked+label {
  background: url(../images/iconos/arrow-up-black.svg) var(--oro) calc(100% - 1em) center / 20px auto no-repeat;
}

.check-buttons #keyframe-experiencias-nav-item-precio input[type="checkbox"]:hover+label {
  background: url(../images/iconos/arrow-down-white.svg) var(--oro) calc(100% - 1em) center / 20px auto no-repeat;
}

/* Keyframe - Slider 1 */

.slick-dots li:only-child {
  display: none;
}

#keyframe-slider-1 {
  padding: 0;
}

#keyframe-slider-1>.grid {
  grid-template-columns: repeat(2, 1fr);
  background: #222;
  align-items: stretch;
}

#keyframe-slider-1>.grid>.texto-general {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: var(--pm-block-xy) 0;
  width: 80%;
  max-width: 700px;
  text-align: left;
  position: relative;
}

#keyframe-slider-1 .slick .slick-slide {
  aspect-ratio: 16/13;
  margin: auto;
}

#keyframe-slider-1 .texto-general p {
  color: var(--oro);
  font-weight: 300;
}

#keyframe-slider-1 .form-actions {
  margin-top: 3em;
  text-align: left;
}

#keyframe-slider-1 .slider-claim img {
  height: 80px;
  width: auto;
  max-width: 100% !important;
  display: block;
}

#keyframe-slider-1 .slider-subtitle {
  margin-block: 1.5rem;
}

/* Keyframe - Regala */

#keyframe-regala>.grid {
  grid-template-columns: 60% auto;
  grid-gap: clamp(20px, 3vw, 80px);
}

/* Keyframe - Formatos */

#keyframe-formatos {
  background: var(--gris-claro);
  scroll-margin-top: 30px;
  /* position: relative;
  z-index: 99; */
}

#keyframe-formatos .form-actions {
  margin-top: 3rem;
}

#keyframe-formatos .grid {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(20px, 3vw, 80px);
}

#keyframe-formatos .flex-grid {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#keyframe-formatos .grid .grid-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  text-align: center;
  background: #222;
}

#keyframe-formatos .flex-grid .grid-item {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  text-align: center;
  background: var(--blanco);
}

#keyframe-formatos h2.title-section {
  margin-bottom: 1.6em;
}

.slider-formatos-texto h3,
#keyframe-formatos .grid .grid-item h3 {
  font-family: var(--larken);
  font-size: var(--title-block);
  line-height: 1.2em;
  margin: 0;
  color: var(--oro) !important;
  text-transform: uppercase;
  font-weight: 100;
  white-space: nowrap;
  letter-spacing: 0.05em;
}

#keyframe-formatos .texto-general {
  text-align: center;
  width: 100%;
  max-width: 960px;
  margin: auto;
  padding-top: 0;
  padding-bottom: 2em;
}

#keyframe-formatos .slider-claim {
  margin-block-end: 1.5rem;
  display: block;
  overflow: hidden;
  height: 25px;
}

#keyframe-formatos .slider-claim img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

#keyframe-formatos p {
  color: var(--gris-oscuro) !important;
  font-weight: 300;
}

.slider-formatos-imagen {
  width: 100% !important;
  aspect-ratio: 660 / 323;
  display: block;
}

.slider-formatos-texto {
  padding: var(--pm-block);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

.slider-formatos-texto .btn {
  min-width: 150px;
  margin-top: 1rem;
}

.image-1-1 {
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
}

.image-1-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#slider-gift .slick-dots,
#slider-egift .slick-dots {
  display: none;
}

/* events
***********************/

#events-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  height: 90vh;
}

#events-left {
  background: url("../images/backgrounds/banner-bg-desk.jpg") var(--crema) center / cover no-repeat;
}

#events-right {
  background: url("../images/backgrounds/banner-bg-desk.jpg") var(--crema) center / cover no-repeat;
}

#events-list-wrap {
  position: relative;
  height: 90vh;
  overflow: hidden;
}

#events-list-wrap::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, rgba(240, 238, 234, 1) 5%, rgba(240, 238, 234, 0) 50%);
  z-index: 1;
  left: 0;
  bottom: 0;
}

#events-list {
  height: 100%;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-bottom: 4rem;

  /* Scroll táctil suave en smartphone */
  -webkit-overflow-scrolling: touch;

  /* Oculta scrollbar visual */
  scrollbar-width: none;
}

#events-list::-webkit-scrollbar {
  display: none;
}

#events-next {
  position: absolute;
  left: 50%;
  bottom: -1rem;
  transform: translateX(-50%);
  z-index: 5;

  width: 3rem;
  height: 3rem;
  border: 0;
  background: transparent;
  color: var(--oro);
  cursor: pointer;
  font-size: 0;
}

#events-next::before,
#events-next::after {
  content: "";
  position: absolute;
  width: 1.2rem;
  height: 1px;
  background: var(--oro);
  top: 50%;
  transition: transform 0.25s ease;
}

#events-next::before {
  right: 50%;
  transform: rotate(45deg);
  transform-origin: right center;
}

#events-next::after {
  left: 50%;
  transform: rotate(-45deg);
  transform-origin: left center;
}

/* Flecha hacia arriba cuando llega al final */
#events-next.is-up::before {
  transform: rotate(-45deg);
}

#events-next.is-up::after {
  transform: rotate(45deg);
}


#events-list {
  overflow: auto;
}

#events-list h3 {
  color: var(--oro);
  text-transform: uppercase;
  font-family: var(--larken);
  font-size: var(--title-block);
  text-align: center;
  margin-top: 0;
  line-height: 1.2em;
  position: sticky;
  top: 0;
  background: var(--blanco);
  display: flex;
  flex-direction: column;
  align-items: center;
}

#events-list h3::after {
  width: 50%;
  height: 2px;
  background: var(--oro);
  content: "";
}

.events-days {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}

.events-days-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  background: var(--crema);
  padding: 1rem;
}

.events-days-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}

.events-group p {
  text-transform: uppercase;
}

.events-label {
  color: var(--oro);
  font-weight: 600;
  text-transform: none !important;
}

#events-list h3:not(:first-child) {
  margin-top: 2rem;
}

/* Banner
***********************/

#banner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 540px;
  background: url("../images/backgrounds/banner-bg-desk.jpg") var(--crema) center / cover no-repeat;
  padding-inline: var(--pm-block);
}

.banner-content {
  text-align: center;
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  max-width: 800px;
}

.banner-content p {
  color: var(--oro);
  font-weight: 300;
  font-family: var(--larken);
  font-style: italic;
}

.banner-claim {
  width: 100%;
  height: 80px;
  overflow: hidden;
}

.banner-claim img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

.banner-footer {
  font-style: italic;
}

/* Keyframe - Slider 2 */

#keyframe-slider-2 {
  padding: clamp(20px, 9vw, 100px) 0;
}

#keyframe-slider-2>.grid {
  grid-template-columns: repeat(2, 1fr);
  background: #222;
}

#keyframe-slider-2>.grid>.texto-general {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: var(--pm-block-xy) var(--pm-block-big);
  text-align: center;
  position: relative;
}

#keyframe-slider-2 .slick .slick-slide {
  aspect-ratio: 16/13;
  margin: auto;
}

#keyframe-slider-2 .texto-general {
  text-align: left;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 999;
  padding: 0;
}

#keyframe-slider-2 .texto-general p {
  color: var(--gris-oscuro);
}

#keyframe-slider-2 .form-actions {
  margin-top: 3em;
  text-align: left;
}

/* Footer */

footer {
  display: flex;
  flex-direction: column;
  background: #222;
  gap: 3rem;
  padding-block-start: 4rem;
}

#logo-footer {
  display: flex;
  justify-content: center;
  order: 1;
}

#logo-footer img {
  width: auto;
  height: 25px;
}

#rrss,
#center-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

#rrss {
  order: 3;
}

#center-list {
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 clamp(20px, 9vw, 100px);
}

#rrss ul,
#center-list ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 0;
}

#rrss ul {
  gap: 1rem;
}

#rrss ul li,
#center-list ul li {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: var(--text-general-small);
  letter-spacing: 0.1em;
}

#center-list ul li {
  font-family: var(--larken);
  font-size: var(--text-general);
  font-size: calc(var(--text-general) + 1.5rem);
  padding: 0 1rem 0 0;
}

#rrss ul li::after {
  content: "";
  display: none;
  width: 1px;
  height: 1rem;
  background: var(--oro);
}

#center-list ul li::after {
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.19rem;
  border-radius: 50%;
  background: black;
  opacity: 0.8;
}

#rrss ul li:first-child,
#center-list ul li:first-child {
  padding-left: 0;
}

#rrss ul li:last-child::after,
#center-list ul li:last-child::after {
  display: none;
}

#rrss ul li a {
  text-transform: uppercase;
  font-weight: 300;
  color: var(--oro);
}

.social-icon {
  font-size: 0;
  width: 30px;
  aspect-ratio: 1 / 1;
  display: block;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.instagram {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z' fill='%23b4a269'%3E%3C/path%3E%3Cpath d='M18 5C17.4477 5 17 5.44772 17 6C17 6.55228 17.4477 7 18 7C18.5523 7 19 6.55228 19 6C19 5.44772 18.5523 5 18 5Z' fill='%23b4a269'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.65396 4.27606C1 5.55953 1 7.23969 1 10.6V13.4C1 16.7603 1 18.4405 1.65396 19.7239C2.2292 20.8529 3.14708 21.7708 4.27606 22.346C5.55953 23 7.23969 23 10.6 23H13.4C16.7603 23 18.4405 23 19.7239 22.346C20.8529 21.7708 21.7708 20.8529 22.346 19.7239C23 18.4405 23 16.7603 23 13.4V10.6C23 7.23969 23 5.55953 22.346 4.27606C21.7708 3.14708 20.8529 2.2292 19.7239 1.65396C18.4405 1 16.7603 1 13.4 1H10.6C7.23969 1 5.55953 1 4.27606 1.65396C3.14708 2.2292 2.2292 3.14708 1.65396 4.27606ZM13.4 3H10.6C8.88684 3 7.72225 3.00156 6.82208 3.0751C5.94524 3.14674 5.49684 3.27659 5.18404 3.43597C4.43139 3.81947 3.81947 4.43139 3.43597 5.18404C3.27659 5.49684 3.14674 5.94524 3.0751 6.82208C3.00156 7.72225 3 8.88684 3 10.6V13.4C3 15.1132 3.00156 16.2777 3.0751 17.1779C3.14674 18.0548 3.27659 18.5032 3.43597 18.816C3.81947 19.5686 4.43139 20.1805 5.18404 20.564C5.49684 20.7234 5.94524 20.8533 6.82208 20.9249C7.72225 20.9984 8.88684 21 10.6 21H13.4C15.1132 21 16.2777 20.9984 17.1779 20.9249C18.0548 20.8533 18.5032 20.7234 18.816 20.564C19.5686 20.1805 20.1805 19.5686 20.564 18.816C20.7234 18.5032 20.8533 18.0548 20.9249 17.1779C20.9984 16.2777 21 15.1132 21 13.4V10.6C21 8.88684 20.9984 7.72225 20.9249 6.82208C20.8533 5.94524 20.7234 5.49684 20.564 5.18404C20.1805 4.43139 19.5686 3.81947 18.816 3.43597C18.5032 3.27659 18.0548 3.14674 17.1779 3.0751C16.2777 3.00156 15.1132 3 13.4 3Z' fill='%23b4a269'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.facebook {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-5 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Efacebook %5B%23176%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-385.000000, -7399.000000)' fill='%23b4a269'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M335.821282,7259 L335.821282,7250 L338.553693,7250 L339,7246 L335.821282,7246 L335.821282,7244.052 C335.821282,7243.022 335.847593,7242 337.286884,7242 L338.744689,7242 L338.744689,7239.14 C338.744689,7239.097 337.492497,7239 336.225687,7239 C333.580004,7239 331.923407,7240.657 331.923407,7243.7 L331.923407,7246 L329,7246 L329,7250 L331.923407,7250 L331.923407,7259 L335.821282,7259 Z' id='facebook-%5B%23176%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.tiktok {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23b4a269' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Etiktok%3C/title%3E%3Cpath d='M16.656 1.029c1.637-0.025 3.262-0.012 4.886-0.025 0.054 2.031 0.878 3.859 2.189 5.213l-0.002-0.002c1.411 1.271 3.247 2.095 5.271 2.235l0.028 0.002v5.036c-1.912-0.048-3.71-0.489-5.331-1.247l0.082 0.034c-0.784-0.377-1.447-0.764-2.077-1.196l0.052 0.034c-0.012 3.649 0.012 7.298-0.025 10.934-0.103 1.853-0.719 3.543-1.707 4.954l0.020-0.031c-1.652 2.366-4.328 3.919-7.371 4.011l-0.014 0c-0.123 0.006-0.268 0.009-0.414 0.009-1.73 0-3.347-0.482-4.725-1.319l0.040 0.023c-2.508-1.509-4.238-4.091-4.558-7.094l-0.004-0.041c-0.025-0.625-0.037-1.25-0.012-1.862 0.49-4.779 4.494-8.476 9.361-8.476 0.547 0 1.083 0.047 1.604 0.136l-0.056-0.008c0.025 1.849-0.050 3.699-0.050 5.548-0.423-0.153-0.911-0.242-1.42-0.242-1.868 0-3.457 1.194-4.045 2.861l-0.009 0.030c-0.133 0.427-0.21 0.918-0.21 1.426 0 0.206 0.013 0.41 0.037 0.61l-0.002-0.024c0.332 2.046 2.086 3.59 4.201 3.59 0.061 0 0.121-0.001 0.181-0.004l-0.009 0c1.463-0.044 2.733-0.831 3.451-1.994l0.010-0.018c0.267-0.372 0.45-0.822 0.511-1.311l0.001-0.014c0.125-2.237 0.075-4.461 0.087-6.698 0.012-5.036-0.012-10.060 0.025-15.083z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.linkedin {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23b4a269' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Elinkedin%3C/title%3E%3Cpath d='M28.778 1.004h-25.56c-0.008-0-0.017-0-0.027-0-1.199 0-2.172 0.964-2.186 2.159v25.672c0.014 1.196 0.987 2.161 2.186 2.161 0.010 0 0.019-0 0.029-0h25.555c0.008 0 0.018 0 0.028 0 1.2 0 2.175-0.963 2.194-2.159l0-0.002v-25.67c-0.019-1.197-0.994-2.161-2.195-2.161-0.010 0-0.019 0-0.029 0h0.001zM9.9 26.562h-4.454v-14.311h4.454zM7.674 10.293c-1.425 0-2.579-1.155-2.579-2.579s1.155-2.579 2.579-2.579c1.424 0 2.579 1.154 2.579 2.578v0c0 0.001 0 0.002 0 0.004 0 1.423-1.154 2.577-2.577 2.577-0.001 0-0.002 0-0.003 0h0zM26.556 26.562h-4.441v-6.959c0-1.66-0.034-3.795-2.314-3.795-2.316 0-2.669 1.806-2.669 3.673v7.082h-4.441v-14.311h4.266v1.951h0.058c0.828-1.395 2.326-2.315 4.039-2.315 0.061 0 0.121 0.001 0.181 0.003l-0.009-0c4.5 0 5.332 2.962 5.332 6.817v7.855z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.spotify {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Espotify %5B%23162%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-140.000000, -7479.000000)' fill='%23b4a269'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M99.915,7327.865 C96.692,7325.951 91.375,7325.775 88.297,7326.709 C87.803,7326.858 87.281,7326.58 87.131,7326.085 C86.981,7325.591 87.26,7325.069 87.754,7324.919 C91.287,7323.846 97.159,7324.053 100.87,7326.256 C101.314,7326.52 101.46,7327.094 101.196,7327.538 C100.934,7327.982 100.358,7328.129 99.915,7327.865 L99.915,7327.865 Z M99.81,7330.7 C99.584,7331.067 99.104,7331.182 98.737,7330.957 C96.05,7329.305 91.952,7328.827 88.773,7329.792 C88.36,7329.916 87.925,7329.684 87.8,7329.272 C87.676,7328.86 87.908,7328.425 88.32,7328.3 C91.951,7327.198 96.466,7327.732 99.553,7329.629 C99.92,7329.854 100.035,7330.334 99.81,7330.7 L99.81,7330.7 Z M98.586,7333.423 C98.406,7333.717 98.023,7333.81 97.729,7333.63 C95.381,7332.195 92.425,7331.871 88.944,7332.666 C88.609,7332.743 88.274,7332.533 88.198,7332.197 C88.121,7331.862 88.33,7331.528 88.667,7331.451 C92.476,7330.58 95.743,7330.955 98.379,7332.566 C98.673,7332.746 98.766,7333.129 98.586,7333.423 L98.586,7333.423 Z M94,7319 C88.477,7319 84,7323.477 84,7329 C84,7334.523 88.477,7339 94,7339 C99.523,7339 104,7334.523 104,7329 C104,7323.478 99.523,7319.001 94,7319.001 L94,7319 Z' id='spotify-%5B%23162%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.pinterest {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Epinterest %5B%23180%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-220.000000, -7399.000000)' fill='%23b4a269'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M173.876,7239 C168.399,7239 164,7243.43481 164,7248.95866 C164,7253.05869 166.407,7256.48916 169.893,7258.07936 C169.893,7256.21186 169.88,7256.45286 171.303,7250.38046 C170.521,7248.80236 171.129,7246.19673 172.88,7246.19673 C175.31,7246.19673 173.659,7249.79964 173.378,7251.2174 C173.129,7252.30544 173.959,7253.14238 174.955,7253.14238 C176.864,7253.14238 178.108,7250.71524 178.108,7247.87063 C178.108,7245.69456 176.615,7244.10437 174.042,7244.10437 C169.467,7244.10437 168.307,7249.19966 169.893,7250.79893 C170.292,7251.40294 169.893,7251.43118 169.893,7252.22174 C169.616,7253.05768 167.403,7251.84259 167.403,7248.70757 C167.403,7245.86195 169.727,7242.51518 174.457,7242.51518 C178.191,7242.51518 180.681,7245.27609 180.681,7248.2054 C180.681,7252.13805 178.523,7254.98366 175.37,7254.98366 C174.291,7254.98366 173.295,7254.3978 172.963,7253.72824 C172.36,7256.07371 172.238,7257.26258 171.303,7258.58153 C172.216,7258.83261 173.129,7259 174.125,7259 C179.602,7259 184,7254.56519 184,7249.04235 C183.752,7243.43481 179.353,7239 173.876,7239' id='pinterest-%5B%23180%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#center-list ul li a {
  font-weight: 100;
  text-transform: uppercase;
  color: black;
  opacity: 1;
  display: block;
  line-height: 1em;
}

#menu-prefooter {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  order: 4;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}

#menu-prefooter li {
  text-transform: uppercase;
  list-style: none;
}

#menu-prefooter li a {
  display: block;
  line-height: 1.3em;
  color: var(--blanco);
}

#rrss ul li a:hover {
  text-decoration: none;
  color: var(--negro);
}

#center-list ul li a:hover {
  opacity: 1;
  text-decoration: none;
}

#footer-bottom {
  padding: 2rem clamp(20px, 9vw, 100px);
  background: var(--gris-oscuro);
  display: flex;
  justify-content: space-between;
  align-items: center;
  order: 5;
}

#menu-footer ul {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

#menu-footer ul li {
  list-style: none;
  font-size: var(--text-general-small);
  font-weight: 300;
}

#menu-footer ul li a {
  color: var(--oro);
}

#menu-footer ul li a:hover {
  color: var(--negro);
  text-decoration: none;
}

#copyright p {
  color: var(--oro);
  font-size: var(--text-general-small);
  font-weight: 300;
  text-align: center;
}

/***********************/
/* RESPONSIVE */
/***********************/

@media all and (max-width: 1360px) {
  /* #claim {
        width: 60%;
    } */

  /* #newsletterForm p,
    .newsletterFormAceptoPrivacidad,
    .form-actions {
        grid-column: span 2;
    } */
  .video-content {
    padding: var(--pm-block-xy);
  }

  .video-text {
    width: 80%;
  }
}

@media all and (max-width: 1200px) {
  #keyframe-slider-2 .texto-general {
    padding: 0 !important;
  }

  #keyframe-slider-2 .slick-slider {
    height: 100%;
  }

  #gift-box-left {
    top: calc(100vh - 40px);
  }
}

@media all and (max-width: 780px) {
  header {
    grid-template-columns: 300px auto;
  }

  article {
    padding: clamp(30px, 5vw, 50px) 0;
  }

  #header-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
  }

  #header-buttons .btn {
    width: 100%;
    padding: 1.5em;
    text-align: center;
  }

  .keyframe-experiencias-grid-item-actions {
    padding: 0 5px 5px;
  }

  .keyframe-experiencias-grid-item-title,
  .keyframe-experiencias-grid-item .b-description_readmore_wrapper,
  .keyframe-experiencias-grid-item-precio {
    padding-inline: 1rem;
  }

  .keyframe-experiencias-grid-item-title {
    min-height: auto;
    padding-block: 1.3rem 0;
  }

  .accordion-container .panel .heading {
    background: url("../images/iconos/ico-filtros.svg") var(--gris-oscuro) no-repeat right;
  }

  #keyframe-experiencias {
    z-index: 9999;
    position: relative;
    padding: clamp(40px, 9vw, 130px) 0 clamp(30px, 5vw, 50px);
  }

  #keyframe-regala>.grid {
    grid-template-columns: 1fr;
  }

  #keyframe-slider-1 .texto-general {
    padding: 0 var(--pm-block-xy);
    order: 1;
  }

  #keyframe-slider-1>.grid {
    grid-template-columns: 1fr;
    padding: 0 10% 10%;
  }

  #keyframe-slider-1 .slick,
  #keyframe-slider-2 .slick .slick-slide {
    aspect-ratio: 1/1;
  }

  #slider-1 {
    order: 2;
  }

  #keyframe-slider-1 {
    padding: 0;
  }

  #keyframe-slider-1>.grid>.texto-general {
    width: 90%;
    text-align: center;
    padding: 3rem 0;
    align-items: center;
  }

  #keyframe-slider-1 .slick-dots {
    bottom: -37px;
  }

  #keyframe-slider-1 .slick-prev {
    left: -37px;
  }

  #keyframe-slider-1 .slick-next {
    right: -37px;
  }

  #claim {
    width: 100%;
  }

  #newsletterForm {
    grid-template-columns: 1fr;
  }

  /* #newsletterForm p,
    .newsletterFormAceptoPrivacidad,
    .form-actions {
        grid-column: 1;
    } */

  #keyframe-regala .texto-general {
    text-align: center;
    padding: 0 var(--pm-block-xy);
    order: 1;
  }

  #keyframe-regala .video-wrap {
    order: 2;
  }

  #keyframe-formatos .grid {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }

  #keyframe-formatos .texto-general {
    padding-left: var(--pm-block-xy);
    padding-right: var(--pm-block-xy);
  }

  #keyframe-slider-2 {
    padding: 0;
  }

  #keyframe-slider-2>.grid {
    grid-template-columns: 1fr;
  }

  #keyframe-slider-2>.grid>.texto-general {
    padding: calc(var(--pm-block-xy) * 2) var(--pm-block-xy) !important;
    text-align: center;
    order: 1;
  }

  #slider-2 {
    order: 2;
  }

  .menu-footer {
    padding: 0 var(--pm-block-xy);
    text-align: center;
    flex-wrap: wrap;
  }

  .menu-footer-item {
    flex-basis: 100%;
  }

  .rrss {
    gap: clamp(20px, 1.5vw, 40px);
  }

  .icon-social .icon-svg {
    width: 1.2em;
    height: 1.2em;
  }

  #keyframe-formatos .grid .grid-item {
    padding: 6% 3vw 77%;
  }

  h2.title-section {
    letter-spacing: 0.2em;
    padding: 0 10%;
  }

  .summary-section {
    padding-inline: 10%;
  }

  #tag-fixed a {
    padding: 0.8rem 0.5rem;
  }

  #slider-wrap .texto-general {
    width: 90%;
  }

  #keyframe-slider-1 .slick-dots {
    bottom: -32px;
  }

  #newsletterForm {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0.5em;
  }

  /* #keyframe-home {
    align-items: flex-start;
    padding-block-start: 4rem;
  } */

  #keyframe-home-content {
    width: 70%;
  }

  #slider-wrap {
    padding: clamp(20px, 9vw, 100px);
  }

  .slider-item {
    grid-template-columns: 1fr;
  }

  .video-content {
    min-height: 350px;
  }

  .video-container {
    padding-bottom: 80%;
  }

  .video-container iframe {
    width: calc(100% + 50%);
    height: calc(100% + 50%);
  }

  #slider-wrap .slider-claim img {
    object-position: center;
  }

  .video-text {
    position: relative;
    top: inherit;
    left: inherit;
    transform: none;
    width: 100%;
    text-align: center;
  }

  .slider-controls {
    width: calc(100% + 65px);
  }

  #keyframe-formatos .flex-grid {
    display: flex;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    padding: 0 var(--pm-block-xy);
    gap: var(--pm-block-xy);
  }

  #keyframe-formatos .flex-grid .grid-item {
    width: 100%;
  }

  .box-fixed.slim #newsletterForm {
    max-width: 100%;
    grid-template-columns: 1fr;
  }

  .eslogan-box-fixed {
    font-size: 16px !important;
    text-align: center;
  }

  .box-fixed.slim #form-wrap-campos {
    grid-template-columns: 5fr 5fr 1fr;
  }

  .box-fixed.slim {
    padding: 10px 20px;
  }

  #keyframe-footer {
    margin-top: 0;
  }

  #popup-content {
    padding: 10px var(--pm-block-xy) 45px !important;
  }

  #keyframe-datos-mobile {
    display: block;
    z-index: 99999;
    height: 100px;
  }

  #keyframe-datos {
    display: none;
  }

  .keyframe-datos-item-texto {
    padding: 0 clamp(10px, 3vw, 80px);
  }

  .keyframe-datos-item-texto span {
    font-size: 18px;
  }

  .keyframe-datos-item-texto span.big {
    font-size: 42px;
  }

  .keyframe-datos-item-texto span+span.big {
    margin-top: -0.1em;
  }

  #keyframe-experiencias-grid {
    gap: 4em;
    width: 80%;
  }

  .keyframe-experiencias-grid-item {
    flex-basis: 100%;
  }

  .accordion-container .panel .heading {
    display: inherit;
  }

  .accordion-container .panel .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  #content-filtros {
    display: block;
    padding: 0;
    width: 80%;
    margin-bottom: 2rem;
  }

  .check-buttons label {
    display: inline-block;
    background-color: transparent;
    color: var(--oro);
    margin: 0;
    transition: all 0.2s;
    padding: 1em 0;
    font-size: var(--text-general);
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid var(--oro);
  }

  .check-buttons label:hover {
    display: inline-block;
    color: var(--oro);
    background: transparent;
  }

  .check-buttons input[type="checkbox"]:checked+label {
    background: transparent;
    color: var(--oro);
    font-weight: 700;
  }

  .check-buttons #keyframe-experiencias-nav-item-precio input[type="checkbox"]:checked+label {
    color: var(--gris-oscuro);
    padding-left: 1em;
  }

  .intervalo-precios-campos>label {
    background: var(--gris-claro);
    padding: 0;
    border: 0;
  }

  #keyframe-experiencias .keyframe-entradilla .espacio {
    height: 1em;
    display: block;
  }

  #keyframe-experiencias-nav-item-precio:hover label {
    color: var(--blanco);
  }

  #keyframe-datos {
    height: 175px !important;
  }

  #keyframe-experiencias .keyframe-entradilla {
    font-size: 20px;
    padding: 0 3rem;
  }

  #keyframe-presentacion .texto-general {
    padding: var(--pm-block-xy);
    width: 100%;
  }

  #slider-wrap .form-actions {
    margin-top: 1em;
    width: 100%;
  }

  #keyframe-slider-2 .form-actions {
    text-align: center;
  }

  #keyframe-slider-2 .form-actions .btn,
  #slider-wrap .form-actions .btn {
    width: 100%;
  }

  .slider-bullets {
    margin-top: 1.2em;
  }

  .accordion-container .panel .heading {
    display: inherit;
    width: 80%;
  }

  #reloj {
    gap: 1.2em;
  }

  .reloj-item {
    padding-right: 1.2em;
  }

  #rrss ul li a {
    width: 30px;
    height: 30px;
    font-size: 0;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  #rrss ul li a.instagram {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.8 19.8'%3E%3Cpath d='M19.7,5.8c0-1.1-.2-1.8-.5-2.4-.2-.7-.6-1.2-1.1-1.8-.5-.5-1.1-.9-1.8-1.1-.6-.2-1.3-.4-2.4-.5-1.1,0-1.4,0-4.1,0s-3,0-4.1,0c-1.1,0-1.8.2-2.4.5-.7.3-1.2.6-1.8,1.1-.6.5-.9,1.1-1.1,1.8-.2.6-.4,1.3-.5,2.4,0,1.1,0,1.4,0,4.1s0,3,0,4.1c0,1.1.2,1.8.5,2.4.3.7.6,1.2,1.1,1.8.5.5,1.1.9,1.8,1.1.6.2,1.3.4,2.4.5,1.1,0,1.4,0,4.1,0s3,0,4.1,0c1.1,0,1.8-.2,2.4-.5.6-.3,1.2-.6,1.8-1.1s.9-1.1,1.1-1.8c.2-.6.4-1.3.5-2.4,0-1.1,0-1.4,0-4.1s0-3,0-4.1ZM17.9,13.9c0,1-.2,1.5-.3,1.8-.2.5-.4.8-.7,1.1s-.7.6-1.1.7c-.3.1-.9.3-1.8.3-1,0-1.4,0-4,0s-3,0-4,0c-1,0-1.5-.2-1.8-.3-.5-.2-.8-.4-1.1-.7-.3-.3-.6-.7-.7-1.1-.1-.3-.3-.9-.3-1.8,0-1,0-1.4,0-4s0-3,0-4c0-1,.2-1.5.3-1.8.2-.5.4-.8.7-1.1s.7-.6,1.1-.7c.3-.1.9-.3,1.8-.3,1,0,1.4,0,4,0s3,0,4,0c1,0,1.5.2,1.8.3.5.2.8.4,1.1.7s.6.7.7,1.1c.1.3.3.9.3,1.8,0,1,0,1.4,0,4s0,3,0,4Z' style='fill: %23b4a269;'/%3E%3Cpath d='M9.9,4.8c-2.8,0-5.1,2.3-5.1,5.1s2.3,5.1,5.1,5.1,5.1-2.3,5.1-5.1-2.3-5.1-5.1-5.1ZM9.9,13.2c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3,3.3,1.5,3.3,3.3-1.5,3.3-3.3,3.3Z' style='fill: %23b4a269;'/%3E%3Ccircle cx='15.2' cy='4.6' r='1.2' style='fill: %23b4a269;'/%3E%3C/svg%3E");
  }

  #rrss ul li a.tiktok {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.2 19.8'%3E%3Cpath d='M12.7,0h-3.4v13.5c0,1.6-1.3,2.9-2.9,2.9s-2.9-1.3-2.9-2.9,1.3-2.9,2.8-2.9v-3.4c-3.5,0-6.2,2.8-6.2,6.3s2.8,6.3,6.4,6.3,6.4-2.8,6.4-6.3v-6.9c1.3.9,2.8,1.5,4.5,1.5v-3.4c-2.6,0-4.6-2.2-4.6-4.7Z' style='fill: %23b4a269;'/%3E%3C/svg%3E");
  }

  #rrss ul li a.linkedin {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.8 19.8'%3E%3Cpath d='M16.9,16.9h-2.9v-4.6c0-1.1,0-2.5-1.5-2.5s-1.8,1.2-1.8,2.4v4.7h-2.9V7.4h2.8v1.3h0c.4-.7,1.3-1.5,2.8-1.5,3,0,3.5,2,3.5,4.5v5.2ZM4.4,6.1c-.9,0-1.7-.8-1.7-1.7s.8-1.7,1.7-1.7,1.7.8,1.7,1.7-.8,1.7-1.7,1.7ZM5.9,16.9h-2.9V7.4h2.9v9.4ZM18.3,0H1.5C.7,0,0,.6,0,1.4v16.9c0,.8.7,1.4,1.5,1.4h16.9c.8,0,1.5-.6,1.5-1.4V1.4c0-.8-.7-1.4-1.5-1.4Z' style='fill: %23b4a269;'/%3E%3C/svg%3E");
  }

  #rrss ul li a.pinterest {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.8 19.8'%3E%3Cpath d='M9.9,0C4.4,0,0,4.4,0,9.9s2.6,7.8,6.3,9.2c0-.8-.2-2,0-2.8.2-.8,1.2-4.9,1.2-4.9,0,0-.3-.6-.3-1.5,0-1.4.8-2.4,1.8-2.4s1.3.6,1.3,1.4-.5,2.1-.8,3.3c-.2,1,.5,1.8,1.5,1.8,1.8,0,3.1-1.9,3.1-4.5s-1.7-4-4.1-4-4.5,2.1-4.5,4.3.3,1.8.7,2.3c0,0,0,.2,0,.3,0,.3-.2,1-.3,1.1,0,.2-.1.2-.3.1-1.2-.6-2-2.4-2-3.8,0-3.1,2.3-6,6.5-6s6.1,2.4,6.1,5.7-2.1,6.2-5.1,6.2-1.9-.5-2.3-1.1c0,0-.5,1.9-.6,2.4-.2.9-.8,1.9-1.2,2.6.9.3,1.9.4,2.9.4,5.5,0,9.9-4.4,9.9-9.9S15.4,0,9.9,0Z' style='fill: %23b4a269;'/%3E%3C/svg%3E");
  }

  #rrss ul li a.facebook {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.8 19.8'%3E%3Cpath d='M9.9,0C4.4,0,0,4.4,0,9.9s3.2,8.6,7.5,9.6v-6.6h-2v-3h2v-1.3c0-3.4,1.5-4.9,4.8-4.9s1.7.1,2.2.2v2.8c-.2,0-.6,0-1.1,0-1.6,0-2.2.6-2.2,2.2v1.1h3.2l-.6,3h-2.7v6.8c4.9-.6,8.7-4.8,8.7-9.9,0-5.5-4.4-9.9-9.9-9.9Z' style='fill: %23b4a269;'/%3E%3C/svg%3E");
  }

  #rrss ul li a.spotify {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.8 19.8'%3E%3Cpath d='M15.8,8.8c-3.2-1.9-8.5-2.1-11.5-1.1-.5.1-1-.1-1.2-.6-.1-.5.1-1,.6-1.2,3.5-1.1,9.3-.9,13,1.3.4.3.6.8.3,1.3-.3.4-.8.6-1.3.3h0ZM15.6,11.6c-.2.4-.7.5-1.1.3-2.7-1.6-6.7-2.1-9.9-1.2-.4.1-.8-.1-1-.5-.1-.4.1-.8.5-1,3.6-1.1,8.1-.6,11.1,1.3.4.2.5.7.3,1.1ZM14.4,14.3c-.2.3-.6.4-.8.2-2.3-1.4-5.2-1.7-8.7-1-.3,0-.7-.1-.7-.5,0-.3.1-.7.5-.7,3.8-.9,7-.5,9.6,1.1.3.2.4.6.2.8ZM9.9,0C4.4,0,0,4.4,0,9.9s4.4,9.9,9.9,9.9,9.9-4.4,9.9-9.9S15.4,0,9.9,0h0Z' style='fill: %23b4a269;'/%3E%3C/svg%3E");
  }

  .keyframe-datos-item-texto {
    padding: 0 clamp(10px, 3vw, 80px);
  }

  #rrss ul li::after {
    display: none;
  }

  #logo-footer {
    order: 1;
    width: 70%;
    margin: auto;
    overflow: hidden;
  }

  #logo-footer img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    object-position: center;
  }

  #center-list {
    order: 2;
    margin-top: 0;
  }

  #rrss {
    order: 3;
  }

  #menu-footer {
    order: 4;
    background: var(--gris-oscuro);
    padding-block-end: 100px;
  }

  #copyright {
    order: 5;
    background: var(--gris-oscuro);
  }

  #keyframe-slider-1 .slider-claim img {
    height: auto;
    width: 100%;
  }

  #center-list ul,
  #menu-prefooter,
  #footer-bottom {
    flex-direction: column;
    align-items: center;
  }

  #center-list ul li {
    padding: 0;
  }

  #center-list ul li::after {
    display: none;
  }

  #banner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2rem;
    min-height: 80vh;
    background: url("../images/backgrounds/banner-bg-mob.jpg") var(--crema) center / cover no-repeat;
    padding-inline: var(--pm-block);
  }

  .banner-content {
    text-align: center;
    width: 96%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 96%;
    padding-block-start: 1.5rem;
    text-align: center;
  }

  .banner-content p {
    font-size: calc(var(--text-general) * 1.4)
  }

  #form-inscripcion {
    grid-template-columns: 1fr;
    grid-gap: 1.2rem;
    padding-inline: var(--pm-block);
  }

  #form-inscripcion-texto {
    text-align: center;
  }

  #slider-bath {
    padding-inline: 10%;
  }

  #events-wrap {
    grid-template-columns: 1fr;
    height: initial;
    padding-inline: 10%;
  }

  #events-left {
    display: none;
  }

  #events-right {
    aspect-ratio: 1 / 1;
  }
}

@media (max-height: 768px) and (orientation: landscape) {
  #claim {
    width: auto;
    /* height: 90px; */
  }

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

  /* #keyframe-home-content {
    grid-gap: 15px;
  } */

  #keyframe-slider-1 .slick {
    max-width: 800px;
  }

  #keyframe-experiencias .keyframe-entradilla .espacio {
    height: 1em;
    display: block;
  }

  #keyframe-experiencias .keyframe-entradilla br {
    display: none;
  }
}

@media all and (max-width: 480px) {
  .video-content {
    min-height: 350px;
  }

  .slider-controls {
    top: 77%;
    transform: translate(-50%, -50%);
    width: calc(100% - 12px);
  }

  .video-container {
    padding-bottom: 100%;
  }

  .video-container iframe {
    width: calc(100% + 60%);
    height: calc(100% + 60%);
  }

  #keyframe-experiencias .keyframe-entradilla br {
    display: none;
  }

  #tag-fixed {
    position: absolute;
  }
}

/*Estilos para el nuevo modulo de Cookies de Cookiebot*/

#CybotCookiebotDialog {
  /*opacity: 0.95 !important;*/
  background: rgba(30, 30, 30, 0.9) !important;
}

#CybotCookiebotDialog * {
  font-size: 11px !important;
}

div#CybotCookiebotDialogHeader {
  display: none !important;
}

div#CookiebotWidget {
  display: none !important;
}

.CybotCookiebotDialogBodyButton:hover {
  opacity: 1 !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: inherit !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: var(--gris-claro) !important;
}

.CybotCookiebotDialogBodyLevelButtonSlider {
  top: 6px !important;
  height: 20px !important;
  width: 46px !important;
}

.CybotCookiebotDialogBodyLevelButtonSlider:hover {
  opacity: 1 !important;
  filter: brightness(50%);
}

.CybotCookiebotDialogBodyLevelButtonSlider:after {
  opacity: 1 !important;
  background-color: #c3a572 !important;
  filter: brightness(100%) !important;
}

.CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: #c3a572 !important;
  height: 14px !important;
  width: 14px !important;
  bottom: 3px !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper:hover input[type="checkbox"]:not(:disabled)+.CybotCookiebotDialogBodyLevelButtonSlider {
  opacity: 1 !important;
}

div#CybotCookiebotDialogBodyButtonsWrapper {
  flex: auto !important;
  flex-direction: row !important;
  flex-wrap: wrap-reverse !important;
}

div#CybotCookiebotDialogBodyButtonsWrapper>* {
  font-weight: normal !important;
}

button#CybotCookiebotDialogBodyButtonDecline {
  flex-basis: 35% !important;
  width: 35% !important;
  background-color: transparent !important;
  border: none !important;
  text-decoration: underline !important;
}

button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  flex-basis: 55% !important;
  width: 55% !important;
  background-color: transparent !important;
  border: none !important;
  text-decoration: underline !important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--gris-claro) fff !important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider {
  background: black !important;
}

#CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotDialogBodyBottomWrapper {
  border-top: 1px solid #333333 !important;
  padding-top: 1em !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  border: none !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {
  margin: 1.5em 2em 0.5em 0 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--gris-claro) fff !important;
}

#CybotCookiebotDialogNav:hover {
  color: var(--gris-claro) fff !important;
}

#CybotCookiebotDialogNav {
  color: var(--gris-claro) fff !important;
}

#CybotCookiebotDialogNavDetails {
  color: var(--gris-claro) fff !important;
}

#CybotCookiebotDialogNavDetails:hover {
  color: var(--gris-claro) fff !important;
}

#CybotCookiebotDialogNavAbout {
  color: var(--gris-claro) fff !important;
}

#CybotCookiebotDialogNavAbout:hover {
  color: var(--gris-claro) fff !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: var(--gris-claro) fff !important;
}

@media screen and (min-width: 320px) {
  div#CybotCookiebotDialogBody>div.CybotCookiebotScrollContainer {
    width: 100% !important;
  }

  div#CybotCookiebotDialogFooter {
    position: relative !important;
    width: 100% !important;
  }
}

@media screen and (min-width: 601px) {

  #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type),
  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
    margin-bottom: 0;
    width: 100% !important;
  }

  #CybotCookiebotDialogPoweredByText {
    display: none !important;
  }

  #CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogFooter {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  #CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotScrollContainer {
    width: calc(100% - 286px - 1.5em) !important;
  }
}

@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge {
    min-width: 75vw !important;
    max-width: 0 !important;
  }

  #CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogFooter {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  #CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotScrollContainer {
    width: calc(100% - 286px - 1.5em) !important;
  }
}

/*FIN - Estilos para el nuevo modulo de Cookies de Cookiebot*/