@font-face { font-family: "Candeal Titulo"; font-weight: 500 700; font-style: normal; font-display: swap; src: url("titulo.woff2") format("woff2"); }
@font-face { font-family: "Candeal Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("mono.woff2") format("woff2"); }
@font-face { font-family: "Candeal Mono"; font-weight: 400; font-style: italic; font-display: swap; src: url("mono-i.woff2") format("woff2"); }
@font-face { font-family: "Candeal Mano"; font-weight: 400; font-style: normal; font-display: swap; src: url("mano.woff2") format("woff2"); }

@property --t-wght { syntax: "<number>"; inherits: true; initial-value: 500; }

:root {
  --t-wght: 500;
  --f-titulo: "Candeal Titulo", "Arial Rounded MT Bold", "Trebuchet MS", Helvetica, Arial, sans-serif;
  --f-mono: "Candeal Mono", "Courier New", Courier, monospace;
  --f-mano: "Candeal Mano", "Comic Sans MS", "Chalkboard SE", "Marker Felt", cursive;
  --t-h-1: 72px/1 var(--f-titulo);
  --t-h-2: 56px/1 var(--f-titulo);
  --t-h-3: 40px/1 var(--f-titulo);
  --t-h-4: 24px/1 var(--f-titulo);
  --t-b-1: 400 16px/1.2 var(--f-mono);
  --t-b-2: 400 14px/1 var(--f-mono);
  --t-b-3: 400 12px/1 var(--f-mono);
  --t-b-4: 400 16px/1.2 var(--f-mano);
  --t-l-1: 32px/1 var(--f-titulo);
  --t-l-2: 16px/1 var(--f-titulo);
  --cr-accent: #2259ec; --cr-black: #000; --cr-white: #fff; --cr-cream: #f2f0ed; --cr-blue: #2259ec; --cr-sky: #b1cdf2; --cr-orange: #f25a07; --cr-brown: #55270a;
  --cr-subtle: rgba(125, 125, 125, .1); --cr-subtle-5: rgba(125, 125, 125, 1);
  --e-inOut-cubic: cubic-bezier(.65, 0, .35, 1); --e-inOut-quart: cubic-bezier(.76, 0, .24, 1); --e-inOut-expo: cubic-bezier(.87, 0, .13, 1); --e-inOut-circ: cubic-bezier(.85, 0, .15, 1);
  --s-contain: min(2.5vw, 20px); --s-lg: 1800px;
  --width-lg: min(100vw - var(--s-contain) * 2, var(--s-lg));
  --padding-lg: calc((100vw - var(--width-lg)) / 2);
  --s-vp-height: 100vh; --s-section: 100px;
  --logo-color: var(--cr-brown);
  --z-header: 120; --z-footer: 115;
}
@supports (height: 100svh) { :root { --s-vp-height: 100svh; } }
@media (max-width: 600px) {
  :root {
    --t-h-1: 36px/1 var(--f-titulo); --t-h-2: 32px/1 var(--f-titulo); --t-h-3: 24px/1 var(--f-titulo); --t-h-4: 14px/1 var(--f-titulo);
    --t-b-1: 400 14px/1.2 var(--f-mono); --t-b-2: 400 12px/1 var(--f-mono); --t-b-3: 400 14px/1 var(--f-mono); --t-b-4: 400 12px/1.2 var(--f-mano); --t-l-1: 16px/1 var(--f-titulo);
    --s-section: 60px;
  }
}


*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; line-height: 1; -webkit-text-size-adjust: 100%; color: var(--cr-brown); background-color: var(--cr-cream); width: 100%; min-height: 100%; margin: 0; padding: 0; }
html.is-header-on-dark { --logo-color: var(--cr-white); }
body { position: relative; width: 100%; min-height: 100%; margin: 0; padding: 0; font: var(--t-b-2); letter-spacing: .012em; line-height: 1; -webkit-font-smoothing: antialiased; overflow-x: clip; }
main { display: block; }
h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; list-style: none; font-size: inherit; font-weight: inherit; }
h1:empty, h2:empty, h3:empty, p:empty, ul:empty { display: none; }
a { position: relative; text-decoration: none; color: inherit; border: none; outline: none; cursor: pointer; background-color: transparent; word-wrap: break-word; }
img, picture, video, canvas, svg { display: block; }
img, picture, video, canvas { max-width: 100%; height: auto; border: none; outline: none; margin: 0; }
button, input, textarea { font: inherit; letter-spacing: inherit; line-height: inherit; color: inherit; text-transform: inherit; margin: 0; padding: 0; display: block; background: transparent; border: 0; border-radius: 0; outline: none; -webkit-appearance: none; appearance: none; }
button { cursor: pointer; }
textarea { resize: vertical; }
fieldset { border: none; padding: 0; margin: 0; }
legend { padding: 0; }
[hidden] { display: none !important; }
::placeholder { color: inherit; opacity: 1; }
::selection { color: var(--cr-white); background-color: var(--cr-accent); text-shadow: none; }
.bg-blue ::selection { color: var(--cr-blue); background-color: var(--cr-white); }
@media (hover: hover) {
  * { outline-width: 2px; outline-offset: 3px; outline-style: dashed; outline-color: rgba(0, 0, 0, 0); }
  *:focus-visible { outline-width: 2px !important; outline-offset: 3px !important; outline-style: dashed !important; outline-color: var(--cr-accent) !important; }
  .bg-blue *:focus-visible, .pie *:focus-visible { outline-color: var(--cr-white) !important; }
}
:focus-visible { outline: 2px dashed var(--cr-accent); outline-offset: 3px; }
.bg-blue :focus-visible { outline-color: var(--cr-white); }
.screen-reader-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.g-ada-skip { position: fixed; top: 10px; left: 10px; transform: translateY(-100vh); z-index: 1000; background: var(--cr-blue); color: #fff; padding: 12px 16px; font: var(--t-b-2); }
.g-ada-skip:focus { transform: translateY(0); }
.ancla { position: absolute; pointer-events: none; top: 0; visibility: hidden; }
.f-h { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; }
.f-v { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; }
.f-w { flex-wrap: wrap; } .f-a-s { align-items: stretch; } .f-a-c { align-items: center; } .f-j-s { justify-content: flex-start; } .f-j-c { justify-content: center; } .f-j-e { justify-content: flex-end; }
.g { display: grid; } .g-3 { grid-template-columns: repeat(3, 1fr); }
.p-x-lg { padding-inline: var(--padding-lg); }
.p-fill { position: absolute; inset: 0; }
.bg-blue { background-color: var(--cr-blue); } .bg-orange { background-color: var(--cr-orange); }
.cr-white { color: var(--cr-white); } .cr-blue { color: var(--cr-blue); } .cr-orange { color: var(--cr-orange); } .cr-brown { color: var(--cr-brown); } .cr-sky { color: var(--cr-sky); }
.text-balance { text-wrap: balance; }
.hover-opacity { transition: opacity .2s; }
@media (hover: hover) { .hover-opacity:hover { opacity: .6; } }
.object-fit { position: absolute; inset: 0; display: block; overflow: hidden; }
.object-fit > * { width: 100%; height: 100%; object-fit: cover; }
.mobile-down-only { display: none !important; }
@media (max-width: 600px) { .mobile-up-only { display: none !important; } .mobile-down-only { display: revert !important; } }


.t-h-1, .t-h-2, .t-h-3, .t-h-4, .t-l-1, .t-l-2, h1, h2, h3 { font-weight: var(--t-wght); font-variation-settings: "wght" var(--t-wght); text-wrap: balance; letter-spacing: -.04em; text-transform: uppercase; }
.t-h-1 { font: var(--t-h-1); } .t-h-2 { font: var(--t-h-2); } .t-h-3, h1, h2, h3 { font: var(--t-h-3); } .t-h-4 { font: var(--t-h-4); }
.t-l-1 { font: var(--t-l-1); } .t-l-2 { font: var(--t-l-2); }
.t-h-1, .t-h-2, .t-h-3, .t-h-4, .t-l-1, .t-l-2, h1, h2, h3 { font-weight: var(--t-wght); font-variation-settings: "wght" var(--t-wght); letter-spacing: -.04em; text-transform: uppercase; }
.t-h-4 { text-wrap: wrap; }
.t-b-1, p, ol, ul { font: var(--t-b-1); letter-spacing: .012em; }
.t-b-2 { font: var(--t-b-2); letter-spacing: .012em; }
.t-b-3 { font: var(--t-b-3); letter-spacing: -.03em; }
.t-b-4 { font: var(--t-b-4); letter-spacing: .1em; }
p em { font-style: italic; }


.btn { position: relative; display: inline-flex; justify-content: center; align-items: center; height: 45px; padding: 0 25px; color: #fff; background: #000; font: var(--t-b-2); cursor: pointer; }
.btn-draw { --t-wght: 500; --t-duration: .3s; --height: 30px; --btn-draw-bg: var(--cr-blue); --btn-draw-text: var(--cr-white); --btn-draw-active-svg: var(--cr-orange);
  position: relative; display: inline-flex; justify-content: center; align-items: center; padding-inline: 24px; min-width: 135px; height: var(--height); white-space: nowrap; text-align: center;
  text-transform: uppercase; font: var(--t-l-2); background-color: var(--btn-draw-bg); color: var(--btn-draw-text); cursor: pointer;
  font-weight: var(--t-wght); font-variation-settings: "wght" var(--t-wght); transition: --t-wght var(--t-duration) var(--e-inOut-cubic); }
.btn-draw.bg-orange { --btn-draw-bg: var(--cr-orange); --btn-draw-active-svg: var(--cr-blue); }
.btn-draw__label { position: relative; display: inline-block; z-index: 1; }
.btn-draw__label::after { content: attr(data-label); display: block; height: 0; overflow: hidden; visibility: hidden; font-variation-settings: "wght" 700; }
.btn-draw__icon { position: absolute; right: 100%; top: 50%; translate: 0 -50%; margin-right: 2px; opacity: 0; transform: scale(.8); color: var(--btn-draw-active-svg); pointer-events: none;
  transition: opacity var(--t-duration) var(--e-inOut-cubic), transform var(--t-duration) var(--e-inOut-cubic), color var(--t-duration); }
.btn-draw__icon svg { display: block; width: 10px; height: 10px; }
.btn-draw__line { position: absolute; bottom: -4px; left: 0; width: 100%; height: 3px; pointer-events: none; color: inherit; overflow: visible; }
.btn-draw__line path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .5s var(--e-inOut-expo), stroke var(--t-duration); }
@media (hover: hover) { .btn-draw:hover { --t-wght: 620; } .btn-draw:hover .btn-draw__line path { stroke-dashoffset: 0; } }
.btn-draw.is-active { --t-wght: 620; }
.btn-draw.is-active .btn-draw__icon { opacity: 1; transform: scale(1); }
.btn-draw.is-active .btn-draw__line path { stroke-dashoffset: 0; stroke: var(--btn-draw-active-svg); }

.btn-sketch { --t-duration: .3s; --height: 40px; --color: var(--cr-white); --bg-color: transparent; --border-color: var(--cr-white); --color-hover: var(--cr-blue);
  position: relative; display: inline-flex; justify-content: center; align-items: center; padding-inline: 15px; white-space: nowrap; text-align: center; background: transparent; height: var(--height);
  color: var(--color); font: var(--t-l-2); font-weight: 500; letter-spacing: -.02em; line-height: 1; cursor: pointer; user-select: none; isolation: isolate; }
.btn-sketch.bg-blue { --bg-color: var(--cr-blue); --border-color: var(--cr-blue); }
.btn-sketch.cr-blue { --color: var(--cr-blue); --border-color: var(--cr-blue); --color-hover: var(--cr-white); }
.btn-sketch.is-small { --height: 30px; font-size: 14px; }
.btn-sketch.is-thin { font-weight: 500; }
.btn-sketch__shape { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: visible; }
.btn-sketch__shape path { transition: fill var(--t-duration), stroke var(--t-duration); }
.btn-sketch__label { position: relative; gap: .5em; z-index: 1; transition: color var(--t-duration); }
.btn-sketch__label .svg-arrow-curve-right { width: 1.5em; height: auto; flex: none; }
@media (hover: hover) {
  .btn-sketch:not([disabled]):hover .btn-sketch__shape path { fill: var(--color) !important; }
  .btn-sketch:not([disabled]):hover .btn-sketch__label { color: var(--color-hover); }
}
.btn-sketch.has-hover-swap { overflow: hidden; }
.btn-sketch.has-hover-swap .btn-sketch__label { height: 100%; transition: color var(--t-duration), transform var(--t-duration); }
.btn-sketch.has-hover-swap .btn-sketch__label--hover { position: absolute; inset: 0; color: var(--color-hover); transform: translateY(100%); }
@media (hover: hover) {
  .btn-sketch.has-hover-swap:not([disabled]):hover .btn-sketch__label:not(.btn-sketch__label--hover) { transform: translateY(-100%); }
  .btn-sketch.has-hover-swap:not([disabled]):hover .btn-sketch__label--hover { transform: translateY(0); }
}
.btn-icon { --t-duration: .3s; --btn-icon-w: 42px; --btn-icon-h: 38px; --btn-icon-bg: transparent; --btn-icon-color: var(--cr-blue); --btn-icon-border: var(--cr-blue);
  position: relative; display: inline-flex; justify-content: center; align-items: center; width: var(--btn-icon-w); height: var(--btn-icon-h); padding: 0; background: transparent; color: var(--btn-icon-color); cursor: pointer; isolation: isolate; }
.btn-icon__shape { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: visible; }
.btn-icon__shape path { transition: fill var(--t-duration), stroke var(--t-duration); }
.btn-icon__icon { display: flex; align-items: center; justify-content: center; width: 50%; pointer-events: none; transition: color var(--t-duration); }
.btn-icon__icon svg { display: block; width: 100%; height: auto; }
@media (hover: hover) { .btn-icon:hover { --btn-icon-bg: var(--cr-blue); --btn-icon-color: var(--cr-white); } }
.btn-icon.is-fill { --btn-icon-bg: var(--cr-blue); --btn-icon-color: var(--cr-white); }
@media (hover: hover) { .btn-icon.is-fill:hover { --btn-icon-bg: var(--cr-white); --btn-icon-color: var(--cr-blue); } }
.btn-icon.cr-white { --btn-icon-color: var(--cr-white); --btn-icon-border: var(--cr-white); }
@media (hover: hover) { .btn-icon.cr-white:hover { --btn-icon-bg: var(--cr-white); --btn-icon-color: var(--cr-blue); } }
.btn-icon.is-small { --btn-icon-w: 26px; --btn-icon-h: 23px; }
.btn-label { --height: 35px; --btn-label-text: var(--cr-white); --btn-label-fill: var(--cr-blue); position: relative; display: inline-flex; gap: .5em; justify-content: center; align-items: center;
  padding-inline: 6px; height: var(--height); line-height: var(--height); color: var(--btn-label-fill); isolation: isolate; font: var(--t-l-1); font-weight: var(--t-wght); text-transform: uppercase; }
.btn-label.is-orange { --btn-label-fill: var(--cr-orange); } .btn-label.is-sky { --btn-label-fill: var(--cr-sky); } .btn-label.cr-blue { --btn-label-text: var(--cr-blue); }
.btn-label.is-small { --height: 27px; font-size: 16px; } .btn-label.is-small-font { font-size: 16px; } .btn-label.is-large-padding { padding-inline: 16px; }
.btn-label__shape { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: visible; }
.btn-label__text { position: relative; z-index: 1; color: var(--btn-label-text); white-space: nowrap; }


.cab { --menu-dur: .3s; position: fixed; top: 0; left: 0; width: 100%; pointer-events: none; z-index: var(--z-header); }
.cab > * { pointer-events: auto; }
.cab__logo { display: inline-block; position: fixed; top: 8px; left: var(--s-contain); width: 115px; color: var(--logo-color); transition: color .3s ease, transform .4s cubic-bezier(.33, 1, .68, 1); }
.cab__logo svg { width: 100%; height: auto; overflow: visible; }
.cab__nav { margin-left: auto; width: fit-content; }
.cab__lista { align-items: center; }
.cab__sep { position: relative; width: 0; height: 30px; pointer-events: none; }
.cab__sep svg { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); height: 50%; width: auto; color: var(--cr-white); overflow: visible; }
.lengua { --t-duration: .3s; position: relative; display: flex; align-items: center; height: 30px; background-color: var(--cr-white); color: var(--cr-blue); isolation: isolate; }
.lengua__forma { display: none; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: visible; }
.lengua__lista { display: flex; align-items: center; height: 100%; }
.lengua__div { display: flex; align-items: center; padding-inline: 2px; height: 100%; pointer-events: none; }
.lengua__div svg { height: 60%; width: auto; color: var(--cr-blue); }
.lengua__item { position: relative; display: inline-flex; justify-content: center; align-items: center; height: 100%; width: 45px; color: var(--cr-blue); font: var(--t-l-2); font-weight: 500; transition: opacity var(--t-duration), color var(--t-duration); }
.lengua__item:not(.is-active) { opacity: .4; }
@media (hover: hover) { .lengua__item:not(.is-active):hover { opacity: 1; } }
.lengua__circulo { position: absolute; width: 80%; height: 90%; pointer-events: none; }
.lengua__circulo svg { width: 100%; height: 100%; overflow: visible; }
.lengua__circulo path { stroke-dasharray: none; }
.cab__menu, .cab__cierra { display: flex; transition: opacity .2s, transform .2s; }
.cab__velo { position: fixed; inset: 0; pointer-events: none; visibility: hidden; }
html.is-menu-on .cab__velo { visibility: visible; pointer-events: auto; }


.cortina { display: none; }
html.is-intro .cortina { display: block; position: fixed; inset: 0; z-index: calc(var(--z-header) + 10); background-color: var(--cr-cream); transform: translate3d(0, 0, 0); will-change: transform; pointer-events: none;
  animation: cortina-sube 1s var(--e-inOut-quart) 4.5s forwards; }
html.is-intro.is-revealed .cortina { animation: none; transform: translate3d(0, -100%, 0); transition: transform 1s var(--e-inOut-quart) .4s; }
@keyframes cortina-sube { to { transform: translate3d(0, -100%, 0); } }
@keyframes logo-entra { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: scale(1); } }
html.is-intro { --intro-dur: 1.2s; --intro-delay: 1.4s; }
html.is-intro .cab { z-index: calc(var(--z-header) + 20); }
html.is-intro .cab__logo { animation: logo-entra .7s var(--e-inOut-quart) calc(var(--intro-delay) + .4s) backwards; }
@media (min-width: 601px) {
  html.is-intro .cab__nav { transform: translate3d(0, -100%, 0); }
  html.is-intro.is-loaded .cab__nav { transform: none; transition: transform var(--intro-dur) var(--e-inOut-quart) var(--intro-delay); }
}


.hero { position: relative; overflow: hidden; height: min(var(--s-vp-height), 1200px); display: grid; grid-template-rows: 1fr auto 1fr auto; justify-items: center; padding-bottom: 40px; background: #cfc8bd; }

.hero__titulos { gap: 5px 16px; overflow: hidden; grid-row: 2; width: 100%; max-width: 1200px; margin-inline: auto; z-index: 2; }
.hero__titulo { --font-size: 40px; position: relative; display: inline-grid; overflow: hidden; padding-bottom: .1em; }
.hero__item { grid-area: 1/1; opacity: 0; transform: translateY(100%); transition: opacity .5s cubic-bezier(.33, 1, .68, 1), transform .5s cubic-bezier(.33, 1, .68, 1); }
.hero__item.is-active { opacity: 1; transform: translateY(0); }
.hero__item.is-out { opacity: 0; transform: translateY(-100%); }
.hero__item.no-transition { transition: none; }
.hero__item.is-playful { font: var(--t-b-4); font-size: var(--font-size); font-variation-settings: normal; letter-spacing: .06em; text-transform: none; font-weight: 400; }
.hero__acciones { gap: 16px; grid-row: 4; z-index: 2; }
.hero::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; pointer-events: none; z-index: 1; animation: grano .5s steps(1) infinite; mix-blend-mode: hard-light;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E"); }
@keyframes grano { 0% { transform: translate(0, 0); } 10% { transform: translate(-5%, -5%); } 20% { transform: translate(-10%, 5%); } 30% { transform: translate(5%, -10%); } 40% { transform: translate(-5%, 15%); }
  50% { transform: translate(-10%, 5%); } 60% { transform: translate(15%, 0); } 70% { transform: translate(0, 10%); } 80% { transform: translate(-15%, 0); } 90% { transform: translate(10%, 5%); } 100% { transform: translate(5%, 0); } }


.pip-velo { position: fixed; inset: 0; background: rgba(0, 0, 0, .8); z-index: 9999; opacity: 0; pointer-events: none; }
.pip { --pip-inset: clamp(10px, 2vw, 24px); --pip-bottom: clamp(18px, 4vw, 40px); --pip-ctrl-h: clamp(16px, 2.4vw, 22px); --pip-track-h: clamp(3px, .4vw, 4px); --pip-tick-w: clamp(3px, .4vw, 4px);
  --pip-play: clamp(35px, 10vw, 64px); position: fixed; bottom: var(--s-contain); left: var(--s-contain); width: 220px; opacity: 0; pointer-events: none; cursor: pointer; transition: opacity .2s; z-index: 9999; background: #2b2a28; clip-path: url(#clip-pip); }
.pip video { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.pip.is-expanded { cursor: default; }
.pip__forma { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; overflow: visible; }
.pip__forma path { transition: stroke .2s ease; stroke: transparent; }
@media (hover: hover) { .pip:not(.is-expanded):hover .pip__forma path { stroke: var(--cr-blue); stroke-width: 2px; } }
.pip__controles { position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease; z-index: 2; color: var(--cr-white); }
.pip.is-expanded .pip__controles { opacity: 1; visibility: visible; pointer-events: auto; }
.pip__controles button { background: none; border: 0; padding: 0; cursor: pointer; color: inherit; }
.pip__play { position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: var(--pip-play); height: var(--pip-play); border-radius: 50%; border: 1.5px solid currentColor !important; display: flex !important; align-items: center; justify-content: center; opacity: 0; transition: opacity .2s ease; }
.pip__play svg { display: block; width: calc(var(--pip-play) * .5); height: calc(var(--pip-play) * .5); }
.pip__play[data-state="playing"] .svg-play, .pip__play:not([data-state="playing"]) .svg-pause { display: none; }
@media (hover: hover) { .pip.is-expanded:hover .pip__play { opacity: 1; } }
.pip__play:focus-visible { opacity: 1; }
.pip__pista { position: absolute; left: var(--pip-inset); right: var(--pip-inset); bottom: var(--pip-bottom); height: var(--pip-ctrl-h); pointer-events: auto; }
.pip__traza { position: absolute; left: 0; right: 0; top: 50%; translate: 0 -50%; width: 100%; height: var(--pip-track-h); pointer-events: none; color: var(--cr-white); overflow: visible; }
.pip__traza path { stroke-dasharray: none; stroke-dashoffset: 0; }
.pip__traza.is-base { opacity: .45; }
.pip__traza.is-fill { clip-path: inset(-6px calc(100% - var(--progress, 0%)) -6px 0); }
.pip__marca { position: absolute; top: 50%; left: var(--progress, 0%); translate: -50% -50%; width: var(--pip-tick-w); height: var(--pip-ctrl-h); pointer-events: none; color: var(--cr-white); }
.pip__marca svg { display: block; width: 100%; height: 100%; }
.pip__tiempo { position: absolute; top: calc(100% + 4px); left: 50%; translate: -50% 0; color: var(--cr-white); white-space: nowrap; pointer-events: none; }
.pip__barra { position: absolute; left: calc(var(--pip-tick-w) * -1.5); width: calc(100% + var(--pip-tick-w) * 3); top: 50%; translate: 0 -50%; height: var(--pip-ctrl-h); margin: 0; appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; }
.pip__barra::-webkit-slider-runnable-track { background: transparent; height: var(--pip-ctrl-h); }
.pip__barra::-moz-range-track { background: transparent; height: var(--pip-ctrl-h); }
.pip__barra::-webkit-slider-thumb { -webkit-appearance: none; width: calc(var(--pip-tick-w) * 4); height: var(--pip-ctrl-h); background: transparent; border: 0; }
.pip__barra::-moz-range-thumb { width: calc(var(--pip-tick-w) * 4); height: var(--pip-ctrl-h); background: transparent; border: 0; }
.pip-cierra { position: fixed; top: var(--s-contain); right: var(--s-contain); z-index: 9999; opacity: 0; pointer-events: none; }
body:has(.pip:not(.is-expanded):hover) #main, body:has(.pip:not(.is-expanded):hover) .cab, body:has(.pip:not(.is-expanded):hover) .pie { opacity: .6; }
#main, .cab, .pie { transition: opacity .3s ease; }


.c-fade-words__word { display: inline-block; }
.c-paragraph { --scribble-color: var(--cr-orange); position: relative; display: flex; gap: 12px; }
.c-paragraph__icon { position: relative; flex: none; }
.c-paragraph__icon svg { display: inline-block; width: 1.5em; height: 1.5em; }
.c-paragraph__text strong { position: relative; font-weight: inherit; display: inline-block; }
.c-paragraph__scribble { position: absolute; bottom: 50%; left: 0; width: 120%; pointer-events: none; color: var(--scribble-color); transform: translate3d(-8%, 50%, 0); }
.c-paragraph__scribble svg { display: block; width: 100%; height: 12px; overflow: visible; }
.c-paragraph__scribble path { stroke-dasharray: 800; stroke-dashoffset: 800; transition: stroke-dashoffset 10s cubic-bezier(.33, 1, .68, 1); }
.c-paragraph.is-complete .c-paragraph__scribble path { stroke-dashoffset: 0; }
html:not(.anim) .c-paragraph__scribble path { stroke-dashoffset: 0; }

.c-title[data-proximity] .c-title__line { display: block; }
.c-title[data-proximity] .c-title__word { display: inline-block; white-space: nowrap; }
.c-title[data-proximity] .c-title__letter { position: relative; display: inline-block; transition: font-variation-settings .15s ease-out; }
.c-title[data-proximity] .c-title__letter::before { content: attr(data-letter); visibility: hidden; font-variation-settings: "wght" var(--c-title-wght-min, 500) !important; }
.c-title[data-proximity] .c-title__letter-inner { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.c-title[data-proximity] .c-title__space { display: inline-block; }

.c-title-parenthesis { position: relative; }
.c-title-parenthesis::before, .c-title-parenthesis::after { display: inline-block; position: absolute; top: 50%; font-size: 2em; font-family: var(--f-titulo); font-weight: 500; }
.c-title-parenthesis::before { content: "("; left: 0; transform: translate3d(-1em, -50%, 0); }
.c-title-parenthesis::after { content: ")"; right: 0; transform: translate3d(1em, -50%, 0); }
.c-title-parenthesis__label { position: absolute; bottom: 0; right: 0; transform: translate3d(10%, 150%, 0); white-space: nowrap; text-transform: none; }
.c-title-parenthesis__label.is-success { display: none; }
.is-ingredients-complete .c-title-parenthesis__label:not(.is-success) { display: none; }
.is-ingredients-complete .c-title-parenthesis__label.is-success { display: inline; }


.c-field { --height: 45px; --line-height: 20px; --padding-h: 16px; position: relative; line-height: 1; }
.c-field.has-border::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background-color: currentColor; pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 529 4' fill='none'%3E%3Cg filter='url(%23f)'%3E%3Cpath d='M1.08 1.58C143.9 1.58 468.6 1.58 527.1 1.58' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='f' x='0' y='0' width='529' height='4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='B'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='B' result='shape'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.49' numOctaves='3' seed='6505'/%3E%3CfeDisplacementMap in='shape' scale='2.16' xChannelSelector='R' yChannelSelector='G' result='d' width='100%25' height='100%25'/%3E%3CfeMerge%3E%3CfeMergeNode in='d'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 529 4' fill='none'%3E%3Cg filter='url(%23f)'%3E%3Cpath d='M1.08 1.58C143.9 1.58 468.6 1.58 527.1 1.58' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='f' x='0' y='0' width='529' height='4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='B'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='B' result='shape'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.49' numOctaves='3' seed='6505'/%3E%3CfeDisplacementMap in='shape' scale='2.16' xChannelSelector='R' yChannelSelector='G' result='d' width='100%25' height='100%25'/%3E%3CfeMerge%3E%3CfeMergeNode in='d'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  mask-size: 100% 100%; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; }
.c-field input, .c-field textarea { height: var(--height); padding: calc((var(--height) - var(--line-height)) / 2) var(--padding-h); font: var(--t-b-2); line-height: var(--line-height); position: relative; display: block; width: 100%;
  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: inherit; transition: .2s; text-align: center; }
.c-field label { display: block; font: var(--t-b-1); text-align: center; text-transform: uppercase; line-height: 1; }
.c-field label:not(:last-child) { margin-bottom: 5px; }
.c-field textarea { white-space: normal; min-height: var(--height); width: 100%; resize: none; field-sizing: content; text-align: left; }
.c-field textarea::placeholder { text-align: center; }
input::placeholder, textarea::placeholder { color: #a69488; }
.c-form { container-type: inline-size; container-name: form; }
.c-form__fields { --gap: clamp(24px, 15vw, 60px); display: grid; grid-template-columns: repeat(6, 1fr); gap: calc(var(--gap) * 1.5) var(--gap); }
.c-form .c-field, .c-form .c-fieldset { grid-column: 1 / -1; }
.c-form .c-field[data-size="1/3"] { grid-column: span 2; }
.c-form .c-fieldset[data-size="full"] { grid-column: span 6; }
.c-checkbox { --t-duration: .3s; position: relative; gap: 12px; cursor: pointer; }
.c-checkbox__input { display: inline-block !important; width: 16px; height: 16px; border: 1px solid; cursor: pointer; vertical-align: middle; }
.c-checkbox__icon { position: absolute; top: 0; left: 50%; width: 1.5em; height: 1.55em; transform: translate3d(calc(-50% + var(--offset-x, 0px)), var(--offset-y, 0px), 0) scale(0); transition: transform .1s ease-out; pointer-events: none; }
.c-checkbox__icon svg { display: inline-block; width: 100%; height: 100%; }
.c-checkbox__card { gap: 12px; }
.c-checkbox__label, .c-checkbox__description { opacity: .7; transition: opacity var(--t-duration) ease-out; text-align: center; }
.c-checkbox__description { max-width: 110px; margin-inline: auto; }
.c-checkbox__label { position: relative; text-transform: uppercase; }
.c-checkbox__scribble { position: absolute; top: 100%; left: 50%; width: 100%; pointer-events: none; opacity: 0; transform: translate3d(-50%, -30%, 0); transition: opacity .3s ease-out; }
.c-checkbox__scribble svg { display: block; width: 100%; height: 8px; overflow: visible; }
.c-checkbox__scribble path { stroke-dasharray: 800; stroke-dashoffset: 800; transition: stroke-dashoffset 0s linear .3s; }
.c-checkbox__input:checked + .c-checkbox__icon { transform: translate3d(calc(-50% + var(--offset-x, 0px)), var(--offset-y, 0px), 0) scale(1); }
.c-checkbox__input:checked ~ .c-checkbox__card .c-checkbox__label, .c-checkbox__input:checked ~ .c-checkbox__card .c-checkbox__description { opacity: 1; }
.c-checkbox__input:checked ~ .c-checkbox__card .c-checkbox__scribble { opacity: 1; }
.c-checkbox__input:checked ~ .c-checkbox__card .c-checkbox__scribble path { stroke-dashoffset: 0; transition: stroke-dashoffset .7s cubic-bezier(.45, .05, .55, .95); }
.c-checkbox__input:focus-visible { outline: 2px dashed var(--cr-accent); outline-offset: 3px; }


.c-ingredient { position: relative; text-align: left; z-index: 5; transition: opacity .3s ease; }
.c-ingredient.is-random-placement { position: absolute; }
.c-ingredient.is-collected:not(.is-static) { opacity: 0 !important; }
.c-ingredient.is-icon-light { color: #fff; }
.c-ingredient__icon { position: relative; display: block; width: var(--ingredient-icon-size, 80px); height: auto; background: none; border: 0; padding: 0; color: inherit; transform-origin: 50% 75%; transition: transform .2s ease; z-index: 11; }
button.c-ingredient__icon { cursor: pointer; }
.svg-ing { display: block; width: 100%; height: auto; overflow: visible; }
@media (hover: hover) { button.c-ingredient__icon:hover { animation: ingrediente-ladea 360ms ease-in-out; } }
button.c-ingredient__icon:focus-visible { animation: ingrediente-ladea 360ms ease-in-out; }
@keyframes ingrediente-ladea { 0%, 100% { transform: rotate(0) translateY(0); } 20% { transform: rotate(-8deg) translateY(-2px); } 50% { transform: rotate(6deg) translateY(-3px); } 80% { transform: rotate(-4deg) translateY(-1px); } }
.c-ingredient__popup { gap: 12px; position: absolute; width: 330px; max-width: 80vw; padding: 24px; isolation: isolate; opacity: 0; transform: translate(var(--popup-nudge-x, 0), var(--popup-nudge-y, 0)) scale(.8);
  transform-origin: top left; pointer-events: none; transition: opacity .22s ease-out, transform .22s cubic-bezier(.2, .9, .25, 1.1); z-index: 10; visibility: hidden; }
.c-ingredient.is-bottom-right .c-ingredient__popup { top: 60%; left: 50%; transform-origin: top left; }
.c-ingredient.is-bottom-left .c-ingredient__popup { top: 60%; right: 50%; transform-origin: top right; }
.c-ingredient.is-top-right .c-ingredient__popup { bottom: 60%; left: 50%; transform-origin: bottom left; }
.c-ingredient.is-top-left .c-ingredient__popup { bottom: 60%; right: 50%; transform-origin: bottom right; }
.c-ingredient__popup.is-open, .c-ingredient.is-open .c-ingredient__popup { opacity: 1; transform: translate(var(--popup-nudge-x, 0), var(--popup-nudge-y, 0)) scale(1); pointer-events: auto; visibility: visible; }
.c-ingredient__popup.is-measuring, .c-ingredient.is-measuring .c-ingredient__popup { visibility: hidden; }
.c-ingredient__popup__close { --btn-icon-w: 35.5px; --btn-icon-h: 32px; margin-left: auto; }
.c-ingredient__popup__shape { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: visible; }
.c-ingredient__popup__inner { position: relative; gap: 32px; }
.c-ingredient__popup__desc { color: var(--cr-blue); }
.c-ingredient__popup__desc p { font: var(--t-b-3); font-size: 13px; line-height: 1.15; letter-spacing: -.02em; margin-bottom: 1.1em; }
.c-ingredient__popup__desc p:last-child { margin-bottom: 0; }
.c-ingredient__popup__collect { align-self: flex-start; cursor: pointer; }
.c-ingredient__popup__collected { align-self: center; display: none; }
.c-ingredient__popup__collected.is-tilt-1 { rotate: -2.5deg; }
.c-ingredient__popup.is-collected .c-ingredient__popup__collect { display: none; }
.c-ingredient__popup.is-collected .c-ingredient__popup__collected { display: inline-flex; }
.c-ingredient__popup.is-static { position: fixed; top: 50%; left: 50%; right: auto; bottom: auto; max-width: calc(100vw - 32px); transform: translate(-50%, -50%) scale(.8); transform-origin: center; z-index: 200; }
.c-ingredient__popup.is-static.is-open { opacity: 1; transform: translate(-50%, -50%) scale(1); pointer-events: auto; visibility: visible; }
@media (max-width: 480px) {
  .c-ingredient__popup { position: fixed; top: 50%; left: 50%; right: auto; bottom: auto; max-width: calc(100vw - 32px); transform: translate(-50%, -50%) scale(.8); transform-origin: center; z-index: 200; }
  .c-ingredient__popup.is-open { opacity: 1; transform: translate(-50%, -50%) scale(1); pointer-events: auto; visibility: visible; }
}


.nosotros { position: relative; overflow: clip; padding-block: calc(var(--s-section) * 2.5); }
.nosotros__etiqueta { rotate: 1deg; }
.nosotros__bloques { pointer-events: none; z-index: 1; }
.nosotros__bloque { position: absolute; opacity: 0; gap: 8px; flex-direction: column; align-items: center; }
.nosotros__bloque__parrafo { width: clamp(140px, 20vw, 280px); text-align: center; display: block; }
.nosotros__bloque svg { display: inline-block; width: 90px; height: 10px; color: var(--cr-orange); overflow: visible; }
.nosotros__bloque svg path { stroke-dasharray: 1; stroke-dashoffset: 1; }
.nosotros__contenido { gap: 45px; text-align: center; z-index: 2; position: relative; }
.nosotros__titulo { max-width: 950px; }
.nosotros__divisor { gap: 20px; }
.nosotros__divisor svg { display: inline-block; width: 30px; height: 30px; color: var(--cr-white); rotate: 0deg; }
.nosotros__divisor svg:nth-child(1) { rotate: 60deg; } .nosotros__divisor svg:nth-child(2) { rotate: 102deg; } .nosotros__divisor svg:nth-child(3) { rotate: 101deg; }
.nosotros__parrafo { width: 100%; max-width: 85ch; display: block; text-align: center; }
.nosotros__ingrediente { margin-top: 60px; }
.nosotros__ingrediente .c-ingredient__icon { margin-inline: auto; }


.metodo { position: relative; overflow: hidden; margin-top: 15px; margin-bottom: var(--s-section); }
.metodo__imagenes { gap: 8px; padding-inline: var(--s-contain); margin-bottom: 50px; }
.metodo__imagen { display: block; flex: 1 1 12.1%; min-width: 0; }
.metodo__imagen:first-child { flex-basis: 35%; }
.metodo__imagen img { width: 100%; height: auto; }
.metodo__interior { max-width: 1100px; }
.metodo__etiqueta { gap: 10px; }
.metodo__etiqueta:not(:last-child) { margin-bottom: 30px; }
.metodo__flecha { width: 35px; }
.metodo__flecha svg { width: 100%; height: auto; overflow: visible; }
.metodo__titulo { display: block; max-width: 1000px; }
.metodo__titulo:not(:last-child) { margin-bottom: 20px; }
.metodo__parrafo { margin-left: auto; max-width: 60ch; }
@media (max-width: 1024px) { .metodo__imagenes { flex-wrap: wrap; margin-bottom: 80px; } .metodo__imagen:first-child { flex-basis: 100%; } .metodo__imagen { flex: 1; } }


.editorial { padding-block: var(--s-section); overflow-x: clip; }
.editorial__bloques { gap: 8px; }
.editorial__bloque { position: relative; gap: 20px; }
.editorial__bloque:first-child { width: 35%; }
.editorial__bloque:last-child { width: 65%; }
.editorial__imagen { width: 100%; }
.editorial__imagen img { width: 100%; height: auto; }
.editorial__bloque:last-child .c-paragraph__icon { display: none; }
.editorial__bloque:last-child .editorial__parrafo { position: absolute; left: 50%; bottom: 20px; max-width: 300px; text-align: center; transform: translate3d(-70%, 0, 0) rotate(3deg); }
.editorial__parrafo { max-width: 60ch; z-index: 1; }
.editorial__bloque:last-child .c-paragraph { display: block; text-align: center; }
@media (max-width: 600px) {
  .editorial__bloques { flex-direction: column; align-items: flex-end; }
  .editorial__bloque:first-child { width: 100%; } .editorial__bloque:first-child:not(:last-child) { margin-bottom: 20px; } .editorial__bloque:last-child { width: 75%; }
  .editorial__bloque:last-child .c-paragraph__icon { display: inline-block; } .editorial__bloque:last-child .c-paragraph__icon svg { width: 2em; height: 2em; }
  .editorial__bloque:last-child .editorial__parrafo { position: relative; left: unset; bottom: unset; max-width: 170px; transform: translate3d(-30%, -3em, 0) rotate(-3deg); }
  .editorial__bloque:last-child .editorial__parrafo .c-paragraph { color: var(--cr-blue); }
}


.sedes { position: relative; overflow: hidden; padding-block: calc(var(--s-section) * 1.5); }
.sedes__contenido { position: relative; gap: 15px; text-align: center; z-index: 2; }
.sedes__contenido:not(:last-child) { margin-bottom: 120px; }
.sedes__cabecera { position: relative; gap: 45px; width: 100%; }
.sedes__contenedor { display: grid; width: 100%; justify-items: center; }
.sedes__contenedor > * { grid-area: 1/1/2/2; }
.sedes__etiqueta { rotate: 1deg; }
.sedes__titulo { max-width: 950px; }
.sedes__asteriscos { position: relative; width: 100%; max-width: 900px; pointer-events: none; }
.sedes__asteriscos svg { position: absolute; display: inline-block; width: 30px; height: 30px; }
.sedes__asteriscos svg:nth-child(1) { top: 0; left: 0; translate: 0 -100%; rotate: 30deg; }
.sedes__asteriscos svg:nth-child(2) { bottom: 0; left: 0; translate: 0 -50%; rotate: -18deg; }
.sedes__asteriscos svg:nth-child(3) { top: 0; right: 0; translate: 0 -50%; rotate: 41deg; }
.sedes__asteriscos svg:nth-child(4) { bottom: 0; right: 0; rotate: -63deg; }
.sedes__parrafo { max-width: 70ch; display: block; }
.sedes__bloques { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); gap: 150px clamp(30px, 20vw, 80px); max-width: 1400px; margin-inline: auto; align-items: flex-start; z-index: 5; }
.sedes__bloques > .sede { grid-column: span 2; }
.sedes__bloques .sede.is-active { z-index: 10; }
.sede { --t-variable: opacity .2s ease-out, transform .4s ease-out; position: relative; display: flex; flex-direction: column-reverse; }
.sede__nota { --rest-x: 40%; --rest-y: -175%; --end-x: var(--rest-x); --end-y: calc(var(--rest-y) - 10%); gap: 1em; position: absolute; top: 0; right: 0; transform: translate3d(var(--rest-x), var(--rest-y), 0);
  opacity: 0; transition: var(--t-variable); white-space: pre-wrap; pointer-events: none; z-index: 4; }
.sede__nota svg { display: inline-block; transform: translate3d(0, 50%, 0) scaleX(-1); width: 2em; height: auto; overflow: visible; }
.sede__imagenes[data-animate="locations-group-scale"] + .sede__nota { --rest-x: 40%; --rest-y: -180%; }
.sede__imagenes[data-animate="locations-group-translate-right"] + .sede__nota { --rest-x: -40%; --rest-y: -190%; right: unset; left: 0; flex-direction: row-reverse; }
.sede__imagenes[data-animate="locations-group-translate-right"] + .sede__nota svg { transform: translate3d(0, 50%, 0); }
.sede__envoltorio { position: relative; padding-top: 40px; }
@media (min-width: 601px) { .sede.is-active .sede__nota { opacity: 1; transform: translate3d(var(--end-x, 0), var(--end-y, 0), 0); pointer-events: auto; } }
.sede__imagenes { position: relative; transition: opacity .3s .1s ease-out, transform .2s ease-out, scale .2s ease-out; }
.sede__imagenes[data-animate="locations-group-translate-right"] > * { --peek-direction: 1; }
.sede__imagenes[data-animate="locations-group-translate-left"] > * { --peek-direction: -1; }
.sede__contenido { transition: opacity .4s ease-out; }
.sede__cta { z-index: 1; }
.sede__nombre { position: relative; font-size: 24px; gap: 8px; }
.sede__nombre:not(:last-child) { margin-bottom: 40px; }
.sede__nombre__etiqueta { overflow: hidden; gap: 8px; align-items: flex-end; padding-block: 4px 0; }
.sede__nombre__etiqueta svg { width: 80px; height: auto; flex: none; }
.sede__divisor { position: absolute; bottom: -20px; left: 0; width: 100%; height: 4px; overflow: visible; }
.sede__direccion { position: relative; gap: 8px; font-size: 24px; text-align: right; text-transform: none; align-items: center; justify-content: space-between; }
.sede__direccion:not(:last-child) { margin-bottom: 25px; }
.sede__direccion .svg-arrow-curve-right, .sede__direccion .svg-arrow-curve-bottom { display: inline-block; color: var(--cr-blue); flex: none; }
.sede__direccion .svg-arrow-curve-right { width: 1.8em; height: auto; }
.sede__direccion .svg-arrow-curve-bottom { position: absolute; top: 0; right: 0; width: .8em; height: auto; transform: translate3d(150%, -90%, 0); }
.sede__direccion > span { letter-spacing: -.02em; }
.sede__hora { position: relative; overflow: hidden; text-transform: uppercase; padding-block: .1em .3em; }
.sede__linea { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; overflow: visible; }
.sede__proximo { font-size: 24px; text-transform: none; }
.sede__proximo__etiqueta { position: relative; padding: 6px 4px; }
.sede__proximo__circulo { position: absolute; width: 130%; height: 160%; left: -15%; top: -30%; pointer-events: none; }
.sede__proximo__circulo svg { width: 100%; height: 100%; overflow: visible; }
.sede__nombre .svg-logo-mini { width: 80px; }
.sede.is-coming-soon .sede__nombre:not(:last-child) { margin-bottom: 40px; }


.c-card-stack { --rest-peek-y: -2%; --hover-peek-x: 2%; --hover-peek-rot: -5deg; --hover-peek-z: 6px; position: relative; }
.c-card-stack__inner { position: relative; display: grid; perspective: 700px; perspective-origin: 50% 30%; touch-action: none; transform-style: flat; transform: rotate(var(--stack-tilt, 0deg)); transition: transform .35s cubic-bezier(.33, 1, .68, 1); isolation: isolate; }
.c-card-stack__inner > * { grid-area: 1/1; position: relative; opacity: 1; pointer-events: auto; cursor: grab; user-select: none; -webkit-user-drag: none; transform-origin: bottom; will-change: transform, filter;
  filter: brightness(calc(1 - var(--stack-order, 0) * .02)); transition: transform .5s cubic-bezier(.33, 1, .68, 1), filter .4s ease, opacity .3s ease;
  --peek-y: calc(var(--stack-order, 0) * var(--rest-peek-y, 0%));
  transform: translate3d(calc(var(--drag-x, 0px) + var(--peek-x, 0px) + var(--sibling-x, 0px)), calc(var(--drag-y, 0px) + var(--peek-y, 0px) + var(--sibling-y, 0px)), calc(var(--sibling-z, 0px) + var(--peek-z, 0px)))
    rotateX(calc(var(--drag-rot-x, 0deg) + var(--sibling-rot-x, 0deg))) rotateY(calc(var(--drag-rot-y, 0deg) + var(--sibling-rot-y, 0deg)))
    rotate(calc(var(--stack-rot, 0deg) + var(--drag-rot-z, 0deg) + var(--peek-rot, 0deg) + var(--sibling-rot, 0deg))) scale(calc(1 - var(--stack-order, 0) * .03)); }
.c-card-stack__inner > *:nth-child(even) { --peek-direction: -1; } .c-card-stack__inner > *:nth-child(odd) { --peek-direction: 1; }
@media (min-width: 601px) {
  .c-card-stack:hover .c-card-stack__inner > * { --peek-x: calc(var(--stack-order, 0) * var(--peek-direction, 1) * var(--hover-peek-x, 0%)); --peek-rot: calc(var(--stack-order, 0) * var(--peek-direction, 1) * var(--hover-peek-rot, 0deg)); --peek-z: calc(var(--stack-order, 0) * var(--hover-peek-z, 0px)); }
}
@media (max-width: 600px) { .c-card-stack__inner > * { --peek-x: calc(var(--stack-order, 0) * var(--peek-direction, 1) * var(--hover-peek-x, 0%)); --peek-rot: calc(var(--stack-order, 0) * var(--peek-direction, 1) * var(--hover-peek-rot, 0deg)); --peek-z: calc(var(--stack-order, 0) * var(--hover-peek-z, 0px)); } }
.c-card-stack__inner > *:not([data-dragging="true"]) {
  --sibling-rot: calc((var(--drag-influence-x, 0) * .2 + var(--drag-influence-y, 0) * .1) * var(--peek-direction, 1) * var(--stack-order, 0) * 1deg);
  --sibling-x: calc(var(--drag-influence-x, 0) * var(--peek-direction, 1) * var(--stack-order, 0) * .4px); --sibling-y: calc(var(--drag-influence-y, 0) * var(--stack-order, 0) * .3px);
  --sibling-rot-y: calc(var(--drag-influence-x, 0) * var(--peek-direction, 1) * var(--stack-order, 0) * .2deg); --sibling-rot-x: calc(var(--drag-influence-y, 0) * var(--stack-order, 0) * -.25deg);
  --sibling-z: calc(var(--drag-influence-x, 0) * var(--peek-direction, 1) * var(--stack-order, 0) * 1.2px); }
.c-card-stack__inner > [data-dragging="true"] { cursor: grabbing; transition: none; z-index: 9999 !important; }
.c-card-stack__label { position: absolute; bottom: 20%; right: calc(var(--s-contain) * -2); opacity: 0; transform: translateY(10px) rotate(7.5deg); transition: opacity .4s ease, transform .4s cubic-bezier(.33, 1, .68, 1); pointer-events: none; z-index: 12; }
.c-card-stack__label .svg-sw1, .c-card-stack__label .svg-sw2 { width: 16px; height: 8px; flex: none; }
@media (min-width: 601px) { .c-card-stack:hover .c-card-stack__label { opacity: 1; transform: translateY(0) rotate(7.5deg); pointer-events: auto; } }
@media (max-width: 600px) { .c-card-stack__label { opacity: 1; transform: translateY(0) rotate(7.5deg); pointer-events: auto; } }
@media (max-width: 1400px) { .c-card-stack .c-card-stack__label { right: calc(var(--s-contain) * -1 + 5px); } }
.c-img-shape { position: relative; display: block; aspect-ratio: 258/324; color: var(--cr-white); }
.c-img-shape__frame { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible; }
.c-img-shape__image { position: absolute; inset: 3.5%; overflow: hidden; }
.c-img-shape__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.c-img-shape__clip-defs { position: absolute; width: 0; height: 0; pointer-events: none; }
.cartel { position: absolute; inset: 0; background: #f6f4f0; display: flex; flex-direction: column; padding: 9% 9% 0; }
.cartel__foto { flex: 1; min-height: 0; overflow: hidden; }
.cartel__foto img { width: 100%; height: 100%; object-fit: cover; }
.cartel__pie { display: flex; align-items: center; justify-content: space-between; padding-block: 5% 6%; color: var(--cr-blue); }
.cartel__texto { font: 700 clamp(9px, 1.15vw, 13px)/1.45 var(--f-titulo); letter-spacing: .01em; text-transform: uppercase; font-weight: 600; }
.cartel__logo { width: 36%; height: auto; overflow: visible; }


.contacto { --slider-width: clamp(200px, 20vw, 300px); position: relative; overflow: hidden; padding-block: var(--s-section); }
.contacto__divisor { position: absolute; top: 0; left: 0; width: 100%; height: 4px; color: var(--cr-brown); overflow: visible; }
.contacto__interior { gap: 80px; padding-inline: var(--slider-width); }
.contacto__contenido { gap: 24px; text-align: center; }
.contacto__cabecera { gap: 32px; }
.contacto__etiqueta { gap: 16px; }
.contacto__etiqueta [data-animate="contact-label-asterisk"] svg { display: inline-block; width: 1.2em; height: 1.2em; color: var(--cr-orange); }
.contacto__etiqueta [data-animate="contact-label-asterisk"] { display: inline-flex; }
.contacto__form { width: 100%; max-width: 800px; gap: 40px; align-items: center; }
.contacto__form .c-form__fields { width: 100%; max-width: 768px; }
.contacto__mensaje textarea { height: auto; max-width: 500px; margin-inline: auto; }
.contacto__enviar { align-self: center; }
.contacto__aviso { font: var(--t-b-1); text-align: center; padding-block: 10px; color: var(--cr-blue); }
.contacto__aviso.is-error { color: var(--cr-orange); }
.contacto__opciones { justify-content: space-between; align-items: flex-start; min-height: 102px; }
.contacto__ingredientes__ancla { position: absolute; width: 40px; height: 40px; pointer-events: none; visibility: hidden; }
.contacto__slider-wrap { position: absolute; right: 0; top: 0; width: var(--slider-width); height: 100%; }
.contacto__slider-wrap { position: absolute; right: 0; top: 0; width: var(--slider-width); height: 100%; }
.contacto__ingredientes { position: absolute; left: 0; top: 0; bottom: 0; width: var(--slider-width); pointer-events: none; }
.contacto__ingredientes > .js-ingredient { pointer-events: auto; }
.c-slider { display: block; position: absolute; overflow: hidden; right: 0; top: 0; width: var(--slider-width); height: 100%; padding-top: 1.5px; }
.c-slider__viewport { position: relative; overflow: hidden; width: 100%; height: 100%; cursor: grab; touch-action: pan-x pinch-zoom; }
.c-slider__viewport.is-dragging { cursor: grabbing; }
.c-slider__container { display: flex; flex-direction: column; will-change: transform; user-select: none; }
.contacto__slide { width: 100%; flex: none; }
.contacto__slide img { width: 100%; height: auto; pointer-events: none; }


.pie { position: relative; padding-block: 16px; min-height: var(--s-vp-height); z-index: var(--z-footer); }
.pie__ingredientes { gap: calc(var(--s-section) * 1.5); max-width: 1440px; width: 100%; margin-inline: auto; padding-block: calc(var(--s-section) * 1.5); flex: 1; }
.pie__ingredientes__cabecera { gap: 60px; }
.pie__ingredientes__lista { width: 100%; gap: 32px 24px; align-items: center; }
.pie__ingredientes__lista li { display: block; }
.pie .c-ingredient { color: #fff; }
.pie__ingrediente { opacity: .2; transition: opacity .3s ease; }
.pie__ingrediente.is-collected { opacity: 1; }
.pie__ingredientes__sub { rotate: -3deg; }
.pie__ingredientes__reclamar { display: none; }
.is-ingredients-complete .pie__ingredientes__reclamar { display: inline-flex; }
.pie__principal { gap: 80px 24px; margin-bottom: 16px; }
.pie__correo { width: 100%; max-width: 300px; }
.pie__correo__titulo { margin-bottom: 15px; }
.c-correo { --alto: 30px; position: relative; }
.c-correo__campo { width: 100%; }
.c-correo__campo input { width: 100%; height: 45px; line-height: 45px; padding-right: 45px; text-overflow: ellipsis; font: var(--t-b-2); letter-spacing: .012em; }
.pie__correo input::placeholder { color: rgba(242, 240, 237, .8); }
.c-correo__enviar { position: absolute; top: 50%; right: 0; transform: translate3d(0, -50%, 0); }
.c-correo__borde { position: absolute; bottom: -1em; left: 0; width: 100%; height: 4px; overflow: visible; color: currentColor; }
.c-correo__mensaje { position: absolute; left: 0; bottom: 0; transform: translate3d(0, 250%, 0); min-height: 12px; }
.pie__enlaces { gap: 8px 24px; }
.pie__enlace .btn-sketch { min-width: 110px; }
.pie__abajo { gap: 8px 24px; }
.pie__legal__menu { gap: 8px 24px; flex-wrap: wrap; align-items: center; }
.pie__legal__menu .aviso-muestra { text-transform: none; }
.pie__legal__menu .aviso-muestra a { text-decoration: underline; text-underline-offset: 3px; }
.pie__velo { position: fixed; inset: 0; background: rgba(0, 0, 0, .4); opacity: 0; pointer-events: none; transition: opacity .25s ease; border: 0; padding: 0; cursor: pointer; z-index: 200; }
.is-premio .pie__velo { opacity: 1; pointer-events: auto; }
.pie__popup { position: fixed; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); max-width: 350px; width: calc(100% - 32px); padding: 16px 16px 32px; isolation: isolate; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; z-index: 210; color: var(--cr-blue); }
.is-premio .pie__popup { opacity: 1; pointer-events: auto; visibility: visible; }
.pie__popup__forma { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: visible; }
.pie__popup__cierra { --btn-icon-w: 35.5px; --btn-icon-h: 32px; display: flex; margin-bottom: 12px; margin-left: auto; }
.pie__popup__inner { display: grid; width: 80%; margin-inline: auto; }
.pie__popup__inner > * { grid-area: 1/1/2/2; }
.pie__popup__initial, .pie__popup__loading, .pie__popup__success { opacity: 0; pointer-events: none; }
.pie__popup[data-popup-state="initial"] .pie__popup__initial, .pie__popup[data-popup-state="loading"] .pie__popup__loading, .pie__popup[data-popup-state="success"] .pie__popup__success { opacity: 1; pointer-events: auto; }
.pie__popup__initial__titulo { margin-bottom: 30px; rotate: 1deg; }
.pie__popup__initial__parrafo { margin-bottom: 20px; text-align: center; }
.pie__popup__form { position: relative; width: 100%; margin-bottom: 40px; }
.pie__popup__form input { width: 100%; height: 30px; padding-right: 34px; font: var(--t-b-2); }
.pie__popup__form input::placeholder { color: #8aa4ed; }
.pie__popup__form .c-correo__enviar { right: 0; }
.pie__popup__initial .svg-logo { width: 40%; margin-inline: auto; height: auto; }
.pie__popup__sello { position: absolute; left: 0; bottom: 0; width: clamp(40px, 5vw, 80px); transform: translate3d(-110%, -20%, 0) rotate(-8deg); color: var(--cr-white); background: var(--cr-orange); padding: 12px; }
.pie__popup__sello svg { width: 100%; height: auto; }
.pie__popup__loading__titulo { margin-bottom: 30px; }
.pie__popup__loading__imagen { position: relative; width: 100%; min-height: 170px; display: flex; justify-content: center; }
.pie__popup__horno { width: 150px; height: 150px; color: var(--cr-blue); overflow: visible; }
.horno__vapor { stroke-dasharray: 6 6; animation: vapor 1.4s linear infinite; }
.horno__corte { stroke-dasharray: 90; animation: corte 2.4s ease-in-out infinite; }
@keyframes vapor { to { stroke-dashoffset: -24; } }
@keyframes corte { 0% { stroke-dashoffset: 90; } 55%, 100% { stroke-dashoffset: 0; } }
.pie__popup__loading__nota { position: absolute; max-width: 90px; font-size: 12px; opacity: 0; display: block; }
.pie__popup__loading__nota:nth-of-type(1) { top: 0; left: 0; }
.pie__popup__loading__nota:nth-of-type(2) { top: 0; right: 0; transform: translate3d(80%, 100%, 0); }
.pie__popup__loading__nota:nth-of-type(3) { left: 0; bottom: 0; transform: translate3d(0, -60%, 0); }
.pie__popup__success__cabecera { position: relative; margin-bottom: 30px; }
.pie__popup__success__cabecera > *:first-child { rotate: -3deg; translate: -10% 10%; z-index: 1; }
.pie__popup__success__cabecera > *:last-child { translate: 0 -10%; }
.pie__popup__success__imagen { max-width: 120px; width: 100%; margin-bottom: 10px; }
.pie__popup__success__imagen svg { width: 100%; height: auto; }
.pie__popup__success__parrafo { margin-bottom: 10px; text-align: center; }
html.is-menu-on, html.is-premio { overflow: hidden; }

.aviso-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); padding: 10px 16px; background: var(--cr-brown); color: var(--cr-cream); font: var(--t-b-2); opacity: 0; pointer-events: none; transition: opacity .3s, transform .3s; z-index: 12000; max-width: calc(100vw - 32px); text-align: center; }
.aviso-toast.is-on { opacity: 1; transform: translate(-50%, 0); }


.anim [data-animate="fade-words"] [data-animate="fade-word"] { opacity: 0; }
.anim [data-animate="paragraph-group"] [data-animate="paragraph-group-icon"] svg { opacity: 0; transform: scale(.1); }
.anim [data-animate="paragraph-group"] [data-animate="paragraph-group-text"] { opacity: 0; }
.anim [data-animate="stagger-images"] [data-animate="stagger-image"] { transform: scale(.8); transform-origin: top center; }
.anim [data-animate="paragraph-scribble"] [data-animate="paragraph-scribble-word"] { opacity: 0; }
.anim [data-animate="label-group"] [data-animate="label-group-btn"] { transform: translate3d(-120%, 0, 0) rotate(10deg); }
.anim [data-animate="label-group"] [data-animate="label-group-arrow"] { opacity: 0; }
.anim [data-draw] path { stroke-dasharray: 1; stroke-dashoffset: 1; }
.anim [data-animate="locations-group"] [data-animate="locations-group-scale"] { transform: scale(.9); }
.anim [data-animate="locations-group"] [data-animate="locations-group-translate-left"] { transform: translate3d(-30%, 0, 0) rotate(-6deg) scale(.9); }
.anim [data-animate="locations-group"] [data-animate="locations-group-translate-right"] { transform: translate3d(30%, 0, 0) rotate(6deg) scale(.9); }
.anim [data-animate="locations-group"] [data-animate="locations-group-name-label"] > *, .anim [data-animate="locations-group"] [data-animate="locations-group-address-label"],
.anim [data-animate="locations-group"] [data-animate="locations-group-hours-label"], .anim [data-animate="locations-group"] [data-animate="locations-group-coming"] { transform: translate3d(0, 100%, 0); opacity: 0; }
.anim [data-animate="locations-group"] [data-animate="locations-group-name-cta"] { opacity: 0; }
.anim [data-animate="locations-group"] .sede__divisor path, .anim [data-animate="locations-group"] .sede__linea path, .anim [data-animate="locations-group"] .sede__direccion svg path,
.anim [data-animate="locations-group"] .sede__proximo__circulo path { stroke-dasharray: 1; stroke-dashoffset: 1; }
.anim [data-animate="fade-up"] { transform: translate3d(0, 45px, 0); opacity: 0; }
.anim [data-animate="fade-in"] { opacity: 0; }
.anim [data-animate="scale-ingredient"] { transform: scale(0); opacity: 0; }
.anim .nosotros__divisor svg, .anim .sedes__asteriscos svg, .anim .contacto__etiqueta [data-animate="contact-label-asterisk"] { transform: scale(0); }


@media (max-width: 1024px) {
  .contacto__interior { padding-inline: 0; }
  .contacto__interior:not(:last-child) { margin-bottom: 60px; }
  .contacto__slider-wrap { display: contents; }
  .contacto__ingredientes { display: contents; }
  .c-slider { position: relative; width: auto; margin-inline: calc(var(--s-contain) * -1); height: auto; }
  .c-slider__container { flex-direction: row; }
  .contacto__slide { width: 40%; aspect-ratio: 1.4; }
  .contacto__slide img { height: 100%; object-fit: cover; }
}
@media (max-width: 768px) {
  .hero { padding-bottom: 80px; }
  .hero__titulos { justify-content: flex-start; }
  .hero__titulo { --font-size: 24px; }
  .hero__titulo:first-child { flex-basis: 100%; }
}
@media (max-width: 600px) {
  .cab { --alto-lengua: 55px; padding-block: 8px; padding-inline: var(--s-contain); display: flex; align-items: center; justify-content: space-between; }
  .cab__logo { position: relative; top: unset; left: unset; }
  .cab__menu { display: inline-flex; width: 45px; }
  .cab__nav { gap: 15px; flex-direction: column-reverse; position: fixed; bottom: 0; left: 0; width: 100%; transform: translate3d(0, calc(100% - var(--alto-lengua)), 0); transition: transform var(--menu-dur) ease-in; margin-left: 0; pointer-events: auto; }
  .cab__lista { width: 100%; flex-direction: column; align-items: stretch; }
  .cab__lista .btn-draw { --height: 80px; width: 100%; }
  .cab__item { position: relative; }
  .cab__sep { width: 100%; height: 0; }
  .cab__sep svg { height: 2px; width: 100%; }
  .cab__lengua { gap: 10px; width: 100%; padding-inline: var(--s-contain); }
  .lengua { background-color: transparent; height: 40px; }
  .lengua__forma { display: block; }
  .cab__cierra { opacity: 0; transform: scale(.8); margin-left: auto; }
  .cab__menu { transition: opacity .2s, transform .2s; }
  html.is-menu-on .cab__nav { transform: translate3d(0, 0, 0); }
  html.is-menu-on .cab__menu { opacity: 0; transform: scale(.8); }
  html.is-menu-on .cab__cierra { opacity: 1; transform: scale(1); }
  html.is-menu-on .pip { opacity: 0 !important; pointer-events: none !important; }
  html.is-intro .cab__menu { translate: 0 -150%; }
  html.is-intro.is-loaded .cab__menu { translate: none; transition: translate var(--intro-dur) var(--e-inOut-quart) var(--intro-delay), opacity .2s, transform .2s; }
  .pip { bottom: var(--s-contain); left: unset; right: var(--s-contain); width: 140px; }
  .nosotros__divisor svg { width: 15px; height: 15px; }
  .nosotros__bloque { max-width: 140px; }
  .sedes__paragraph, .sedes__parrafo { max-width: 340px; }
  .sedes__cabecera { position: unset; }
  .sedes__asteriscos { position: absolute; inset: 0; pointer-events: none; }
  .sedes__asteriscos svg { width: 15px; height: 15px; }
  .sedes__asteriscos svg:nth-child(1) { translate: 300% -100%; } .sedes__asteriscos svg:nth-child(2) { translate: 50% 250%; }
  .sedes__asteriscos svg:nth-child(3) { translate: -300% -50%; } .sedes__asteriscos svg:nth-child(4) { translate: -100% 250%; }
  .sedes__bloques { display: flex; flex-direction: column; align-items: stretch; max-width: 300px; margin-inline: auto; }
  .sedes__bloques > .sede { grid-column: auto; }
  .sede__nota { opacity: 1; width: fit-content; left: 50%; --rest-x: 0%; }
  .sede__imagenes[data-animate="locations-group-scale"] + .sede__nota { --rest-x: -80%; flex-direction: row-reverse; }
  .sede__imagenes[data-animate="locations-group-scale"] + .sede__nota svg { transform: translate3d(0, 50%, 0); }
  .sede__imagenes[data-animate="locations-group-translate-right"] + .sede__nota { --rest-x: 0; right: unset; left: 50%; flex-direction: row; }
  .sede__imagenes[data-animate="locations-group-translate-right"] + .sede__nota svg { transform: translate3d(0, 50%, 0) scaleX(-1); }
  .sede__imagenes[data-animate] > *:nth-child(even) { --peek-direction: -1; } .sede__imagenes[data-animate] > *:nth-child(odd) { --peek-direction: 1; }
  .sede__cta { margin-top: 40px; }
  .contacto__form { align-items: stretch; max-width: 300px; }
  .contacto__form .c-form__fields { display: flex; flex-direction: column; align-items: stretch; gap: 24px; }
  .contacto__opciones { --checkbox-size: 30px; margin-block: 40px; flex-direction: column; align-items: center; gap: 40px; }
  .contacto__opciones input[type="checkbox"] { width: var(--checkbox-size); height: var(--checkbox-size); }
  .contacto__opciones .c-checkbox__icon { width: calc(var(--checkbox-size) * 1.2); height: calc(var(--checkbox-size) * 1.25); }
  .contacto__enviar { align-self: center; }
  .contacto__slide { width: 80%; }
  .pie__ingredientes__lista { display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; }
  .pie__correo { margin-inline: auto; max-width: 360px; }
  .pie__abajo { justify-content: flex-start; }
  .pie { padding-bottom: 72px; }
}
@media (max-width: 480px) { .pie__popup { max-width: calc(100vw - 32px); } }


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .hero::before { display: none; }
  .hero__item.is-playful { display: none; }
  .hero__item.is-active { opacity: 1; transform: none; }
  .c-paragraph__scribble path { stroke-dashoffset: 0; }
  .nosotros__bloques { display: none; }
  .btn-draw__line path { stroke-dashoffset: 1; }
}