@charset "UTF-8";
@font-face {
  font-family: "Futura PT Book";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("/DigitUp/SchweppesPT/assets/fonts/FuturaPT-Book.woff2") format("woff2"), url("/DigitUp/SchweppesPT/assets/fonts/FuturaPT-Book.woff") format("woff");
}
@font-face {
  font-family: "Festivo";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/DigitUp/SchweppesPT/assets/fonts/FestivoLC-Basic.woff2") format("woff2"), url("/DigitUp/SchweppesPT/assets/fonts/FestivoLC-Basic.woff") format("woff");
}
@font-face {
  font-family: "Festivo Fallback arial";
  src: local(Arial Narrow);
  size-adjust: 100%;
  ascent-override: 88%;
  descent-override: 28%;
  line-gap-override: normal;
}
@font-face {
  font-family: "Festivo Fallback roboto";
  src: local(Roboto);
  size-adjust: 89%;
  ascent-override: 95%;
  descent-override: 40%;
  line-gap-override: normal;
}
@font-face {
  font-family: "Dashiell";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(""), url("/DigitUp/SchweppesPT/assets/fonts/DashiellFine-Demi.woff2") format("woff2"), url("/DigitUp/SchweppesPT/assets/fonts/DashiellFine-Demi.woff") format("woff");
}
:root {
  --white: #ffffff;
  --black: #232020;
  --black2: #1d1413;
  --black3: #1d1214;
  --rojo: #e1011f;
  --amarillo: #ffd304;
  --amarillo2: #ecc402;
  --amarillo3: #fbefae;
  --gris-oscuro: #231f1f;
  --azul: rgba(33, 150, 243, 0.5);
  --red-300: #ee0000;
  --red-400: #cb0404;
  --blue-100: #eff6f9;
  --blue-300: #36b7c0;
  --primary-color: var(--red-300);
  --primary-darken-color: var(--red-400);
  --secondary-color: var(--black);
  --tertiary-color: var(--gray-300);
  --c-error: hsl(6, 70%, 55%);
  --c-success: hsl(126, 60%, 50%);
  --wrapper-max-width: 90rem;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: var(--amarillo);
}

::-webkit-scrollbar-thumb:hover {
  background: #ff0000;
}

body * {
  -webkit-tap-highlight-color: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

#smooth-wrapper {
  overflow: hidden !important;
}

body {
  min-height: 100vh;
  margin: 0;
  text-align: left;
  color: #ffffff;
  background-color: #ffffff;
  font-family: "Montserrat", sans-serif;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  white-space: normal;
}

:focus {
  outline: none !important;
}

.anim {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.25s linear;
}

.anim-long {
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -ms-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.75s linear;
}

.w100 {
  width: 100%;
}

.h100 {
  min-height: 100vh;
}

.bg-white {
  background-color: #ffffff;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative !important;
}

.full {
  width: 100vw;
  height: 100vh;
}

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

.div-center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.boton {
  position: relative;
  cursor: pointer;
}

.xxxxxxxxxxxx.over,
.xxxxxxxxxx.touched {
  background-color: #f0f8ff;
}

.center {
  text-align: center;
  color: #ffffff;
}

.centered {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.centeredX {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.highlight-container:hover .img {
  transform: scale(1.1);
}

.c {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 110px;
  box-sizing: border-box;
  margin: 0 auto;
}

.c2 {
  display: flex;
  flex-direction: row;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.c2.col {
  flex-direction: column;
}

.c2 .el {
  box-sizing: border-box;
  margin: 10px;
  width: 50%;
}

.c2.col .el {
  width: 100%;
  margin: 0px;
}

.c2 .el .img {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 10px;
}

.c3 {
  align-items: flex-start;
  margin-bottom: 30px !important;
}

.grfx,
.txt {
  opacity: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-1-5 {
  margin-top: 1.5rem !important;
}

.mt-2-5 {
  margin-top: 2.5rem !important;
}

.mt-3-5 {
  margin-top: 3.5rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pt-1-5 {
  padding-top: 1.5rem !important;
}

.pt-2-5 {
  padding-top: 2.5rem !important;
}

.pt-3-5 {
  padding-top: 3.5rem !important;
}

.flex {
  display: flex !important;
  flex-flow: row;
}

.flexrow {
  display: flex !important;
  flex-direction: row;
}

.flexcol {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}

.flexrow.reverse {
  flex-direction: row-reverse;
}

.f-jc-center {
  justify-content: center;
}

.f-jc-sb {
  justify-content: space-between;
}

.f-jc-sa {
  justify-content: space-around;
}

.f-ai-stretch {
  align-items: stretch;
}

.f-ai-center {
  align-items: center;
}

.f-center {
  align-items: center;
  justify-content: center;
  align-content: center;
  justify-items: center;
}

.f-center-h {
  justify-content: center;
  justify-items: center;
}

.f-center-v {
  align-items: center;
  align-content: center;
}

.f-wrap {
  flex-wrap: wrap;
}

.no_overflow,
.no-overflow {
  overflow: hidden !important;
}

.overflow {
  overflow: visible !important;
}

.no-margin {
  margin: 0px !important;
}

.no-padding {
  padding: 0px !important;
}

.nopointers,
.no-pointers {
  pointer-events: none !important;
}

.white {
  color: #ffffff;
}

.blanco {
  color: #ffffff !important;
}

.blanco h4 {
  color: #ffffff !important;
}

.blanco p {
  color: #ffffff !important;
}

.blanco b {
  color: #ffffff !important;
}

.black {
  color: #000000;
}

.bg-black {
  background-color: #000000;
}

.bg-black2 {
  background-color: var(--black2);
}

.bg-black3 {
  background-color: var(--black3);
}

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

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

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

.breadcrumbs {
  list-style: none;
  display: flex;
  color: #000000;
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.breadcrumbs li {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 0 5px;
  text-decoration: none;
}
.breadcrumbs:visited, .breadcrumbs:link {
  color: #000000;
  text-decoration: none;
}
.breadcrumbs li > a {
  color: #9d9d9d !important;
  font-size: 15px;
  text-decoration: none;
  font-family: "Futura PT Book";
}
.breadcrumbs li > a:hover {
  font-weight: bold;
}

.breadcrumbs_black {
  list-style: none;
  display: flex;
  background-color: #000000 !important;
  color: #ffffff;
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.breadcrumbs_black li {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 0 5px;
  text-decoration: none;
}
.breadcrumbs_black:visited, .breadcrumbs_black:link {
  color: #000000;
  text-decoration: none;
}
.breadcrumbs_black li > a {
  color: #9d9d9d;
  font-size: 18px;
  text-decoration: none;
}
.breadcrumbs_black li > a:hover {
  color: #545454;
  font-size: 18px;
  text-decoration: underline;
}

.edad {
  position: fixed;
  z-index: 10000000000000000000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.wrapper-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.edad-boton {
  width: 70%;
  display: flex;
  justify-content: space-around;
}

.wrapper-txt p:nth-child(1) {
  font-size: min(3.5vw, 37px);
  font-weight: 300;
  font-family: "Dashiell" !important;
  line-height: min(4vw, 0px);
}

.edad p:nth-child(2) {
  margin-top: 10px;
  margin-bottom: 50px;
  font-size: min(4vw, 37px);
}

@media (min-width: 0) and (max-width: 839.9px) {
  .c2 {
    flex-direction: column;
  }
  .c2 .el {
    width: 100%;
  }
  .edad-boton {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .flexcol {
    flex-flow: column;
  }
  .column {
    max-width: 100%;
  }
}
body {
  background-color: #232020;
}

p {
  font-family: "Futura PT Book";
  font-size: 18px;
  margin-top: 5px;
}

.maincontainer {
  position: relative;
  min-height: 70vh;
}

h1 span[data-char="|"] {
  width: 20px;
  opacity: 0 !important;
}

h2 span[data-char="|"] {
  width: 15px;
  opacity: 0 !important;
}

h3 span[data-char="|"] {
  width: 10px;
  opacity: 0 !important;
}

.pagecontent {
  min-height: 72vh;
}

h1,
h2,
h3 {
  font-size: 45px;
  font-family: "Dashiell", sans-serif !important;
  color: #ffffff;
  font-weight: lighter;
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 {
  font-size: min(8vw, 95px);
}

.dark {
  color: var(--black);
}

h3 {
  font-size: 25px;
}

.txt-black {
  color: #000000;
}

button,
.ex,
.swal2-close {
  font-family: "Futura PT Book", sans-serif !important;
  padding: 11px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  color: #000000;
  border: none;
  background: #fbefae;
  border-radius: 35px;
  min-width: 140px;
  text-transform: uppercase;
  font-size: 13px;
  min-height: 60px;
  position: relative;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.25s linear;
}

.ot-floating-button__close,
.ot-floating-button__open {
  padding: 1px;
  top: -6px;
  left: -4px;
  padding-left: 30px;
  padding-right: 15px;
  text-align: center;
  color: #000000;
  border: none;
  background: #fbefae;
  width: 45px;
  min-width: 58px;
  text-transform: uppercase;
  font-size: 13px;
  min-height: 62px;
  position: relative;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.25s linear;
}

button.long:not(.ex, .swal2-close) {
  min-width: 200px;
}

.swal2-close:focus {
  box-shadow: none !important;
}

button::after {
  position: absolute;
  content: "";
  width: 90%;
  height: 80%;
  top: 10%;
  left: 5%;
  border-radius: 100px;
  box-shadow: inset 0 0 0 2px var(--gris-oscuro);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.25s linear;
}

button.swal2-close::after,
button#onetrust-accept-btn-handler::after,
button#onetrust-reject-all-handler::after,
button#onetrust-pc-btn-handler::after,
button.onetrust-close-btn-handler::after,
button.ot-close-icon::after,
button.ot-pc-refuse-all-handler::after,
.ot-accordion-layout > button::after,
#accept-recommended-btn-handler::after,
.gm-control-active::after,
.gm-ui-hover-effect::after {
  top: 10%;
  left: 0%;
  width: 0 !important;
}

.gm-style-cc > div > button::after {
  left: 0%;
  width: 0 !important;
  content: "Combinaciones de teclas";
  top: -1%;
}

.gm-control-active {
  background: none;
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  text-transform: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  width: 40px;
  height: 24px;
  top: 10px !important;
  left: 0;
  min-height: 42px;
}

.gm-control-active > img {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  left: 8% !important;
  pointer-events: none;
  position: absolute;
  top: 5% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-5%, -2%) !important;
}

button.over:not(.ex, .swal2-close, .boton_comprar),
.over:not(.ex, .swal2-close, .boton_comprar) button {
  background: #fff6c6;
  color: #2b0654;
  transform: scale(0.95);
}

button.over:not(.ex, .swal2-close, .boton_comprar)::after,
.over:not(.ex, .swal2-close, .boton_comprar) button::after {
  box-shadow: inset 0 0 10px 2px var(--gris-oscuro);
  width: 92%;
  height: 84%;
  top: 8%;
  left: 4%;
}

button.slick-arrow {
  min-width: 60px;
  border-radius: 100%;
}

button.slick-arrow::after,
button.slick-arrow.over::after {
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
}

button.boton.mini {
  min-width: 60px;
}

button.boton.mini::after,
button.boton.mini.over::after {
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  border-radius: 100px;
}

.bg-black2 {
  background-color: var(--black);
}

.bg-black3 {
  background-color: var(--black2);
}

.slick-arrow.slick-prev {
  position: absolute;
  right: 75px;
}

.slick-arrow.slick-next {
  position: absolute;
  right: 0;
}

.slick-arrow {
  margin: 15px;
  z-index: 111;
  bottom: -40px;
}

.separacion {
  position: relative;
  height: 100vh;
  background-color: #000000;
}

.separacion.v2 {
  position: relative;
  height: 60vh;
  background-color: #000000;
}

.separacion_big {
  position: relative;
  height: 1300px;
  background-image: linear-gradient(#0b0bef 0%, #3508e7 10%, #4a08e2 20%, #5c08e2 30%, #650adb 40%, #6f0ed8 50%, #7318c3 60%, #7220ac 70%, #6c2697 80%, #2b252b 90%, #501cca 100%);
}

.bola2 {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background: #ff0000;
  top: 50%;
}

.flexcol2 {
  display: flex;
}

.column {
  flex-basis: 50%;
  max-width: 50%;
}

.sticky {
  position: sticky;
  top: 0;
}

.cuad {
  position: relative;
  display: block;
  margin: 10px;
  width: 100px;
  height: 100px;
  background: darkkhaki;
}

.cuadgroup .cuad {
  display: inline-block;
}

.grid-layout {
  display: flex;
  height: 100%;
  width: 100%;
  transform-origin: center top;
}

.grid-layout .column {
  position: relative;
  width: 25%;
}

.grid-layout .column img {
  max-width: 100%;
}

.parallax-section {
  height: 50vh;
  width: 100%;
  overflow: hidden;
  top: 0;
  padding: 0 1rem;
  transform-origin: center top;
}

.parallax-image {
  height: 200vh;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  will-change: transform;
}

section {
  width: 100%;
}

section.cabecera img {
  max-width: 100%;
}

section.cabecera img.titulo {
  max-width: 55vw;
  margin-top: 30px;
  filter: drop-shadow(1px 1px 3px #000000);
}

section.cabecera.almost-full,
section.cabecera .almost-full,
.almost-full {
  width: 100vw;
  height: 60vh;
}

.almost-full.v2 {
  height: min(55vh, 990px);
}

.almost-full img.img-full,
.almost-full.v2 img.img-full {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}

section.cabecera .img-full {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

section.cabecera .right {
  background-position: right;
}

section.cabecera .left {
  background-position: left;
}

section.cabecera .top {
  background-position: top;
}

section.cabecera .bottom {
  background-position: bottom;
}

section.cabecera .sombreado,
.sombreado {
  background-image: url(/_assets/img/cabeceras/cabeceras-sombreado.png);
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  top: 0;
  left: 0;
}

.sombreado.v2 {
  background-image: url(/_assets/img/cabeceras/cabeceras-sombreado2.png);
}

.cabecera .info {
  padding: 10vw;
}

.cabecera .info * {
  color: #ffffff;
  font-family: "Dashiell", sans-serif !important;
}

.cabecera .info p {
  color: #ffffff;
  font-family: "Futura PT Book", sans-serif !important;
}

.cabecera h1 {
  margin-bottom: 0;
  text-shadow: 0 1px 6px black;
}

.cabecera p {
  font-size: min(5vw, 23px);
  line-height: min(5vw, 20px);
  text-align: center;
  text-shadow: 1px 1px 1px black;
}

.mw-1 {
  max-width: 1000px;
}

.mw-2 {
  max-width: 550px;
}

.mw-3 {
  max-width: 1200px;
}

.entradilla {
  padding: 40px;
  background-color: #ffffff;
  color: #000000;
}

.border-top {
  border-top: 6px solid var(--amarillo);
}

.solomovil {
  display: none !important;
}

@media (min-width: 0) and (max-width: 839.9px) {
  .nomovil {
    display: none !important;
  }
  .solomovil {
    display: block !important;
  }
  section.cabecera,
  .almost-full {
    height: 35vh !important;
  }
  button:not(.ex) {
    transform: scale(0.9);
  }
  .slick-arrow {
    position: absolute;
    top: 90% !important;
    bottom: unset !important;
  }
  .slick-arrow.slick-next {
    right: -20px;
  }
  .slick-arrow.slick-prev {
    right: 50px;
  }
}
.bg_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 30000;
}

.bg_fixed * {
  -webkit-transition-duration: 0s; /* Safari */
  transition-duration: 0s;
}

.preloader_text {
  margin-top: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bolder;
}

.preloader_img img {
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 25px;
  padding: 5px;
}

.popup {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 80%;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 20px;
  outline: 0;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  border: 3px solid var(--amarillo);
  color: #ffffff;
  transform: translate(-50%, -50%) !important;
  border-radius: 30px;
}

.popup .caja_codigo {
  position: relative;
  width: 100%;
  padding: 10px;
  border: 3px solid var(--amarillo);
  border-radius: 15px;
  font-size: 30px;
  text-align: center;
  margin-top: 10px;
}

.popup a {
  color: #009900;
  text-decoration: underline;
}

.popup a:hover {
  color: #333333;
}

.img-regalo {
  max-width: 375px;
  max-height: 290px;
  padding: 20px;
}

.popup.redes {
  width: 120px;
  padding-left: 10px;
  padding-right: 10px;
}

.popup_on {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.cerrar_redes {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -15px;
  left: 100%;
  margin-left: -11px;
  text-align: center;
  color: #666666;
  font-size: 16px;
  cursor: pointer;
  font-family: "Arial";
}

.cerrar_redes:hover {
  font-weight: bold;
  color: #333333;
}

.popup_txt {
  font-family: Arial;
  position: relative;
  display: block;
  font-size: 17px;
  text-align: center;
  color: #000000;
}

.popup .big, .popup .popup_txt .big {
  font-size: 40px;
  font-weight: bold;
}

.popup .big2, .popup .popup_txt .big2 {
  font-size: 25px;
  font-weight: bold;
}

.popup .pq {
  font-size: 14px;
}

.popup_btns {
  position: relative;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #303030;
}

.popup .txt_pq {
  font-family: Arial;
  font-size: 20px;
  color: #ffffff;
}

.popup .txt_grande {
  font-family: Arial;
  font-size: 30px;
  color: #ffe69a;
}

.popup .txt_med {
  font-family: Arial;
  font-size: 25px;
  color: #ffe69a;
}

.popup_btn, .popup_btn_redes {
  margin-top: 10px;
  text-decoration: none;
  color: #ffffff;
  background: var(--black);
  border: 2x solid var(--amarillo);
  padding: 9px 5px;
  display: inline-block;
  min-width: 160px;
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
  max-width: 230px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}

.popup_btn:hover, .popup_btn_redes:hover {
  background: #009900;
  border: 1px solid #009900;
}

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000000000000;
  background-color: rgba(7, 88, 57, 0.5);
}

.preloader_container {
  position: absolute;
  width: 320px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-left: -160px;
  margin-top: -50px;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
}

.error {
  font-size: 14px;
  margin: 5px;
  color: #ffaaaa;
}

.popup input {
  width: 90%;
  padding: 10px;
  margin-top: 10px;
  outline: 0;
  height: 25px;
  border-radius: 20px;
  font-size: 30px;
  border: 2px solid #c4c4c4;
  text-align: center;
}

.popup_dev .popup_txt {
  text-align: left;
  color: #ffaaaa;
}

.popup_dev .alerta {
  color: #732525;
}

@media (min-width: 0) and (max-width: 1023.9px) {
  .popup .pq {
    font-size: 12px;
  }
  .img-regalo {
    max-width: 100%;
  }
}
@media (min-width: 839.9px) and (max-width: 1023.9px) {
  .bg_fixed {
    overflow: auto;
  }
  .popup .big, .popup .popup_txt .big {
    font-size: 30px;
  }
  .popup .big2, .popup .popup_txt .big2 {
    font-size: 3vw;
  }
  .popup_txt {
    font-size: 14px;
  }
}
@media (min-width: 0) and (max-width: 839.9px) {
  .popup {
    padding: 15px;
  }
  .popup .big, .popup .popup_txt .big {
    font-size: 7vw;
  }
  .popup .big2, .popup .popup_txt .big2 {
    font-size: 5vw;
  }
  .popup_txt {
    font-size: 16px;
  }
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@media (min-width: 1279.9px) {
  button.slick-arrow {
    transform: scale(1.2);
  }
  .slick-arrow.slick-next {
    right: 0.9375rem;
  }
  .slick-arrow.slick-prev {
    right: 105px;
  }
}
.splitting .word,
.splitting .char {
  display: inline-block;
}

.splitting .char {
  position: relative;
}

.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

.splitting {
  --word-center: calc((var(--word-total) - 1) / 2);
  --char-center: calc((var(--char-total) - 1) / 2);
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  --word-percent: calc(var(--word-index) / var(--word-total));
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  --char-percent: calc(var(--char-index) / var(--char-total));
  --char-offset: calc(var(--char-index) - var(--char-center));
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.splitting.cells img {
  width: 100%;
  display: block;
}

@supports (display: grid) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }
  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template: repeat(var(--row-total), 1fr)/repeat(var(--col-total), 1fr);
  }
  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }
  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));
    --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );
    --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) );
  }
}
header.menu {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 111111;
  height: 144px;
  transition: all 0.25s linear;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
}
header.menu::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #ffffff, #ffffff, #ffffff, transparent);
  opacity: 0;
  transition: opacity 0.3s linear;
  z-index: -1;
}
header.menu.active::before {
  opacity: 1;
}
header.menu.minified {
  height: 4.6875rem;
  background: white;
  box-shadow: 0 0 20px black;
}

.containermenu {
  position: relative;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-transform: uppercase;
  font-size: 13px;
  padding-inline: 3rem;
  max-width: 1100px;
}

.menu .containermenu,
header.menu {
  pointer-events: none;
}

.menu.active .containermenu,
header.menu.active,
.menu.minified .containermenu,
header.menu.minified {
  pointer-events: all;
}

.navboton_container,
.rrss_btn,
.logo-item,
.hamburger {
  pointer-events: all;
}

.flex-item.logo-item {
  width: auto;
  min-width: 250px;
  position: relative;
  z-index: 10;
}

header.menu .flex-item.logo-item {
  flex: 0 0 var(--logo-slot);
  width: var(--logo-slot);
  min-width: var(--logo-slot);
}

.logo {
  max-height: 130px;
  margin-top: 10px;
  z-index: 1;
}

.menu.minified .logo {
  max-height: 6rem;
  margin-top: 35px;
}

.flex-item.container_menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  text-align: left;
  width: calc(100% - 250px);
  margin-top: 0;
}

header.menu .flex-item.container_menu {
  flex: 1 1 auto;
  width: calc(100% - var(--logo-slot));
  min-width: 0;
}

.apartados {
  position: relative;
  margin-top: 0;
}

.apartados_list,
.submenu_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.apartados_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

header.menu .container_menu {
  justify-content: center;
  align-content: center;
  flex-direction: row;
  text-align: left;
}

header.menu .apartados_list {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
}

header.menu a {
  color: #ffffff;
  font-family: "Dashiell", Helvetica, Arial, Lucida, sans-serif;
  text-decoration: none;
  transition: all 0.25s linear;
  display: inline-block;
  position: relative;
  font-size: 13px;
  font-weight: 700;
  line-height: 40px;
}

.menu.minified a,
.menu.active a {
  color: #000000;
}

.navboton_container {
  position: relative;
  top: 0;
  left: 0;
}

header.menu .navboton_container {
  top: 0;
  left: 0px;
}

.navboton_container .a-main {
  line-height: 40px;
  position: relative;
  z-index: 10;
  padding-bottom: 0;
  white-space: nowrap;
  letter-spacing: 0.02em;
  font-size: 13px;
  font-weight: 700;
  height: 25px;
}

.punto {
  opacity: 0;
  color: grey;
  margin: 0 10px;
}

.menu.minified .punto,
.menu.active .punto {
  opacity: 1;
}

.menu .apartados a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.0625rem;
  background: #fff000;
  top: 100%;
  left: 0;
  transform-origin: 50% 100%;
  transition: clip-path 0.5s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
}

.menu .apartados .a-main::before {
  margin-top: 0.3125rem;
}

.menu .apartados a:hover::before,
.menu .apartados .navboton_container.over2 .a-main::before,
.activemenu::before {
  transform: translate3d(0, 1px, 0) scale3d(1, 2, 1);
  clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
}

.navboton_container .a-main:hover,
.navboton_container.over2 .a-main {
  transform: scale(1.1);
}

.submenu_container {
  width: 100vw;
  position: fixed;
  left: 50%;
  height: 300px;
  top: 100px;
  z-index: 0;
  background: #ffffff;
  justify-content: center;
  transform: translate(0, -40px);
  margin-top: -25px;
  padding-top: 1.5625rem;
  box-shadow: 0 20px 0 -20px rgba(0, 0, 0, 0);
  display: none;
}

.submenu_container.v2 {
  height: 340px;
  overflow: hidden;
}

.submenu_container.active {
  display: block;
  left: 50%;
  transform: translate(-50%, -40px);
  opacity: 1;
  z-index: 1;
}

.menu.minified .submenu_container {
  top: 4.6875rem;
}

.submenu {
  display: flex;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  justify-content: space-evenly;
  align-items: center;
}

.submenu.v2 {
  transform: translateX(-45%);
}

.submenu .nav {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: left;
}

.submenu a {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  height: auto;
  margin: 10px 0;
  color: #000000;
  font-family: "Dashiell", Helvetica, Arial, Lucida, sans-serif;
}

.submenu_container .subcategoria_item {
  display: inline-block;
  color: #000000 !important;
  font-family: "Dashiell", Helvetica, Arial, Lucida, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  height: auto;
}

.submenu_container a:hover {
  padding-left: 0.625rem;
}

.nav1 {
  width: 35%;
}

.nav2 {
  width: 65%;
}

.submenu.v2 .nav1,
.submenu.v2 .nav2 {
  width: unset;
}

.flexrow {
  display: flex !important;
  flex-direction: row;
}

.flexcol {
  display: flex;
  flex-direction: column;
}

.mw {
  max-width: 900px;
  width: 100%;
}

header.menu .img_container {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 1.875rem;
}

header.menu .img_container.v2 {
  width: 100%;
  height: 207px;
  min-height: 0.625rem;
}

header.menu .submenu.v2 .img_container.v2 img {
  max-width: 552px;
}

.b_cocteleria .submenu.v2 .nav1 {
  width: 30%;
}

.rrss {
  position: relative;
  display: flex;
  flex-flow: row;
  margin-left: auto;
  margin-top: 0;
  align-items: center;
  z-index: 1;
}

.rrss .rrss_btn {
  position: relative;
  width: 2.1875rem;
  height: 1.875rem;
  padding-inline: 0.125rem;
}

.rrss .rrss_btn a {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #ffffff;
  padding: 0.375rem;
  box-sizing: border-box;
}

.rrss .rrss_btn.yt a {
  padding: 0.25rem;
}

.rrss .rrss_btn a:hover {
  transform: scale(1.15);
}

.rrss .rrss_btn a img {
  position: relative;
  width: 100%;
  height: 100%;
  transform: scale(0.75);
}

.rrss .rrss_btn a:hover img {
  transform: scale(1);
}

.hamburger {
  display: none;
  background: transparent;
  border: 0;
  padding: 0;
}

.ham {
  cursor: pointer;
  transition: transform 400ms;
  user-select: none;
}

.hamRotate.active,
.hamburger.is-active .hamRotate {
  transform: rotate(45deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #ffffff;
  stroke-width: 5.5;
  stroke-linecap: round;
}

.minified .line {
  stroke: #000000;
}

.menu_movil_on .line,
.menu_movil_on .minified .line {
  stroke: #ffffff;
}

.menu_movil_on header.menu {
  background: #000000 !important;
  box-shadow: none !important;
}

.menu_movil_on header.menu::before {
  opacity: 1 !important;
  background: #000000 !important;
}

.ham8 .top {
  stroke-dasharray: 40 160;
}

.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}

.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}

.ham8.active .top {
  stroke-dashoffset: -64px;
}

.ham8.active .middle {
  transform: rotate(90deg);
}

.ham8.active .bottom {
  stroke-dashoffset: -64px;
}

.separacion_apartados {
  display: none;
}

@media (min-width: 1023.9px) and (max-width: 1279.9px) {
  .containermenu {
    max-width: 1100px;
    padding-inline: 3rem;
    height: auto;
  }
  .flex-item.logo-item {
    width: auto;
    min-width: 0;
  }
  header.menu .flex-item.logo-item {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
  }
  .logo {
    max-height: 130px;
  }
  .flex-item.container_menu {
    width: auto;
    margin-top: 0;
  }
  header.menu .flex-item.container_menu {
    width: auto;
    flex: 1 1 auto;
  }
  .apartados {
    gap: 0.55rem;
  }
  header.menu .apartados_list {
    justify-content: center;
  }
  header.menu .navboton_container {
    left: 0;
  }
  .navboton_container .a-main {
    font-size: 0.78rem;
  }
  .rrss {
    margin-top: 0;
  }
}
@media (min-width: 839.9px) and (max-width: 1023.9px) {
  .containermenu {
    max-width: 1100px;
    padding-inline: 3rem;
  }
  .flex-item.logo-item {
    width: auto;
    min-width: 0;
  }
  header.menu .flex-item.logo-item {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
  }
  .logo {
    max-height: 130px;
  }
  .flex-item.container_menu {
    width: auto;
    margin-top: 0;
  }
  header.menu .flex-item.container_menu {
    width: auto;
    flex: 1 1 auto;
  }
  .apartados {
    gap: 0.45rem;
  }
  header.menu .apartados_list {
    justify-content: center;
  }
  header.menu .navboton_container {
    left: 0;
  }
  .navboton_container .a-main {
    font-size: 0.66rem;
    letter-spacing: 0.01em;
  }
  .rrss {
    display: flex;
    gap: 0.1rem;
    margin-top: 0;
  }
  .rrss .rrss_btn {
    width: 1.35rem;
    height: 1.35rem;
    padding-inline: 0.05rem;
  }
  .rrss .rrss_btn a {
    padding: 0.2rem;
  }
  .rrss .rrss_btn.yt a {
    padding: 0.16rem;
  }
}
@media (min-width: 0) and (max-width: 839.9px) {
  header.menu {
    --logo-slot: auto;
  }
  .menu .containermenu,
  header.menu {
    pointer-events: all;
  }
  header.menu {
    text-align: center;
  }
  .hamburger {
    display: block;
    position: relative;
    z-index: 1111111;
  }
  .containermenu {
    padding: 0.25rem 1rem;
    justify-content: space-between;
    align-items: center;
  }
  .flex-item.logo-item {
    width: auto;
    min-width: 0;
  }
  .logo,
  .menu.minified .logo {
    margin: 0;
    max-height: 5rem;
  }
  header.menu,
  header.menu.minified {
    height: 88px;
    pointer-events: all;
  }
  header.menu .apartados {
    display: none;
    overflow: auto;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 30;
    background: #000000;
    padding: 100px 0 100px 0px;
    text-align: center;
    margin-top: 0;
  }
  header.menu .apartados.visible {
    display: block;
  }
  .punto,
  header.menu span {
    display: none;
  }
  header.menu a {
    display: block !important;
    font-size: 6.2vw;
    margin: 0;
  }
  header.menu a.a-main,
  header.menu.minified a.a-main {
    color: #f5deb3 !important;
    text-shadow: none !important;
    font-size: clamp(1.15rem, 5.4vw, 1.65rem);
    height: auto;
    line-height: 1.2;
    position: static;
    white-space: normal;
  }
  .navboton_container {
    top: 20px;
    left: 0;
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .navboton_container:not(.subs) {
    height: auto;
  }
  .submenu_container,
  .submenu_container.v2,
  .menu.minified .submenu_container,
  .menu.minified .submenu_container.v2 {
    position: relative;
    display: block;
    height: auto;
    top: 69px;
    opacity: 1;
    left: 0;
    width: 100%;
    margin-top: 0;
    padding-bottom: 80px;
    background: #000000;
    transform: none;
    box-shadow: none;
  }
  header.menu .apartados .a-main::before {
    margin-top: 0;
  }
  .submenu_container.v2 {
    overflow: visible;
  }
  .submenu_container.active,
  .submenu_container.v2.active {
    display: block;
  }
  .submenu.v2 {
    transform: none;
    left: 0;
    width: 90% !important;
  }
  .submenu {
    justify-content: flex-start;
  }
  .submenu .nav {
    width: 100% !important;
    position: relative;
  }
  .submenu .nav.nav2 {
    margin-left: 1.25rem;
  }
  .submenu a,
  header.menu.minified .submenu a {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.2;
    color: #ffffff !important;
  }
  .submenu_container a.subcategoria_item {
    width: 0;
    text-align: right;
    padding: 0.38rem 0;
    color: #ffffff !important;
  }
  .submenu_container a.subcategoria_item:hover {
    width: 100%;
  }
  header.menu .img_container {
    width: 90%;
    height: 80%;
    border-radius: 1.875rem;
    border: 1px solid #fff000;
  }
  header.menu .img_container.v2 {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    position: absolute;
    top: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  header.menu .submenu.v2 .img_container.v2 img {
    position: absolute;
    width: auto;
    height: auto;
    max-height: 100%;
  }
  .rrss {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    gap: 0.2rem;
    z-index: 1111112;
  }
  .rrss .rrss_btn {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0;
    padding-inline: 0.08rem;
  }
  .rrss .rrss_btn a {
    padding: 0.25rem;
  }
  .rrss .rrss_btn.yt a {
    padding: 0.2rem;
  }
  .separacion_apartados {
    display: block;
    position: relative;
    height: 240px;
    top: 3.75rem;
  }
}
@media (min-width: 1023.9px) and (max-width: 1279.9px) and (max-height: 700px) {
  header.menu {
    height: 88px;
  }
  header.menu.minified {
    height: 4.6875rem;
  }
}
@media (min-width: 0) and (max-width: 599.9px) {
  .containermenu {
    --mobile-header-side-slot: 5.5rem;
    position: relative;
    display: grid;
    grid-template-columns: var(--mobile-header-side-slot) auto var(--mobile-header-side-slot);
    grid-template-rows: auto 0;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 1rem;
  }
  .flex-item.logo-item {
    grid-column: 1;
    width: var(--mobile-header-side-slot);
    justify-self: start;
    display: flex;
    align-items: center;
    z-index: 1111113;
  }
  .logo,
  .menu.minified .logo {
    max-height: 80px;
    margin: 0;
  }
  .rrss {
    position: static;
    transform: none;
    margin: 0;
    grid-column: 2;
    justify-self: center;
    gap: 0.12rem;
    z-index: 1111113;
  }
  .rrss .rrss_btn {
    width: 1.5rem;
    height: 1.5rem;
    padding-inline: 0.08rem;
  }
  .rrss .rrss_btn a {
    padding: 0.22rem;
  }
  .rrss .rrss_btn.yt a {
    padding: 0.18rem;
  }
  .hamburger {
    grid-column: 3;
    width: var(--mobile-header-side-slot);
    display: flex;
    justify-content: flex-end;
    justify-self: end;
    align-self: center;
    z-index: 1111113;
  }
  .flex-item.container_menu {
    grid-column: 1/-1;
    grid-row: 2;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  header.menu .apartados {
    display: none;
    position: fixed;
    inset: 0;
    top: 0;
    height: 100vh;
    background: #000000;
    padding: calc(4.6875rem + 12px) 1.25rem 1.25rem;
    overflow: auto;
    text-align: left;
    z-index: 1111110;
  }
  header.menu .apartados.visible {
    display: block;
  }
  .apartados_list {
    display: block;
  }
  .navboton_container {
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.85rem 0;
  }
  .navboton_container.subs > .submenu_container,
  .navboton_container.subs > .submenu_container.v2 {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    transform: none;
    margin: 0.75rem 0 0.45rem;
    padding: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
  }
  .submenu,
  .submenu.v2 {
    left: 0;
    transform: none;
    width: 100%;
  }
  .submenu.v2 {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
  .submenu .nav.nav1 {
    width: 48% !important;
    margin: 0;
  }
  .submenu .nav.nav2 {
    width: 52% !important;
    margin: 0;
  }
  header.menu .img_container,
  header.menu .img_container.v2 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    background: transparent;
    border: 1px solid #fff000;
    border-radius: 1rem;
    overflow: hidden !important;
    display: block !important;
  }
  header.menu .submenu.v2 .img_container.v2 img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: cover;
  }
  .separacion_apartados {
    display: none;
  }
  .apartados_list {
    display: block;
  }
  .navboton_container {
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.85rem 0;
  }
  .navboton_container.subs > .submenu_container,
  .navboton_container.subs > .submenu_container.v2 {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    transform: none;
    margin: 0.75rem 0 0.45rem;
    padding: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
  }
  .submenu,
  .submenu.v2 {
    left: 0;
    transform: none;
    width: 100%;
  }
  .submenu.v2 {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
  .submenu .nav.nav1 {
    width: 48% !important;
    margin: 0;
  }
  .submenu .nav.nav2 {
    width: 52% !important;
    margin: 0;
  }
  header.menu .img_container,
  header.menu .img_container.v2 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    background: transparent;
    border: 1px solid #fff000;
    border-radius: 1rem;
    overflow: hidden !important;
    display: block !important;
  }
  header.menu .submenu.v2 .img_container.v2 img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: cover;
  }
  .navboton_container .a-main {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.25;
    color: #ffffff !important;
  }
  .submenu_container a.subcategoria_item {
    width: 100%;
    display: block;
    text-align: left;
    padding: 0.18rem 0;
    color: #ffffff !important;
    line-height: 1.2;
    margin-top: 10px;
  }
  .submenu.v2 .nav1 > a.a-main {
    margin-bottom: 0.25rem;
    color: #fff000 !important;
  }
  .navboton_container .a-main {
    font-size: clamp(1.08rem, 5.5vw, 1.35rem);
  }
  .submenu_container a.subcategoria_item {
    font-size: clamp(0.95rem, 3.9vw, 1.1rem);
  }
  .submenu.v2 .nav1 > a.a-main {
    font-size: clamp(1.08rem, 5.5vw, 1.35rem);
  }
}
@media (min-width: 599.9px) and (max-width: 839.9px) {
  .containermenu {
    --mobile-header-side-slot: 5.5rem;
    position: relative;
    display: grid;
    grid-template-columns: var(--mobile-header-side-slot) auto var(--mobile-header-side-slot);
    grid-template-rows: auto 0;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 1rem;
  }
  .flex-item.logo-item {
    grid-column: 1;
    width: var(--mobile-header-side-slot);
    justify-self: start;
    display: flex;
    align-items: center;
    z-index: 1111113;
  }
  .logo,
  .menu.minified .logo {
    max-height: 80px;
    margin: 0;
  }
  .rrss {
    position: static;
    transform: none;
    margin: 0;
    grid-column: 2;
    justify-self: center;
    gap: 0.12rem;
    z-index: 1111113;
  }
  .rrss .rrss_btn {
    width: 1.5rem;
    height: 1.5rem;
    padding-inline: 0.08rem;
  }
  .rrss .rrss_btn a {
    padding: 0.22rem;
  }
  .rrss .rrss_btn.yt a {
    padding: 0.18rem;
  }
  .hamburger {
    grid-column: 3;
    width: var(--mobile-header-side-slot);
    display: flex;
    justify-content: flex-end;
    justify-self: end;
    align-self: center;
    z-index: 1111113;
  }
  .flex-item.container_menu {
    grid-column: 1/-1;
    grid-row: 2;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  header.menu .apartados {
    display: none;
    position: fixed;
    inset: 0;
    top: 0;
    height: 100vh;
    background: #000000;
    padding: calc(4.6875rem + 12px) 1.25rem 1.25rem;
    overflow: auto;
    text-align: left;
    z-index: 1111110;
  }
  header.menu .apartados.visible {
    display: block;
  }
  .apartados_list {
    display: block;
  }
  .navboton_container {
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.85rem 0;
  }
  .navboton_container.subs > .submenu_container,
  .navboton_container.subs > .submenu_container.v2 {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    transform: none;
    margin: 0.75rem 0 0.45rem;
    padding: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
  }
  .submenu,
  .submenu.v2 {
    left: 0;
    transform: none;
    width: 100%;
  }
  .submenu.v2 {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
  .submenu .nav.nav1 {
    width: 48% !important;
    margin: 0;
  }
  .submenu .nav.nav2 {
    width: 52% !important;
    margin: 0;
  }
  header.menu .img_container,
  header.menu .img_container.v2 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    background: transparent;
    border: 1px solid #fff000;
    border-radius: 1rem;
    overflow: hidden !important;
    display: block !important;
  }
  header.menu .submenu.v2 .img_container.v2 img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: cover;
  }
  .separacion_apartados {
    display: none;
  }
  .apartados_list {
    display: block;
  }
  .navboton_container {
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.85rem 0;
  }
  .navboton_container.subs > .submenu_container,
  .navboton_container.subs > .submenu_container.v2 {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    transform: none;
    margin: 0.75rem 0 0.45rem;
    padding: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
  }
  .submenu,
  .submenu.v2 {
    left: 0;
    transform: none;
    width: 100%;
  }
  .submenu.v2 {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
  .submenu .nav.nav1 {
    width: 48% !important;
    margin: 0;
  }
  .submenu .nav.nav2 {
    width: 52% !important;
    margin: 0;
  }
  header.menu .img_container,
  header.menu .img_container.v2 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    background: transparent;
    border: 1px solid #fff000;
    border-radius: 1rem;
    overflow: hidden !important;
    display: block !important;
  }
  header.menu .submenu.v2 .img_container.v2 img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: cover;
  }
  .navboton_container .a-main {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.25;
    color: #ffffff !important;
  }
  .submenu_container a.subcategoria_item {
    width: 100%;
    display: block;
    text-align: left;
    padding: 0.18rem 0;
    color: #ffffff !important;
    line-height: 1.2;
    margin-top: 10px;
  }
  .submenu.v2 .nav1 > a.a-main {
    margin-bottom: 0.25rem;
    color: #fff000 !important;
  }
  .flex-item.logo-item {
    min-width: 0;
  }
  header.menu .apartados {
    width: 100vw;
  }
  .apartados a,
  .navboton_container .a-main {
    width: 100%;
    position: relative;
    display: block;
  }
  .navboton_container .a-main {
    font-size: clamp(1.08rem, 3vw, 1.35rem);
  }
  .submenu_container a.subcategoria_item {
    font-size: clamp(0.9rem, 2vw, 1rem);
  }
  .submenu.v2 .nav1 > a.a-main {
    font-size: clamp(1.08rem, 3vw, 1.35rem);
  }
  .submenu.v2 {
    width: min(92%, 720px);
    margin-inline: auto;
    padding-right: 1rem;
  }
  .navboton_container.subs > .submenu_container,
  .navboton_container.subs > .submenu_container.v2 {
    margin-top: 1rem;
  }
}
.footer {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: #ffd331;
  color: #12181e;
  padding: 3rem 0 2.05rem;
}
.footer .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.footer .options-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.95rem;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.footer .options-list li {
  list-style: none;
  font-size: 1rem;
  line-height: 1.15;
}
.footer .options-list .decor {
  opacity: 1;
  font-size: 0.95rem;
  font-weight: 700;
}
.footer .options-list a {
  color: #12181e;
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer .options-list a:hover {
  color: #ffffff;
}
.footer .since {
  margin: 0;
  color: #12181e;
  font-size: 1.05rem;
  font-weight: 600;
  white-space: nowrap;
  z-index: 1;
}

@media (min-width: 0) and (max-width: 839.9px) {
  .footer {
    padding: 1rem 0;
  }
  .footer .container {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
  }
  .footer .options-list {
    gap: 0.4rem 0.7rem;
  }
  .footer .options-list li {
    font-size: 0.9rem;
  }
  .footer .since {
    font-size: 0.95rem;
    align-self: center;
  }
}
.section_home.home_videos {
  position: relative;
}

.swiper {
  width: 100%;
  height: 100vh;
}

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

.video-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000000;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.controls {
  width: 60%;
  position: absolute;
  bottom: 4rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  z-index: 10;
  color: #ffffff;
}

.controls__button {
  cursor: pointer;
  margin-bottom: 0.5rem;
  margin-right: 1.875rem;
  border-radius: 0.8125rem;
  display: flex;
  align-items: center;
  padding: 0.3125rem;
  margin-left: -36px;
}

.toggleButton {
  border: solid 1px #ffffff;
  display: flex;
  align-items: center;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 2.5rem;
  font-weight: normal;
  font-style: normal;
}

.icon-volume-mute::before,
.icon-volume-unmute::before {
  font-family: VideoJS;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.2em;
  line-height: 1.67;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.icon-volume-mute::before {
  content: "\f104";
}

.icon-volume-unmute::before {
  content: "\f107";
}

.icon-play::before,
.icon-pause::before,
.icon-replay::before {
  font-family: VideoJS;
  width: 1.75rem;
  height: 1.25rem;
  font-size: 1.4em;
  line-height: 1.67;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.icon-play::before {
  content: "\f101";
}

.icon-pause::before {
  content: "\f103";
}

.icon-replay::before {
  content: "\f116";
}

.toggleButton:hover,
.icon-play:hover::before,
.icon-pause:hover::before,
.icon-replay:hover::before {
  color: #000000;
  border: none;
  background-color: #ffd331;
}

.toggleMuted:hover,
.icon-volume-unmute:hover::before,
.icon-volume-mute:hover::before {
  color: #ffd331;
  background: none;
}

.progress {
  cursor: pointer;
  position: absolute;
  display: flex;
  bottom: -13%;
  width: 100%;
  height: 0.3125rem;
  border-radius: 0.625rem;
  background-color: rgba(0, 0, 0, 0.75);
}

.timeboxblack,
.timeboxwhite {
  position: absolute;
  display: none;
  border-radius: 0.3125rem;
  height: 1.25rem;
  bottom: 0.6875rem;
  font-size: 0.6875rem;
  margin-left: -13px;
  align-items: center;
}

.timeboxblack {
  background-color: #000000;
}

.timeboxwhite {
  margin-left: -23px;
  background-color: #ffffff;
}

.timeboxblack span {
  padding: 0.375rem;
  font-size: 0.6875rem;
  text-align: center;
  color: #ffffff;
}

.timeboxwhite span {
  padding: 0.375rem;
  font-size: 0.6875rem;
  text-align: center;
  color: #000000;
}

.progress__filled {
  cursor: pointer;
  flex-basis: 0%;
  height: 100%;
  background-color: #ffd331;
  border-radius: 0.625rem;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 88%;
  height: 1.25rem;
  width: 30%;
  margin-left: 60%;
}

.swiper-pagination-bullet-active {
  width: 10px !important;
  height: 10px !important;
  background-color: #ffffff !important;
}

.swiper-pagination-bullet {
  width: 90px !important;
  height: 5px !important;
  background-color: #ffffff !important;
  border-radius: 10px !important;
}

.swiper-button-next::after {
  content: "➜";
  color: #000000;
  font-size: 0.875rem;
  line-height: 3.3125rem;
}

.swiper-button-prev::after {
  content: "➜";
  color: #000000;
  rotate: 180deg;
  font-size: 0.875rem;
  line-height: 3.3125rem;
}

@media (min-width: 0) and (max-width: 839.9px) {
  .controls {
    bottom: 119px;
    left: 120px;
  }
  .toggleButton {
    border-radius: 1.4375rem;
    padding: 0.3125rem;
    height: 1.6875rem;
  }
  .controls__button img {
    width: 0.9375rem;
    height: 0.9375rem;
  }
  .progress {
    width: 80%;
  }
  .swiper-pagination-bullet {
    width: 42px !important;
    height: 5px !important;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    top: 80%;
    width: 60%;
    margin-left: 40%;
  }
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
  .video {
    width: 100%;
    object-fit: cover;
  }
}
@media (min-width: 0) and (max-width: 599.9px) {
  .controls {
    bottom: 3.6875rem;
  }
  .video {
    margin-top: -30px;
  }
}
@media (min-width: 839.9px) and (max-width: 1023.9px) {
  .section_home.home_videos .swiper,
  .section_home.home_videos .swiper-slide,
  .section_home.home_videos .video-container {
    height: 100vh;
    min-height: 100vh;
    max-height: none !important;
  }
  .section_home.home_videos .video-container video,
  .section_home.home_videos .video {
    height: 100vh !important;
    min-height: 100vh;
    max-height: none !important;
    object-fit: cover;
  }
}
@media (min-width: 1023.9px) and (max-width: 1279.9px) {
  .section_home.home_videos .swiper,
  .section_home.home_videos .swiper-slide,
  .section_home.home_videos .video-container {
    height: 100vh;
    min-height: 100vh;
    max-height: none !important;
  }
  .section_home.home_videos .video-container video,
  .section_home.home_videos .video {
    height: 100vh !important;
    min-height: 100vh;
    max-height: none !important;
    object-fit: cover;
  }
  .section_home.home_videos .video-container.video {
    height: 100vh;
    min-height: 100vh;
    max-height: none !important;
  }
}
.alfa {
  opacity: 0;
  pointer-events: none;
}

.carrusel,
.item_c {
  position: relative;
  display: inline-block;
  width: 100%;
}

.linea_amarilla {
  height: 2rem;
  min-height: 2rem;
  display: block !important;
  background-color: #000000;
}

body.pm-expanded .linea_amarilla {
  height: 0;
  min-height: 0;
  display: none !important;
}

.hero-perfect-intro {
  display: flex;
  background: #000000;
  min-height: 0;
  padding: 20px 16px 8px;
  align-items: center;
  justify-content: center;
}

.hero-perfect-inner {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hero-perfect-logo {
  width: min(300px, 62vw);
  height: auto;
  display: block;
}

.hero-perfect-text {
  margin: 10px 0 0;
  color: #ffffff;
  text-align: center;
  font-family: "Futura PT Book";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  letter-spacing: normal;
  max-width: 900px;
}

.logo-pm2 {
  position: absolute;
  z-index: 1;
  width: 20%;
  left: 50%;
  top: -2%;
  transform: translate(-50%, -50%);
}

.logo-pm2 img {
  margin-top: -88%;
  max-width: 100%;
}

.item_c .bg-img {
  position: relative;
  width: 100%;
}

section.section_home {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.franja_container,
.home_videos_hojas_container {
  position: absolute;
  height: 100%;
  top: 0;
  left: 10%;
  width: 35%;
}

.franja_container {
  max-height: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}

.franja_container.nopointers,
.franja_container.nopointers *,
.home_videos_hojas_container,
.home_videos_hojas_container * {
  pointer-events: none;
}

.home_videos_hojas_container video,
.home_videos_hojas_container canvas {
  position: relative;
  height: 100%;
}

.franja_container.nopointers button {
  pointer-events: all;
}

.franja_container .franja {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: #ffd304;
  padding: 10%;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}

.franja_container .franja img:not(.logo_interior) {
  max-width: 90%;
  transform-origin: top;
}

.franja_container .franja img.logo_interior {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  filter: invert(1);
}

.franja_container .franja h2 {
  margin-top: 2.5rem;
}

.home_videos_hojas {
  position: absolute;
  top: 1.25rem;
  left: 98%;
  height: 95%;
  transform: none !important;
}

.home_videos_hojas.v2 {
  position: absolute;
  left: -32vh;
}

.home_videos_hojas canvas {
  transform-origin: left center;
}

#video_hojas2 {
  position: absolute;
  top: 0;
}

section.home_pm {
  z-index: 1;
  overflow: hidden;
  isolation: isolate;
  height: var(--pm-section-height, 100vh);
  min-height: var(--pm-section-height, 100vh);
}

.carrusel_grid {
  top: 0;
  width: 100vw;
  height: var(--pm-section-height, 100vh);
  z-index: 120;
}

.carrusel_grid .logo-pm2 {
  display: none;
}

.carrusel_grid .boton.mini {
  pointer-events: none;
  position: absolute;
  bottom: 3.125rem;
  left: 35%;
}

.carrusel_grid .fondo {
  position: relative;
  width: 100vw;
  height: auto;
  background: #ffd304;
}

.franja_container,
.home_videos_hojas_container {
  z-index: 121;
}

.carrusel .item_c {
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
}

.carrusel_grid .item_c {
  position: absolute;
  width: 99.5%;
  top: 0;
  left: 0;
  clip-path: inset(0 70% 0 0);
  -webkit-clip-path: inset(0 70% 0 0);
}

.carrusel_grid .item_c .bg-img {
  transition: 0.5s linear;
  filter: saturate(0) contrast(1) brightness(0.6);
}

.carrusel_grid .item_c.over .bg-img {
  filter: saturate(1) contrast(1) brightness(1);
}

.carrusel_grid .item_c.over .boton::after {
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  box-shadow: inset 0 0 10px 2px var(--gris-oscuro);
}

.carrusel_grid .item_c:nth-child(1) {
  clip-path: inset(0 66.7% 0 0);
  -webkit-clip-path: inset(0 66.7% 0 0);
}

.carrusel_grid .item_c:nth-child(2) {
  clip-path: inset(0 33.4% 0 33.3%);
  -webkit-clip-path: inset(0 33.4% 0 33.3%);
}

.carrusel_grid .item_c:nth-child(3) {
  clip-path: inset(0 0 0 66.6%);
  -webkit-clip-path: inset(0 0 0 66.6%);
}

.carrusel_grid img.logo_interior {
  position: absolute;
  bottom: 20%;
  transform: translateX(-40%);
}

.carrusel_grid .item_c:nth-child(1) .boton.mini,
.carrusel_grid .item_c:nth-child(1) img.logo_interior {
  left: 13%;
}

.carrusel_grid .item_c:nth-child(2) .boton.mini,
.carrusel_grid .item_c:nth-child(2) img.logo_interior {
  left: 47%;
}

.carrusel_grid .item_c:nth-child(3) .boton.mini,
.carrusel_grid .item_c:nth-child(3) img.logo_interior {
  left: 82%;
}

.carrusel_grid .item_c.active {
  z-index: 11111111;
  pointer-events: none;
}

.carrusel_grid .item_c.active .bg-img {
  filter: none;
}

@media (min-width: 1023.9px) {
  .logo-pm2 {
    top: -3%;
  }
  .linea_amarilla {
    height: 2rem;
    min-height: 2rem;
  }
}
@media (min-width: 1023.9px) and (max-width: 1279.9px) {
  .logo-pm2 {
    top: -4%;
  }
  section.section_home.home_pm,
  .carrusel {
    height: var(--pm-section-height, 100vh);
    min-height: var(--pm-section-height, 100vh);
  }
  .carrusel,
  .carrusel .slick-list,
  .carrusel .slick-track,
  .carrusel .slick-slide,
  .carrusel .item_c,
  .carrusel .item_c .bg-img,
  .home_videos_hojas_container,
  .franja_container,
  .franja_container .franja {
    height: 100%;
  }
  .carrusel .item_c .bg-img {
    width: 100%;
    object-fit: cover;
  }
  .home_videos_hojas_container,
  .franja_container.nopointers {
    transform: translate(0px, 0px) !important;
  }
  .linea_amarilla {
    height: 1.75rem;
    min-height: 1.75rem;
  }
  .franja_container .franja {
    min-height: 100%;
  }
}
@media (min-width: 0) and (max-width: 839.9px) {
  section.section_home.home_pm {
    height: auto;
    min-height: 0;
  }
  .hero-perfect-intro {
    min-height: 0;
    padding: 14px 14px 6px;
  }
  .hero-perfect-logo {
    width: min(250px, 72vw);
  }
  .hero-perfect-text {
    margin-top: 0.625rem;
    font-size: 1.25rem;
  }
  .linea_amarilla {
    width: 100%;
    height: 1.25rem;
    min-height: 1.25rem;
  }
  .carrusel .slick-arrow.slick-next,
  .franja_container .slick-arrow.slick-next {
    right: -20px;
  }
  .item_c .bg-img {
    position: relative;
    width: 130%;
    transform-origin: right;
  }
  .franja_container {
    position: relative;
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    overflow: visible;
  }
  .franja_container .franja {
    padding: 1.25rem;
  }
  .franja_container .franja h2 {
    margin-top: 0;
    font-size: 1.875rem;
    text-align: right;
  }
  .franja_container .franja img {
    position: absolute;
    left: 3vw;
    width: 46vw;
    max-width: 100px;
  }
  .franja_container .franja img.logo_interior {
    position: relative;
    left: 26%;
    max-width: 200px;
    transform: translateX(-50%);
    filter: invert(1);
    z-index: 99999;
    top: 1%;
    margin-top: 6%;
  }
  .franja_container .carrusel_texto p.txt_ {
    line-height: normal;
    margin-bottom: 18px;
  }
}
@media (min-width: 599.9px) and (max-width: 839.9px) {
  .hero-perfect-text {
    font-size: 30px;
  }
}
@media (min-width: 839.9px) and (max-width: 1023.9px) {
  section.section_home.home_pm,
  .carrusel {
    height: auto;
  }
  section.section_home.home_pm {
    min-height: 0;
  }
  .carrusel {
    aspect-ratio: 4/3;
  }
  .carrusel,
  .carrusel .slick-list,
  .carrusel .slick-track,
  .carrusel .slick-slide,
  .carrusel .item_c,
  .carrusel_grid,
  .carrusel_grid .fondo,
  .carrusel_grid .item_c,
  .home_videos_hojas_container,
  .franja_container {
    height: 100%;
  }
  .carrusel_grid {
    inset: 0;
  }
  .carrusel,
  .home_videos_hojas_container,
  .franja_container {
    top: 0;
  }
  .franja_container,
  .home_videos_hojas_container {
    left: 7%;
    width: 34%;
  }
  .home_videos_hojas_container,
  .franja_container.nopointers {
    transform: translate(0px, 0px) !important;
  }
  .franja_container .franja {
    height: 100%;
    min-height: 100%;
    padding: 8% 8% 6%;
    justify-content: flex-start;
  }
  .home_videos_hojas_container {
    z-index: 121;
  }
  .franja_container .carrusel_textos,
  .franja_container .slick-list,
  .franja_container .slick-track,
  .franja_container .slick-slide,
  .franja_container .carrusel_texto {
    height: 100%;
  }
  .franja_container .carrusel_texto {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
  }
  .franja_container .carrusel_texto a {
    margin-top: auto;
    padding-top: 1rem;
  }
  .item_c .bg-img,
  .carrusel_grid .item_c .bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .franja_container .franja img:not(.logo_interior) {
    max-width: 82%;
  }
  .franja_container .franja img.logo_interior {
    max-width: 78%;
    margin-bottom: 0.75rem;
  }
  .franja_container .carrusel_texto p.txt_ {
    margin-bottom: 0;
    line-height: 1.35;
  }
  .home_videos_hojas {
    left: 88%;
    height: 84%;
    top: 1.5rem;
  }
  .home_videos_hojas.v2 {
    left: -20vh;
  }
}
@media (min-width: 1279.9px) {
  section.section_home.home_pm,
  .carrusel,
  .carrusel .slick-list,
  .carrusel .slick-track,
  .carrusel .slick-slide,
  .carrusel .item_c,
  .carrusel .item_c .bg-img,
  .carrusel_grid,
  .carrusel_grid .fondo,
  .carrusel_grid .item_c,
  .carrusel_grid .item_c .bg-img {
    height: var(--pm-section-height, 100vh);
    min-height: var(--pm-section-height, 100vh);
  }
  .carrusel .item_c .bg-img,
  .carrusel_grid .item_c .bg-img {
    width: 100%;
    object-fit: cover;
  }
  .home_videos_hojas_container,
  .franja_container.nopointers {
    transform: translate(0px, 0px) !important;
  }
  .franja_container .franja img {
    max-width: 15vw;
  }
}
@media (min-width: 1023.9px) and (max-width: 1279.9px) {
  .home_pm.pm-compact-franja .franja_container {
    height: 100%;
    width: 34%;
    left: 10%;
  }
  .home_pm.pm-compact-franja .franja_container .franja {
    height: 100%;
    min-height: 100%;
    padding: 7% 7% 5.5rem;
  }
  .home_pm.pm-compact-franja .franja_container .carrusel_textos,
  .home_pm.pm-compact-franja .franja_container .slick-list,
  .home_pm.pm-compact-franja .franja_container .slick-track,
  .home_pm.pm-compact-franja .franja_container .slick-slide,
  .home_pm.pm-compact-franja .franja_container .carrusel_texto {
    height: 100%;
  }
  .home_pm.pm-compact-franja .franja_container .carrusel_texto {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
  }
  .home_pm.pm-compact-franja .franja_container .franja img:not(.logo_interior) {
    max-width: 72%;
  }
  .home_pm.pm-compact-franja .franja_container .franja img.logo_interior {
    max-width: 74%;
    margin-bottom: 1rem;
  }
  .home_pm.pm-compact-franja .franja_container .carrusel_texto p.txt_ {
    margin-top: 0.8rem !important;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.35;
  }
  .home_pm.pm-compact-franja .franja_container .carrusel_texto a {
    margin-top: auto;
    padding-top: 1rem;
  }
  .home_pm.pm-compact-franja .franja_container .carrusel_texto button.long {
    min-width: 180px;
    min-height: 52px;
  }
  .home_pm.pm-compact-franja .franja_container .slick-arrow {
    display: none !important;
  }
  .home_pm.pm-compact-franja .carrusel .slick-arrow {
    margin: 0;
    z-index: 130;
  }
  .home_pm.pm-compact-franja .carrusel button.slick-arrow {
    transform: scale(1.2);
  }
  .home_pm.pm-compact-franja .carrusel .slick-arrow.slick-next {
    right: 0.8rem;
  }
  .home_pm.pm-compact-franja .carrusel .slick-arrow.slick-prev {
    right: 5.4rem;
  }
}
@media (min-width: 1023.9px) and (max-width: 1279.9px) and (max-height: 700px) {
  .franja_container,
  .home_videos_hojas_container {
    width: 30%;
    height: 100%;
    left: 8%;
  }
  .franja_container .franja {
    padding: 5% 6% 4%;
  }
  .franja_container .franja img:not(.logo_interior) {
    max-width: 62%;
  }
  .franja_container .franja img.logo_interior {
    max-width: 66%;
    margin-bottom: 0.5rem;
  }
  .franja_container .carrusel_texto p.txt_ {
    margin-top: 0.5rem !important;
    font-size: 0.875rem;
    line-height: 1.25;
  }
  .franja_container .carrusel_texto button.long {
    min-width: 148px;
    min-height: 44px;
  }
  .franja_container .slick-arrow {
    display: none !important;
  }
  .carrusel .slick-arrow {
    margin: 0;
    top: 100% !important;
    bottom: unset !important;
    z-index: 130;
    opacity: 1 !important;
    transform: translateY(-50%);
  }
  .carrusel button.slick-arrow {
    transform: translateY(-50%) scale(1.2);
  }
  .carrusel .slick-arrow.slick-next {
    right: auto;
  }
  .carrusel .slick-arrow.slick-prev {
    right: auto;
  }
  .home_videos_hojas {
    left: 84%;
    top: 1rem;
    height: 82%;
  }
  .home_videos_hojas.v2 {
    left: -16vh;
  }
}
.migas-product {
  position: absolute;
  top: 45%;
  left: -10%;
}

.crumbs-mixing-listado {
  background-color: #000000;
  height: 0px;
  margin-top: -10px;
  padding: 10px 0;
}

.image-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/DigitUp/SchweppesPT/assets/images/home/productos-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
}

.prodgroup {
  position: absolute;
  top: 65%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-bottom: 100px;
}

.prod {
  transform-origin: bottom;
  transform: scale(0.9);
}

.prod.over {
  transform: scale(1);
}

.prod_container,
.prod_container a {
  text-decoration: none;
  display: flex;
  flex-flow: column;
  align-items: center;
  transform-origin: bottom;
}

.prod_container.space-citricos {
  padding: 20px 0;
}

.prod_container .anillo {
  position: absolute;
  top: 30%;
  left: 100%;
  transform: translate(-50%, -50%);
}

.prod_container .anillo-nuevo,
.prod_container:hover .anillo-nuevo {
  position: absolute;
  top: 68%;
  left: 90%;
  transform: translate(-50%, -50%);
  width: 320px;
}

.info {
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
}

.home_productos .info h2 {
  color: #ffffff;
  font-family: "Dashiell", sans-serif;
  font-size: 45px;
  font-weight: 100;
  height: 46.6667px;
  line-height: 46.6667px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: left;
  text-rendering: geometricprecision;
  user-select: none;
}

.home_productos .info p.center {
  color: #ffffff;
  font-family: "Futura PT Book";
  font-size: 18px;
  height: 46.6667px;
  margin-top: 5px;
  margin-bottom: 18px;
}

.prod_img_container img {
  position: relative;
  display: flex;
  align-items: center;
}

.prod_img_container .overs {
  position: absolute;
  transform: scale(0.65);
  width: 100%;
  height: 100%;
  top: 0;
}

.prod_img_container .overs img {
  position: absolute;
  bottom: 0;
  transform-origin: bottom;
  opacity: 0;
  transition-timing-function: ease-in;
  transition: 0.3s;
}

.prod_img_container .overs img.active {
  opacity: 1;
}

.i.hojas {
  left: -110px;
  transform: rotate(-20deg) translate(55px, -6px) scale(0.1);
}

.i.hojas.active {
  transform: none;
}

.i.hielo {
  left: 2.5rem;
  transform: scale(0.65) translateX(-10%);
}

.i.hielo.active {
  transform: scale(0.65);
}

.i.burbujitas {
  bottom: 0% !important;
}

.i.burbujitas.active {
  bottom: 50% !important;
}

.i.hojas2 {
  left: -50px;
  bottom: 2.5rem;
  transform: rotate(80deg);
}

.i.hojas2.active {
  left: -110px;
  bottom: 90px;
  transform: rotate(0deg);
}

.i.limon-entero {
  transform: scale(1) translate(-10px, 10px);
}

.i.limon-entero.active {
  transform: scale(1) translate(-100px, 10px);
}

.i.limon-rodajas {
  transform: translate(50px, 10px) rotate(-18deg);
}

.i.limon-rodajas.active {
  transform: translate(50px, 10px) rotate(0deg);
}

.i.rodajas-limas-selection {
  bottom: -10px !important;
}

.i.rodajas-limas-selection.active {
  bottom: 0 !important;
}

.i.abeja {
  top: 4.375rem;
  left: 90px;
}

.i.abeja.active {
  top: 3.125rem;
  left: 2.5rem;
}

.i.limas-selection {
  left: -80px;
  transform: rotate(18deg);
}

.i.limas-selection.active {
  left: -120px;
  transform: none;
}

.i.genjibre {
  transform: translate(17px, -30px) scale(0.5) rotate(30deg);
}

.i.genjibre.active {
  transform: translate(60px, -30px);
}

.i.hielo2 {
  transform: scale(0.55) translate(-230px, -44px) rotate(30deg);
}

.i.hielo2.active {
  transform: scale(0.65) translate(-200px, -30px) rotate(7deg);
}

@media (min-width: 0) and (max-width: 839.9px) {
  .migas-product {
    position: absolute;
    top: 22%;
    left: 0;
  }
  .crumbs-mixing-listado {
    height: auto;
  }
  .prodgroup {
    margin-bottom: 0;
  }
  .home_productos {
    position: relative;
    height: auto !important;
  }
  .container_productos {
    position: relative;
    height: auto !important;
  }
  .prodgroup {
    position: relative;
    height: auto !important;
    top: 0;
  }
  .info {
    position: relative;
    top: 140px;
    padding: 1.25rem;
  }
  .prod_container {
    position: relative;
    display: flex;
    width: 35%;
    align-items: center;
    transform: scale(0.75);
    top: 300px;
  }
  .prod_container .anillo {
    position: absolute;
    top: 20%;
    left: 80%;
    transform: translate(-50%, -50%);
    width: 200px;
  }
  .prod_container .anillo-nuevo {
    position: absolute;
    top: 78%;
    left: 90%;
    transform: translate(-50%, -50%);
    width: 140px;
  }
  .prod_container:hover .anillo-nuevo {
    position: absolute;
    top: 78%;
    left: 90%;
    transform: translate(-50%, -50%);
    width: 140px;
  }
}
@media (min-width: 599.9px) and (max-width: 839.9px) {
  .home_productos,
  .container_productos {
    position: relative;
    height: 100vh !important;
    min-height: 760px;
  }
  .info {
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 2rem;
  }
  .prodgroup {
    position: absolute;
    top: 62%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    margin-bottom: 0;
  }
  .prod_container {
    top: 0;
    width: 50%;
    transform: scale(0.95);
    align-items: center;
  }
}
@media (min-width: 1279.9px) {
  .home_productos {
    height: auto;
    overflow: visible;
  }
  .prodgroup {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
  }
  .prod_container {
    transform: scale(0.8);
  }
}
.home_coctails_container {
  position: relative;
  top: 1.875rem;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-flow: column;
  justify-content: end;
  align-items: center;
}

.carrusel_coctails_container {
  position: relative;
  width: 100vw;
  opacity: 1;
  visibility: visible !important;
  display: block !important;
}

.carrusel_coctails {
  position: relative;
}

.coctail_img {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 2.5rem;
  overflow: hidden;
}

.carrusel_coctails .slick-slide {
  position: relative;
  transform: scale(0.65);
  transition: 0.5s ease-in-out;
  opacity: 0;
}

.carrusel_coctails .slick-active {
  opacity: 1;
  transform: scale(0.65);
  filter: blur(5px);
}

.coctail_img img {
  width: 100%;
  display: block;
  transform-origin: center center;
}

.img-carrusel-coctel {
  text-decoration: none;
}

.img-carrusel-coctel:hover .anim {
  transform: scale(1.05);
  transition: 0.3s ease-in-out;
}

.img-carrusel-coctel:hover h3 {
  color: #ffd331;
  transition: 0.3s ease-in-out;
}

.nofilter {
  filter: none !important;
}

.coctail_img img.v2 {
  transition: 0.05s ease-in-out;
}

.carrusel_coctails .slick-center {
  filter: blur(0);
  transform: scale(0.95);
}

.mixer {
  position: relative;
  transform: scale(0.65);
  z-index: 1;
  top: 210px;
}

.titles_cocktails {
  position: relative;
  padding: 1.25rem;
  z-index: 1;
}

.titles_cocktails h2.txt {
  color: #000000;
  font-family: "Dashiell", sans-serif;
  font-size: 45px;
  font-weight: 600;
  height: 46.6667px;
  line-height: 46.6667px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: left;
  text-rendering: geometricprecision;
  user-select: none;
}

.titles_cocktails p.txt {
  color: #000000;
  font-family: "Futura PT Book";
  font-size: 18px;
  height: 46.6667px;
  margin-top: 5px;
  margin-bottom: 18px;
  max-width: 540px;
  text-align: center;
  text-rendering: geometricprecision;
  user-select: none;
}

.info_cocktails {
  position: relative;
  text-align: center;
}

.info_cocktails p {
  font-family: "Dashiell";
  font-weight: 200;
  font-size: min(3vw, 20px);
}

.info_cocktails h3 {
  font-size: min(10vw, 30px);
}

.titles_cocktails *,
.info_cocktails * {
  color: #000000;
}

.titles_cocktails h2,
.titles_cocktails h3,
.info_cocktails h2,
.info_cocktails h3 {
  font-family: "Dashiell";
  font-weight: 600;
}

section.home_coctails {
  height: auto;
  padding-top: 3.125rem;
}

.btn_cocktails {
  bottom: 1.25rem;
  margin-bottom: 1.875rem;
}

.carrusel_coctails .slick-arrow {
  bottom: unset !important;
  top: 40% !important;
  margin-top: 0;
}

.carrusel_coctails .slick-arrow.over {
  margin-top: 0;
}

.carrusel_coctails .slick-arrow.slick-prev {
  right: unset;
  left: 0.625rem;
}

.slick-arrow.slick-next {
  position: absolute;
  right: 0.625rem;
}

.carrusel .slick-arrow {
  transform: scale(1.2);
}

.carrusel .slick-arrow.slick-prev {
  right: 125px;
}

.carrusel .slick-arrow.slick-next {
  right: 1.875rem;
}

.circulo {
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 100%;
  border: 12px solid var(--amarillo);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -6px;
  margin-left: 0.1875rem;
  background-color: #000000;
  overflow: hidden;
}

.circulo2 {
  position: absolute;
  width: 1000px;
  height: 1000px;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-top: -6px;
  margin-left: 0.1875rem;
}

.m {
  position: absolute;
  opacity: 0.95;
  width: 236px;
  height: 236px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.m1 {
  left: 382px;
  top: -118px;
}

.m2 {
  left: 882px;
  top: 382px;
}

.m3 {
  left: 382px;
  top: 882px;
}

.m4 {
  left: -118px;
  top: 382px;
}

.circulo2 .m {
  left: 382px;
  top: -118px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.circulo2 .m.active-avatar {
  opacity: 0.95;
}

.parallax_els {
  z-index: 1;
}

.parallax_els,
.parallax_els2 {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.parallax_els,
.parallax_els *,
.parallax_els2,
.parallax_els2 * {
  pointer-events: none;
}

.parallax_els img,
.parallax_els2 img {
  position: absolute;
}

.pe_limon {
  top: -2vh;
  left: -80px;
  width: 20vw;
  z-index: 1;
}

.pe_hojas {
  bottom: 5vh;
  left: -8vw;
  width: 30vw;
  z-index: 1;
}

.pe_hoja {
  top: 75vh;
  left: 73vw;
  width: 16vw;
  z-index: 1;
}

.pe_twist {
  top: 5vh;
  left: 75vw;
  width: 35vw;
}

@media (min-width: 0) and (max-width: 839.9px) {
  .home_coctails h3 {
    font-size: 8vw;
  }
  .info_cocktails p {
    font-size: 5vw;
  }
  .mixer {
    top: 230px;
  }
  .carrusel_coctails_container {
    bottom: unset;
  }
  .carrusel_coctails .slick-slide {
    transform: scale(0.45);
    filter: none;
  }
  .carrusel_coctails .slick-center {
    filter: none;
    transform: scale(0.85);
  }
  .info_cocktails {
    bottom: unset;
  }
  .carrusel_coctails .slick-arrow.slick-prev {
    right: unset;
    left: -12px;
  }
  .carrusel_coctails .slick-arrow.slick-next {
    right: -12px;
  }
}
@media (min-width: 599.9px) and (max-width: 1023.9px) {
  .home_coctails_container {
    height: 50vh;
  }
  .parallax_els,
  .parallax_els2 {
    height: 100%;
    overflow: hidden;
  }
}
@media (min-width: 599.9px) and (max-width: 839.9px) {
  .info_cocktails h3 {
    font-size: clamp(24px, 4vw, 34px);
    line-height: 1.05;
    margin-top: 6px;
  }
  .info_cocktails p {
    font-size: clamp(13px, 2.2vw, 18px);
    line-height: 1.1;
    margin-top: 2px;
  }
  .info_cocktails {
    padding-inline: 0.625rem;
  }
  .mixer {
    top: 200px;
  }
}
@media (min-width: 1279.9px) {
  .home_coctails_container {
    top: 150px;
    margin-bottom: 3.125rem;
  }
  section.home_coctails {
    padding-bottom: 100px;
  }
}
.burbujas {
  position: relative;
  z-index: 111;
  margin-top: 0;
}

.burbuja {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
}

.ornamento {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100px;
  background: transparent;
  background-position: top;
  background-repeat: repeat-x;
  background-image: url(/DigitUp/SchweppesPT/assets/img/separador.png);
  transform: translateY(-99%);
}

.ornamento.o2 {
  background-image: url(/DigitUp/SchweppesPT/assets/img/separador2.png);
  transform: translateY(-90%);
}

.agegate__bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  z-index: 0;
}

.edad {
  position: fixed;
  z-index: 10000000000000000000;
  text-align: center;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}

.agegate__overlay {
  inset: 0;
  pointer-events: none;
}

.agegate__overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  backdrop-filter: none;
}

.agegate__logo {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}

.wrapper-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  color: #ffffff;
  text-align: center;
}

.edad-boton {
  width: 70%;
  display: flex;
  justify-content: space-around;
  pointer-events: auto;
}

.wrapper-txt p:nth-child(1) {
  font-size: min(3.5vw, 37px);
  font-weight: 300;
  font-family: "Dashiell" !important;
  line-height: min(4vw, 40px);
  letter-spacing: 0.02em;
  margin-bottom: 2.125rem;
}

.edad p:nth-child(2) {
  margin-top: 0;
  margin-bottom: 3.125rem;
  font-size: min(4vw, 37px);
}

@media (min-width: 0) and (max-width: 839.9px) {
  .edad-boton {
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 0.875rem;
  }
}
#cookieBanner {
  direction: ltr;
  color: #ffffff;
  min-height: 2rem;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  padding: 0.375rem 1.25rem;
  background-color: #2e363f;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  text-rendering: geometricPrecision;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

#cookieBannerButton {
  background: var(--amarillo);
  margin-left: 1.25rem;
  padding: 10px 32px;
  font-size: 12px;
  line-height: 1;
  min-height: 2rem;
  border: 0.125rem solid #000000;
  min-width: auto;
}

body {
  color: #000000;
  overflow-x: hidden;
  margin: 0;
  font-family: "Futura PT Book", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
  font-style: normal;
}
@media (min-width: 1023.9px) {
  body {
    font-family: "Futura PT Book", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: normal;
    font-style: normal;
  }
}

section {
  font-family: "Dashiell", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
  font-style: normal;
}
@media (min-width: 1023.9px) {
  section {
    font-family: "Dashiell", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: normal;
    font-style: normal;
  }
}

nav {
  font-family: "Festivo", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
  font-style: normal;
}
@media (min-width: 1023.9px) {
  nav {
    font-family: "Festivo", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: normal;
    font-style: normal;
  }
}
nav ul li a {
  text-decoration: none;
  list-style: none;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

button,
a {
  cursor: pointer;
}

a {
  color: #3f37d7;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

li {
  list-style: none;
}

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

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  padding: 1rem;
  border: 1px solid #a5abb3;
  width: 100%;
  border-radius: 0;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus {
  outline: 2px solid #002d72;
}

svg:focus,
svg:focus-visible {
  border: none;
  outline: none;
}

.sr_only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
}

::selection {
  background-color: #33578e;
  color: #e4e2f9;
}

.skip-to-content {
  position: absolute;
  top: -40px;
  left: 0;
  background: #ffffff;
  color: #000000;
  padding: 0.5rem 1rem;
  z-index: 1000;
  transition: top 0.3s ease;
  text-decoration: none;
}

.skip-to-content:focus {
  top: 0;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 599.9px) and (max-width: 1023.9px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1023.9px) and (max-width: 1279.9px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

h1,
.h1 {
  color: #002d72;
  text-transform: uppercase;
}
h2,
.h2 {
  text-transform: uppercase;
  font-family: "Festivo", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.5rem;
  letter-spacing: 0.0625rem;
  font-style: normal;
}
@media (min-width: 839.9px) and (max-width: 1023.9px) {
  h2,
  .h2 {
    font-family: "Festivo", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    font-size: 2.8125rem;
    line-height: 3.5rem;
    letter-spacing: 0.0625rem;
    font-style: normal;
  }
}
@media (min-width: 1023.9px) {
  h2,
  .h2 {
    font-family: "Festivo", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    font-size: 3.75rem;
    line-height: 4rem;
    letter-spacing: 0.0625rem;
    font-style: normal;
  }
}