/**
 * 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 {
  --section-title: clamp(24px, 3vw, 32px);
  --block-title: clamp(34px, 4vw, 52px);
  --subtitle: clamp(22px, 2vw, 26px);
  --text-general-small: clamp(14px, 1.8vw, 16px);
  --text-general: clamp(16px, 2vw, 18px);
}

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

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

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

:root {
  --base-fondo: #d2ccbe;
  --oro-light: #c2a471;
  --oro: #9c925f;
  --negro: #1b1b1b;
  --amarillo: #f7f34a;
  --verde: #2de56b;
}

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

:root {
  --pm-block: clamp(20px, 9vw, 120px);
  --pm-block-blend: clamp(15px, 5vw, 50px);
}

/* Base width
***********************/

:root {
  --width-base: 90%;
  --width-reduced: 960px;
  --width-medium: 1520px;
  --width-limit: 1920px;
}

/* 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);
  color: var(--negro);
  background: white;
  font-size: var(--text-general);
  font-weight: 400;
  line-height: 1em;
}

h1,
h2,
h3 {
  font-weight: 100;
  font-family: var(--bebas);
  line-height: 1.3em;
}

h1 {
  font-size: clamp(32px, 3vw, 58px);
  color: var(--negro);
}

h2 {
  font-size: clamp(24px, 3vw, 32px);
  margin: 0;
}

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

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

a:hover {
  text-decoration: underline;
}

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

/* 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: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.section-header {
  text-align: center;
  padding: 0 3em;
  margin-bottom: 3em;
  position: relative;
  z-index: 9;
}

.section-header h2 {
  font-family: var(--larken);
  font-size: var(--section-title);
  font-weight: 100;
  text-align: center;
  line-height: 1.2em;
  letter-spacing: 0.06em;
  color: var(--negro);
  margin-bottom: 15px;
  text-transform: uppercase;
}

.section-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.grid-two-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 95vh;
}

.grid-two-columns .grid-column {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.grid-column-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
  max-width: 600px;
}

.grid-column-content-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 1.2rem;
  text-align: center;
}

.grid-column-content-header h2 {
  color: var(--oro);
  font-family: var(--larken);
  font-size: var(--block-title);
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 0.1em;
  line-height: 1.03em;
}

.grid-column-content-text {
  text-align: center;
  padding: 2rem 0;
}

.grid-column-content-text p {
  font-family: var(--lato);
  font-weight: 300;
  margin-bottom: 1rem;
}

.grid-column-content-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

@media all and (max-width: 780px) {
  .social-icon {
    background-size: contain;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
  }

  .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 733.33 733.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill-rule: evenodd; %7D .cls-1, .cls-2 %7B fill: %23c2a471; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M366.67,566.67c110.46,0,200-89.54,200-200s-89.54-200-200-200-200,89.54-200,200,89.54,200,200,200ZM366.67,500c73.64,0,133.33-59.7,133.33-133.33s-59.7-133.33-133.33-133.33-133.33,59.7-133.33,133.33,59.7,133.33,133.33,133.33Z'/%3E%3Cpath class='cls-2' d='M566.67,133.33c-18.41,0-33.33,14.92-33.33,33.33s14.92,33.33,33.33,33.33,33.33-14.92,33.33-33.33-14.92-33.33-33.33-33.33Z'/%3E%3Cpath class='cls-1' d='M21.8,109.2C0,151.98,0,207.99,0,320v93.33c0,112.01,0,168.02,21.8,210.8,19.17,37.63,49.77,68.23,87.4,87.4,42.78,21.8,98.79,21.8,210.8,21.8h93.33c112.01,0,168.02,0,210.8-21.8,37.63-19.17,68.23-49.77,87.4-87.4,21.8-42.78,21.8-98.79,21.8-210.8v-93.33c0-112.01,0-168.02-21.8-210.8-19.17-37.63-49.77-68.23-87.4-87.4C581.35,0,525.34,0,413.33,0h-93.33c-112.01,0-168.02,0-210.8,21.8-37.63,19.17-68.23,49.77-87.4,87.4ZM413.33,66.67h-93.33c-57.11,0-95.93.05-125.93,2.5-29.23,2.39-44.17,6.72-54.6,12.03-25.09,12.78-45.49,33.18-58.27,58.27-5.31,10.43-9.64,25.37-12.03,54.6-2.45,30.01-2.5,68.83-2.5,125.93v93.33c0,57.11.05,95.92,2.5,125.93,2.39,29.23,6.72,44.18,12.03,54.6,12.78,25.09,33.18,45.48,58.27,58.27,10.43,5.31,25.37,9.64,54.6,12.03,30.01,2.45,68.83,2.5,125.93,2.5h93.33c57.11,0,95.92-.05,125.93-2.5,29.23-2.39,44.18-6.72,54.6-12.03,25.09-12.78,45.48-33.18,58.27-58.27,5.31-10.43,9.64-25.37,12.03-54.6,2.45-30.01,2.5-68.82,2.5-125.93v-93.33c0-57.11-.05-95.93-2.5-125.93-2.39-29.23-6.72-44.17-12.03-54.6-12.78-25.09-33.18-45.49-58.27-58.27-10.43-5.31-25.37-9.64-54.6-12.03-30.01-2.45-68.82-2.5-125.93-2.5Z'/%3E%3C/svg%3E");
  }

  .tiktok {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23c2a471' viewBox='0 0 32.00 32.00' version='1.1' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)' stroke='%23c2a471' stroke-width='0.00032'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.192'%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,%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 533.35 533.38'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23c2a471; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M490.67.05H45.67c-5.74-.27-11.47.6-16.87,2.55-5.4,1.95-10.36,4.95-14.61,8.82-4.24,3.87-7.68,8.54-10.11,13.74C1.64,30.35.26,35.98,0,41.71v446c.34,12,5.26,23.43,13.75,31.92,8.49,8.49,19.91,13.41,31.92,13.75h445c11.67-.52,22.67-5.59,30.65-14.13s12.29-19.86,12.02-31.54V41.71c.1-5.58-.95-11.13-3.07-16.29-2.12-5.16-5.28-9.84-9.28-13.74-3.99-3.9-8.74-6.95-13.96-8.95-5.21-2-10.78-2.91-16.36-2.69ZM166.67,444.72h-77.67v-237.67h77.67v237.67ZM129.67,171.05c-5.42.19-10.82-.74-15.86-2.74-5.04-2-9.62-5.02-13.43-8.87-3.82-3.85-6.8-8.45-8.76-13.51-1.96-5.06-2.85-10.47-2.61-15.88-.24-5.48.67-10.94,2.66-16.05,2-5.11,5.04-9.74,8.93-13.6,3.89-3.86,8.55-6.87,13.67-8.82,5.12-1.96,10.59-2.82,16.07-2.53,5.42-.19,10.82.74,15.86,2.74,5.04,2,9.62,5.02,13.43,8.87,3.82,3.85,6.8,8.45,8.76,13.51,1.96,5.06,2.85,10.47,2.61,15.88.24,5.48-.67,10.94-2.67,16.05-2,5.11-5.04,9.74-8.93,13.6-3.89,3.86-8.55,6.86-13.67,8.82-5.12,1.96-10.59,2.82-16.07,2.53ZM444.67,444.72h-78v-130c0-31-11-52.33-38.67-52.33-8.59.07-16.96,2.8-23.94,7.82-6.98,5.01-12.24,12.06-15.06,20.18-2.17,6.09-3.07,12.55-2.67,19v135.33h-76.67v-237.67h76.67v33.33c6.82-12.52,16.96-22.92,29.31-30.04,12.35-7.12,26.43-10.68,40.69-10.3,50.33,0,88.33,33.33,88.33,104.33v140.33Z'/%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='%23c2a471'%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='%23c2a471'%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");
  }

  .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='%23c2a471'%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='%23c2a471'%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");
  }

  .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='%23c2a471'%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='%23c2a471'%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");
  }
}

/* Idiomas
***********************/

#language {
  position: relative;
  color: var(--oro);
}

#language-hidden {
  opacity: 0;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  transition: all 0.2s;
  border: 1px solid var(--oro);
  background: var(--negro);
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
}

#language-hidden a {
  color: var(--oro);
}

#language-hidden a:hover {
  color: var(--oro-light);
  text-decoration: none;
}

#language:hover #language-hidden {
  opacity: 1;
  pointer-events: all;
  z-index: 9 !important;
  top: 25px;
}

.language-active {
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  padding: 0.2em;
  line-height: 1em;
  gap: 0.3rem;
}

.language-active::after {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../images/arrow-up.svg") transparent center / contain no-repeat;
  transform: rotate(0);
  transition: all 0.2s;
}

#language:hover .language-active::after {
  transform: rotate(180deg);
}

#language-responsive {
  border-top: var(--border-intense);
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  gap: 2em;
}

/* Splide
***********************/

.splide__arrow {
  background: transparent !important;
}

.splide__arrow--prev {
  left: 2% !important;
}

.splide__arrow--next {
  right: 2% !important;
}

.splide__arrow svg {
  fill: var(--oro-light) !important;
  height: 1.8em;
  width: 1.8em;
}

.splide__pagination {
  bottom: -3rem !important;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.splide__pagination__page {
  margin: 0 !important;
  opacity: 1;
  background: white !important;
  border: 1px solid var(--oro-light) !important;
}

.splide__pagination__page.is-active {
  transform: none !important;
  background: var(--oro-light) !important;
}

/* Video
***********************/

.bg-video-wrap {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url("../images/img/bg-home.png") transparent center bottom / cover no-repeat;
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  opacity: 0.4;
}

/* Form - Checkbox
***********************/

.check-list-item input[type="radio"],
.check-list-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.check-list-item {
  display: block;
  width: 100%;
  position: relative;
  transition: all 0.2s;
  border-bottom: 1px solid var(--oro);
  background-position: 2px 22px;
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-color: transparent;
}

ul.ks-cboxtags div {
  border-bottom: 1px solid var(--oro);
}

.check-list-item:last-child {
  border-bottom: 0;
}

.check-list-item label {
  display: block;
  color: var(--oro);
  margin-bottom: 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: 25px 25px 25px 50px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: var(--text-general);
  /* text-overflow: ellipsis; */
  white-space: nowrap;
  overflow: hidden;
  width: calc(100vw - 30px);
}

.check-list-item input[type="radio"]:checked + label,
.check-list-item input[type="checkbox"]:checked + label {
  color: var(--negro);
}

.check-list-item label::before {
  display: inline-block;
  text-decoration: inherit;
  content: "";
  width: 22px;
  height: 22px;
  background: var(--oro);
  border-radius: 50%;
  border: 1px solid var(--oro);
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(calc(-50% - 2px));
  transition: all 0.2s;
}

.check-list-item label:hover::before {
  background: var(--oro);
  border-radius: 50%;
  border: 1px solid var(--negro);
}

.check-list-item input[type="radio"]:checked + label::before,
.check-list-item input[type="checkbox"]:checked + label::before {
  border-radius: 0;
  transform: translateY(calc(-50% - 4px)) rotate(45deg);
  border: 0;
  width: 8px;
  height: 18px;
  border-bottom: 1px solid var(--negro);
  border-right: 1px solid var(--negro);
  background: transparent;
  left: 24px;
}

.check-list-item label::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  z-index: 2;
  content: "";
  background: linear-gradient(90deg, rgba(3, 15, 42, 0) 0%, rgba(3, 15, 42, 1) 100%);
}

/* Form - Checkbox buttons
***********************/

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

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

.check-buttons label {
  display: inline-block;
  background-color: transparent;
  border: 1px solid var(--oro);
  color: var(--oro);
  text-transform: uppercase;
  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;
}

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

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

.check-buttons.check-buttons-blocks input[type="checkbox"]:checked + label,
.check-buttons.check-buttons-blocks input[type="radio"]:checked + label {
  background-color: var(--oro);
  border-color: var(--negro);
  color: inherit;
  transition: all 0.2s;
}

/* Enlaces, iconos y botones
***********************/

.btn {
  display: inline-block;
  color: var(--negro);
  background-color: var(--oro);
  border: 1px solid var(--oro);
  text-decoration: none;
  transition: all 0.2s;
  text-align: center;
  font-size: var(--text-general);
  font-family: var(--lato) !important;
  line-height: 38px;
  letter-spacing: 0.08rem;
  cursor: pointer;
  margin: 0;
  padding-right: 1.5em;
  padding-left: 1.5em;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0 !important;
  height: 40px;
  min-width: 145px;
  -webkit-appearance: none;
  width: auto;
  text-transform: uppercase;
}

.btn:hover {
  background-color: transparent;
  color: var(--oro);
  border-color: var(--oro);
  text-decoration: none !important;
}

.btn-line {
  background-color: transparent;
  color: var(--oro);
  border-color: var(--oro);
  text-decoration: none !important;
}

.btn-line:hover {
  background-color: var(--oro);
  color: var(--negro);
  text-decoration: none !important;
}

.icon-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}

.icon-text::before {
  content: "";
  display: inline-block;
  background-color: var(--oro-light);
  background-size: contain;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
}

.icon-time::before {
  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 23.6 23.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23c2a471; %7D .cls-2 %7B fill: %231b1b1b; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M11.8,0C5.29,0,0,5.29,0,11.8s5.29,11.8,11.8,11.8,11.8-5.29,11.8-11.8S18.31,0,11.8,0Z'/%3E%3Cpath class='cls-2' d='M12.6,12.93v-7.56c0-.44-.36-.8-.8-.8s-.8.36-.8.8v7.89c0,.1.02.21.06.31.04.1.1.19.17.26l3.52,3.52c.16.16.36.23.57.23s.41-.08.57-.23c.31-.31.31-.82,0-1.13l-3.28-3.28Z'/%3E%3C/svg%3E");
}

.icon-svg:hover circle {
  stroke: #fff;
}

.icon-scroll {
  width: 30px;
  height: 50px;
  box-shadow: inset 0 0 0 2px var(--oro);
  border-radius: 25px;
  position: absolute;
  left: 50%;
  bottom: 100px;
  z-index: 9;
  transform: translateX(-50%);
  display: none;
}

.icon-scroll:before {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  width: 5px;
  height: 5px;
  background: var(--oro);
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 25px);
  }
}

@keyframes scroll {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 25px);
  }
}

/* Header
***********************/

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: var(--negro);
  z-index: 999;
  padding: 0 var(--pm-block-blend);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#logo {
  height: 1.3rem;
}

#logo img {
  width: auto;
  height: 100%;
  margin: auto;
}

/* Home
***********************/

#home {
  margin-top: 60px;
  height: calc(100vh - 60px);
  height: calc(100dvh - 60px);
  background: var(--base-fondo);
}

#home-background {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  height: 100%;
}

#home-background-solid {
  background: var(--base-fondo);
}

#home-content {
  position: absolute;
  inset: 60px 0 0 50%;
  width: 50%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

#pre-claim {
  color: var(--oro);
  font-family: var(--larken);
  font-size: calc(var(--text-general) + 1rem);
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 0.1em;
  line-height: 1em;
}

#claim-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  width: 90%;
  margin: 0 auto;
}

#claim {
  overflow: hidden;
  display: block;
  max-height: 200px;
  aspect-ratio: 1145 / 276;
}

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

.claim {
  overflow: hidden;
  display: block;
  max-height: 200px;
  max-width: 600px;
  aspect-ratio: 1145 / 276;
}

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

.claim-linea-1 {
  opacity: 0;
  animation: fadeIn 2s forwards;
  margin-left: 3ch;
}

.claim-linea-2 {
  display: inline-block;
  opacity: 0;
  animation: fadeIn 6s forwards;
  margin-left: 5ch;
}

.claim-changing {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  text-transform: none;
}

/* placeholder invisible para ancho */
.claim-changing .placeholder {
  visibility: hidden;
  display: inline-block;
}

/* claim-changing-items animados */
.claim-changing .claim-changing-item {
  position: absolute;
  top: -0.2ch;
  left: 0;
  white-space: nowrap;
  opacity: 0;
}

/* ciclo total = 15s (5 palabras × 3s) */

.claim-changing .claim-changing-item:nth-child(2) {
  animation: word1 15s infinite;
}

.claim-changing .claim-changing-item:nth-child(3) {
  animation: word2 15s infinite;
}

.claim-changing .claim-changing-item:nth-child(4) {
  animation: word3 15s infinite;
}

.claim-changing .claim-changing-item:nth-child(5) {
  animation: word4 15s infinite;
}

.claim-changing .claim-changing-item:nth-child(6) {
  animation: word5 15s infinite;
}

.cursiva {
  font-style: italic;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Cada palabra ocupa un tramo de 20% del ciclo (3s) */
@keyframes word1 {
  0% {
    opacity: 0;
    transform: scale(105%);
  }

  3% {
    opacity: 1;
    transform: translateX(0);
  }

  17% {
    opacity: 1;
    transform: translateX(0);
  }

  20% {
    opacity: 0;
    transform: scale(105%);
  }

  100% {
    opacity: 0;
  }
}

@keyframes word2 {
  20% {
    opacity: 0;
    transform: scale(105%);
  }

  23% {
    opacity: 1;
    transform: translateX(0);
  }

  37% {
    opacity: 1;
    transform: translateX(0);
  }

  40% {
    opacity: 0;
    transform: scale(105%);
  }

  100% {
    opacity: 0;
  }
}

@keyframes word3 {
  40% {
    opacity: 0;
    transform: scale(105%);
  }

  43% {
    opacity: 1;
    transform: translateX(0);
  }

  57% {
    opacity: 1;
    transform: translateX(0);
  }

  60% {
    opacity: 0;
    transform: scale(105%);
  }

  100% {
    opacity: 0;
  }
}

@keyframes word4 {
  60% {
    opacity: 0;
    transform: scale(105%);
  }

  63% {
    opacity: 1;
    transform: translateX(0);
  }

  77% {
    opacity: 1;
    transform: translateX(0);
  }

  80% {
    opacity: 0;
    transform: scale(105%);
  }

  100% {
    opacity: 0;
  }
}

@keyframes word5 {
  80% {
    opacity: 0;
    transform: scale(105%);
  }

  83% {
    opacity: 1;
    transform: translateX(0);
  }

  97% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: scale(105%);
  }
}

.cursiva {
  font-style: italic;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* fade out de la primera palabra cuando entra la segunda */
@keyframes fadeOut {
  0%,
  29% {
    opacity: 1;
    transform: translateX(0);
  }

  30%,
  100% {
    opacity: 0;
    transform: translateX(-50px);
  }
}

/* entrada/salida de las demás palabras */
@keyframes nextWords {
  0% {
    opacity: 0;
    transform: translateX(0);
  }

  10% {
    opacity: 1;
    transform: translateX(0);
  }

  30% {
    opacity: 1;
    transform: translateX(0);
  }

  40% {
    opacity: 0;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(0);
  }
}

#home-content-text {
  padding: 0 var(--pm-block);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  max-width: 800px;
}

#home-content-text p {
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.1em;
  color: var(--oro);
  font-weight: 300;
}

#home-content-text p span {
  display: block;
  font-weight: 700;
}

#home-content-text-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

#home-content-text .btn {
  max-width: max-content;
}

/* Keyframe 1
***********************/

#keyframe-1 {
  background: var(--negro);
  scroll-margin-top: 64px;
}

#keyframe-1 .grid-column-content-header h2 {
  color: var(--oro);
  font-family: var(--larken);
  font-size: var(--block-title);
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 0.1em;
}

#keyframe-1 .grid-column-content-header p {
  color: var(--oro);
  font-family: var(--lato);
  text-transform: uppercase;
  font-weight: 300;
}

#keyframe-1 .grid-column-content-header p.postitulo {
  font-weight: 500;
}

#keyframe-1 .grid-column-content-text {
  border-top: 1px solid var(--oro-light);
  border-bottom: 1px solid var(--oro-light);
  padding: 1.5rem 0;
  width: 101%;
  margin: auto;
  text-align: left;
}

#keyframe-1 .grid-column-content-text p,
#keyframe-1 .grid-column-content-text li {
  font-weight: 300;
  color: var(--base-fondo);
}

#keyframe-1 .grid-column-content-text p {
  margin-bottom: 1rem;
}

#keyframe-1 .grid-column-content-text ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

#keyframe-1 .grid-column-content-text li {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5em;
  line-height: 1.4em;
}

#keyframe-1 .grid-column-content-text li::before {
  content: "";
  width: 2px;
  height: 2px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--base-fondo);
  margin-top: 0.7rem;
}

#keyframe-1 .grid-column-content-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 2rem 0;
  color: var(--oro-light);
  width: 100%;
  margin: auto;
}

.experiencia-duracion {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}

.experiencia-duracion p {
  font-size: var(--text-general-small);
  font-weight: 300;
}

.experiencia-duracion p.icon-text {
  font-size: var(--text-general);
}

.keyframe-content-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}

.experiencia-precio {
  font-size: var(--subtitle);
  font-family: var(--larken);
  font-weight: 300;
}

.mejora {
  flex: 100%;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

/* Destacados
***********************/

#features {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--pm-block-blend);
  color: var(--oro);
  font-weight: 700;
  text-transform: uppercase;
}

#features div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-left: 1rem;
}

#features div::after {
  content: "";
  display: block;
  width: 2px;
  height: 1rem;
  background: var(--oro);
  opacity: 0.5;
}

#features div:first-child {
  padding-left: 0;
}

#features div:last-child::after {
  display: none;
}

/* Vimeo slider */

#slider-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;

  min-height: 95vh;
  padding: var(--pm-block);
  background: #d2ccbe;
}

.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(--negro);
}

.slider-claim {
  width: 100%;
  aspect-ratio: 690 / 200;
  display: block;
  margin-bottom: 2rem;
}

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

.video-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: var(--pm-block-xy) var(--pm-block-big);
  color: #1b1b1b;
  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;
  color: var(--oro-light);
}

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

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

.video-content h2 {
  text-align: center;
  font-size: clamp(24px, 2vw, 36px);
  font-family: var(--rufina);
  line-height: 1.2em;
  margin: 0 0 0.5em;
}

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

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

.custom-controls {
  position: absolute;
  bottom: 30px;
  right: 40px;
  /* display: flex; */
  display: none;
  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;
}

/* Keyframe 2
***********************/

#keyframe-2 {
  min-height: 95vh;
  /* padding-bottom: 5rem; */
  padding-top: var(--pm-block);
  padding-bottom: 9rem;
  background: #d2ccbe;
}

#splide-two-columns {
  width: 100%;
  min-height: 70vh;
}

.step,
.slide-content-text p {
  font-family: var(--lato);
  font-weight: 300;
  color: var(--oro-light);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.slide-content-text p {
  text-transform: none;
  letter-spacing: normal;
}

.slide-content-text h3 {
  color: white;
  font-family: var(--larken);
  font-size: var(--section-title);
  letter-spacing: 0.1em;
  font-weight: 100;
  text-transform: uppercase;
  margin: 1.5rem 0 1rem;
  line-height: 1.2em;
}

#keyframe-2 .section-footer {
  padding-top: 6rem;
}

#splide-two-columns-track {
  position: absolute;
  width: 90%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}

#splide-two-columns-list {
  width: 100%;
  height: 100%;
}

#splide-two-columns-list .splide__slide {
  min-width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  background: var(--negro);
}

.slide-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide-content-text {
  width: 70%;
  max-width: 700px;
  color: var(--oro);
  text-align: center;
}

/* Experiencias */

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

#keyframe-experiencias h2 {
  text-align: center;
  color: var(--oro);
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 1em;
}

#keyframe-experiencias .keyframe-entradilla {
  font-size: var(--text-general);
  text-align: center;
  color: var(--oro);
  line-height: 1.2em;
  padding: 0 1em;
  margin: auto;
  max-width: 960px;
}

#keyframe-experiencias .keyframe-entradilla strong {
  font-weight: 700 !important;
}

#keyframe-experiencias .keyframe-entradilla span {
  font-size: 20px;
  margin-top: 20px;
  display: inline-block;
}

/* #keyframe-experiencias .keyframe-entradilla .espacio {
	height: 15px;
	display: block;
} */

#keyframe-experiencias .keyframe-entradilla .sup {
  font-family: var(--ptserif);
  font-size: 0.7em;
  vertical-align: text-bottom;
}

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

.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 0 12px;
  flex-basis: 100%;
  color: var(--oro);
}

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

.keyframe-experiencias-grid-item-precio {
  font-family: var(--ptserif);
  font-size: calc(var(--text-general) + 0.4rem);
  font-weight: 400;
  flex-basis: 100%;
}

.keyframe-experiencias-grid-item-precio-antes {
  color: rgb(128, 128, 128);
  font-family: var(--ptserif);
  flex-basis: 100%;
}

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

.keyframe-experiencias-grid-item-actions .btn {
  display: block;
}

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

.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(--negro);
  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(--negro);
  background: #fff;
  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"] + label:hover {
  background: url(../images/iconos/arrow-down-white.svg) var(--oro) calc(100% - 1em) center / 20px auto no-repeat;
  color: white;
}

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

/* Accordion */

.accordion-container {
  height: auto;
  overflow: hidden;
}

.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") transparent 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(--negro);
  border: 2px solid var(--oro);
  color: #fff;
  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;
  font-weight: 300;
}

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

.b-description_readmore_button span {
  background: #ece9e4;
  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: 93.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(236, 233, 228, 0), rgb(236, 233, 228) 50%);
  color: rgba(194, 164, 113, 0.4);
  font-size: 20px;
  text-align: right;
}

/* Keyframe 3
***********************/

#keyframe-3 {
  background: #edeae5;
}

#keyframe-3 .grid-column-content-header {
  height: 200px;
  overflow: hidden;
}

#keyframe-3 .grid-column-content-header img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

#keyframe-3 .grid-column {
  background: var(--negro);
}

#keyframe-3 .grid-column-content-text p {
  color: var(--oro);
}

/* Keyframe 4
***********************/

#keyframe-4 .grid-column-content-header {
  height: 150px;
  overflow: hidden;
}

#keyframe-4 .grid-column-content-header img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

/* Preffoter
***********************/

#logo-footer {
  padding-top: calc(var(--pm-block-blend) + 1rem);
  display: flex;
  justify-content: center;
  background: #edeae5;
}

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

#rrss,
#center-list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem var(--pm-block-blend) 0;
  background: #edeae5;
}

#center-list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--pm-block-blend) var(--pm-block-blend) var(--pm-block);
}

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

#rrss ul li,
#center-list ul li {
  padding: 0 1rem 0 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) + 0.5rem);
}

#rrss ul li::after {
  content: "";
  display: block;
  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: var(--oro);
  opacity: 0.4;
}

#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,
#center-list ul li a {
  text-transform: uppercase;
  font-weight: 300;
  color: var(--oro);
}

#center-list ul li a {
  font-weight: 100;
  color: var(--oro);
  opacity: 0.4;
}

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

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

#menu-footer {
  padding: 2rem var(--pm-block-blend) 0;
}

#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-light);
}

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

#copyright {
  padding: 1rem var(--pm-block-blend) 2rem;
}

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

/* Footer
***********************/

@media all and (max-width: 1370px) {
  #home-content-text p {
    font-size: var(--text-general-small);
    line-height: 1.3em;
  }
}

@media all and (max-width: 1024px) {
  #pre-claim {
    font-size: var(--text-general);
  }
}

@media all and (max-height: 720px) {
  .claim {
    max-height: 120px;
  }
  #claim-wrap {
    gap: 1rem;
  }
}

@media all and (max-width: 780px) {
  #logo {
    height: 1.1rem;
  }

  #home {
    height: auto;
  }

  #home-content {
    position: relative;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    inset: inherit;
    width: 100%;
    height: calc(100vh - 60px);
    justify-content: space-between;
  }

  #home-background {
    display: block;
    position: absolute;
    height: calc(100vh - 60px);
    top: 60px;
  }

  #claim-wrap {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding-top: 3rem;
  }

  #pre-claim {
    font-size: var(--text-general-small);
  }

  #claim {
    height: calc(100vh - 60px);
    padding-top: 100px;
    align-items: start;
  }

  #claim img {
    width: 80%;
    height: auto;
  }

  #home-content-text {
    padding: var(--pm-block) var(--pm-block) calc(var(--pm-block) + 2rem);
    text-align: center;
    align-items: center;
    gap: 1rem;
    background: url(../images/content/bg-home-2.jpg) transparent center / cover no-repeat;
  }

  #home-content-text-actions {
    margin-top: 1rem;
  }

  #home-background .image-bg {
    height: 60vh;
  }

  #home-background .image-bg:last-child,
  #home-background-solid,
  #home-content-space {
    display: none;
  }

  .section-header {
    padding: 0;
    margin: 1rem 0;
  }

  .icon-scroll {
    display: block;
  }

  .grid-two-columns {
    grid-template-columns: 1fr;
    height: auto;
  }

  #keyframe-1 .grid-column-content-text {
    width: 100%;
  }

  #keyframe-1 .grid-column-content-footer {
    align-items: flex-start;
    width: 100%;
  }

  .experiencia-duracion {
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start;
    flex-direction: column;
  }

  .experiencia-precio {
    margin-top: 0.5rem;
  }

  #keyframe-1 .keyframe-column-right {
    aspect-ratio: 1/1;
  }

  .grid-column-content {
    padding: var(--pm-block) 0;
  }

  #keyframe-3 .keyframe-column-right .grid-column-content-header {
    padding-bottom: 0;
  }

  #features,
  #features div {
    flex-direction: column;
    align-items: stretch;
  }

  #features {
    padding: calc(var(--pm-block) + 1rem) var(--pm-block-blend);
  }

  #features div {
    padding: 0 0.5rem 1rem;
    text-align: center;
  }

  #features div::after {
    width: 100%;
    height: 2px;
  }

  #splide-two-columns {
    min-height: auto;
  }

  #splide-two-columns-track {
    position: relative;
    width: 85%;
  }

  #splide-two-columns-list .splide__slide {
    grid-template-columns: 1fr;
  }

  .slide-content {
    min-height: 40vh;
  }

  .slide-image {
    min-height: 40vh;
  }

  .slide-content-text {
    width: 80%;
    padding: var(--pm-block) 0;
  }

  .splide__arrow--prev {
    left: 0.9% !important;
  }

  .splide__arrow--next {
    right: 0.9% !important;
  }

  #keyframe-3 .keyframe-column-left {
    order: 1;
    aspect-ratio: 1/1;
  }

  #keyframe-3 .keyframe-column-right {
    order: 2;
  }

  #keyframe-4 .keyframe-column-left {
    aspect-ratio: 1/1;
  }

  footer {
    display: flex;
    flex-direction: column;
  }

  #logo-footer {
    order: 1;
  }

  #rrss {
    order: 3;
    padding: 0 var(--pm-block-blend) 2rem;
  }

  #rrss ul {
    gap: 1rem 1.5rem;
  }

  #rrss ul li {
    padding: 0;
  }

  #rrss ul li a {
    font-size: 0;
    width: 30px;
    height: 30px;
  }

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

  #center-list {
    order: 2;
    padding: calc(var(--pm-block) + 2rem) var(--pm-block-blend);
  }

  #center-list ul li::after,
  #center-list ul li a {
    color: var(--oro);
    opacity: 0.5;
  }

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

  #menu-footer {
    order: 4;
    padding: 2rem var(--pm-block-blend);
    background: #edeae5;
  }

  #menu-footer ul {
    flex-direction: column;
    align-items: center;
  }

  #copyright {
    order: 5;
    background: #edeae5;
  }

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

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

  .check-buttons label {
    display: inline-block;
    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;
    background: transparent;
  }

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

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

  .intervalo-precios-campos > label {
    background: #fff;
    padding: 0;
    border: 0;
  }

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

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

  #keyframe-experiencias .keyframe-entradilla {
    font-size: 20px;
  }

  .accordion-container {
    margin-bottom: 2rem;
  }

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

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

  .video-content {
    min-height: 350px;
    padding: 0 2rem;
  }

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

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

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

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

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