.preview-eight-badge{position:fixed;top:calc(var(--site-header-height,88px) + 8px);right:18px;z-index:50;padding:8px 12px;border:1px solid #d7bd8655;border-radius:3px;background:#102319ed;color:#e9d6aa;font:9px Manrope,sans-serif;letter-spacing:1px}
.preview-eight-badge a{margin-left:14px;color:inherit;font-size:9px;text-decoration:underline}
.preview-eight-contact{display:inline-flex;margin-top:18px}.preview-eight-contact[hidden]{display:none}
@media(max-width:650px){.preview-eight-badge{top:6px;right:60px;max-width:160px;font-size:8px}.preview-eight-badge a{display:none}}

#journey-overview-open[hidden]{display:none!important}


.film-hero[data-kind="closing"] .film-copy{position:absolute;left:5%;right:5%;top:50%;bottom:auto;transform:translateY(-50%);width:90%;max-width:none;padding:0;text-align:center}
.film-hero[data-kind="closing"] .film-copy h1{font-size:clamp(35px,4.4vw,62px);line-height:1.08;margin:15px auto 22px}
.film-hero[data-kind="closing"] .film-copy>p{margin:12px auto;max-width:510px}
.film-hero[data-kind="closing"] .film-copy .eyebrow{margin:0 auto 16px}
.film-hero[data-kind="closing"] .film-copy .film-location{margin:18px auto 0}
.film-hero[data-kind="closing"] .preview-eight-contact{margin:16px auto 0}

/* The short film is separately paced and curated; none of these rules apply to the full film. */
.short-frame-selector{position:absolute;right:5%;bottom:22px;z-index:14;display:flex;gap:8px;max-width:55%;flex-wrap:wrap;justify-content:flex-end}
.short-frame-selector[hidden]{display:none}
.short-frame-selector button{border:1px solid #dbc18a77;background:#11281de8;backdrop-filter:blur(8px);color:#f3e9d3;border-radius:3px;min-height:38px;padding:9px 13px;font:11px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.short-frame-selector button[aria-pressed=true]{border-color:#efd6a0;color:#f4dca6;background:#244133ee}
.film-hero .care-feed,.film-hero .coffee-feed,.film-hero .drive-overview{display:none!important}
.film-hero[data-kind=coffee] .film-background #film-photo{object-fit:contain!important;object-position:76% center!important;padding:18px 5% 66px 37%!important}
.film-hero[data-kind=coffee] .film-shade{background:linear-gradient(90deg,#10251ced 0%,#10251c80 35%,transparent 58%)!important}
.film-hero[data-scene="14"][data-short-frame="1"] #film-photo{object-position:center 32%!important}
.film-hero:is([data-scene="11"],[data-scene="14"],[data-scene="17"],[data-scene="20"]) .film-copy{position:absolute;top:auto;bottom:85px;left:5%;right:auto;padding:20px 22px!important;width:340px;max-width:38%;border:1px solid #d7bd8655;background:#102d25e8;backdrop-filter:blur(9px);border-radius:8px}
.film-hero:is([data-scene="11"],[data-scene="14"],[data-scene="17"],[data-scene="20"]) .film-copy h1{font-size:clamp(28px,3vw,40px);margin:10px 0 15px}
.film-hero:is([data-scene="11"],[data-scene="14"],[data-scene="17"],[data-scene="20"]) .film-copy .eyebrow{font-size:8px;letter-spacing:2px;margin:0}
.film-hero:is([data-scene="11"],[data-scene="14"],[data-scene="17"],[data-scene="20"]) .film-copy>p#film-description{font-size:12px;line-height:1.6;margin:0}
.film-hero:is([data-scene="11"],[data-scene="14"],[data-scene="17"],[data-scene="20"]) #film-location{font-size:8px;margin-top:16px}
.film-hero:is([data-scene="11"],[data-scene="14"],[data-scene="17"],[data-scene="20"]) .film-kicker{display:none}
.film-hero .film-background{animation-duration:8s}
::view-transition-group(aurea-journey){animation-duration:var(--journey-dissolve,850ms)}
/* Keep the outgoing scene opaque while the incoming scene dissolves over it. */
::view-transition-image-pair(aurea-journey){isolation:isolate}
::view-transition-old(aurea-journey){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-new(aurea-journey){animation:journey-soft-in var(--journey-dissolve,850ms) ease-in-out both;mix-blend-mode:normal}
@media(max-width:700px){.film-hero:is([data-scene="11"],[data-scene="14"],[data-scene="17"],[data-scene="20"]) .film-copy{width:90%;max-width:90%;box-sizing:border-box;bottom:84px;padding:14px!important}.film-hero:is([data-scene="11"],[data-scene="14"],[data-scene="17"],[data-scene="20"]) .film-copy h1{font-size:27px;margin:5px 0 8px}.short-frame-selector{max-width:90%;bottom:27px;left:5%;justify-content:flex-start}.short-frame-selector button{font-size:10px;padding:7px 10px}.film-hero[data-kind=coffee] .film-background #film-photo{padding:0 5% 230px!important;object-position:center top!important}}
@media(prefers-reduced-motion:reduce){::view-transition-group(aurea-journey),::view-transition-old(aurea-journey),::view-transition-new(aurea-journey){animation-duration:0s}}
/* A consistent editorial composition, with photographs scaled to a contained frame. */
.film-hero:not([data-scene="0"]){background:radial-gradient(ellipse at 72% 43%,#26463877,transparent 70%),#10271e}
.film-hero:not([data-scene="0"]) .film-grid{opacity:.12}
.film-hero:not([data-scene="0"]) .film-shade{display:none}
.film-hero:not([data-scene="0"]) .recovery-visual{display:none}
.short-picture-matte{display:none}
.film-hero:not([data-scene="0"]) .short-picture-matte{display:block;position:absolute;left:40%;top:50%;width:56%;height:min(76%,410px);transform:translateY(-50%);overflow:hidden;border:1px solid #d5bc7e44;border-radius:7px;background:#0c2119;box-shadow:0 18px 60px #0003}
.short-picture-matte::before{content:"";position:absolute;inset:-35px;background:var(--short-photo) center/cover no-repeat;filter:blur(24px);opacity:.28}
.film-hero:not([data-scene="0"]) .film-background #film-photo,
.film-hero:not([data-scene="0"]) #film-hotel-video{inset:auto!important;left:40%!important;top:50%!important;width:56%!important;height:min(76%,410px)!important;transform:translateY(-50%)!important;object-fit:contain!important;object-position:center!important;padding:0!important;border-radius:7px;box-sizing:border-box}
.film-hero:not([data-scene="0"]) .film-copy{position:absolute!important;left:5%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:30%!important;max-width:360px!important;border:none!important;background:none!important;backdrop-filter:none!important;padding:0!important;box-shadow:none!important;text-align:left!important}
.film-hero:not([data-scene="0"]) .film-copy h1{font-size:clamp(28px,3.1vw,42px)!important;line-height:1.12;letter-spacing:-.03em;max-width:100%;margin:13px 0 20px!important}
.film-hero:not([data-scene="0"]) .film-copy>p#film-description{font-size:13px!important;line-height:1.75!important;color:#dce4d9;margin:0!important;max-width:320px}
.film-hero:not([data-scene="0"]) .film-copy>.eyebrow{font-size:8px!important;letter-spacing:2px;line-height:1.5;margin:0!important;color:#d9c18c}
.film-hero:not([data-scene="0"]) .film-copy .film-location{font-size:8px!important;letter-spacing:1.4px;line-height:1.8;margin:24px 0 0!important;color:#b6c7b8}
.film-hero:not([data-scene="0"]) .film-copy .film-kicker{display:none}
.short-frame-selector{left:40%;right:4%;bottom:22px;max-width:none;justify-content:center}
.short-frame-selector button{padding:7px 12px;background:transparent;border-color:#cfb77d55;min-height:32px;color:#cdd8ca;font-size:10px}
.short-frame-selector button[aria-pressed=true]{background:#c5ac7620;color:#ecd4a0;border-color:#dac18a}
.film-hero:not([data-scene="0"]) .film-background{animation:short-picture-drift 12s ease-in-out infinite alternate}
@keyframes short-picture-drift{from{transform:scale(1)}to{transform:scale(1.012)}}
@media(max-width:700px){
  .film-hero:not([data-scene="0"]) .short-picture-matte,
  .film-hero:not([data-scene="0"]) .film-background #film-photo,
  .film-hero:not([data-scene="0"]) #film-hotel-video{left:5%!important;top:16px!important;transform:none!important;width:90%!important;height:46%!important}
  .film-hero:not([data-scene="0"]) .film-copy{left:7%!important;top:calc(46% + 36px)!important;transform:none!important;width:86%!important;max-width:none!important;bottom:auto!important}
  .film-hero:not([data-scene="0"]) .film-copy h1{font-size:28px!important;margin:5px 0 10px!important}
  .film-hero:not([data-scene="0"]) .film-copy>p#film-description{font-size:12px!important;line-height:1.5!important;max-width:none}
  .film-hero:not([data-scene="0"]) .film-copy>.eyebrow{display:none}
  .film-hero:not([data-scene="0"]) .film-copy .film-location{margin-top:11px!important;font-size:7px!important}
  .short-frame-selector{left:5%;right:5%;bottom:12px;justify-content:center;gap:5px}
  .short-frame-selector button{min-height:30px;font-size:9px;padding:6px 9px}
  .film-hero[data-kind="closing"] .preview-eight-contact{margin-top:13px;font-size:12px;padding:11px 20px}
}
@media(prefers-reduced-motion:reduce){.film-hero:not([data-scene="0"]) .film-background{animation:none}}

body[data-page="inicio"]:has(.film-hero:not([data-scene="0"])){height:100svh;overflow:hidden}body[data-page="inicio"]:has(.film-hero:not([data-scene="0"])) footer{display:none}body[data-page="inicio"]:has(.film-hero:not([data-scene="0"])) .film-hero{height:calc(100svh - var(--site-header-height,88px) - var(--stage-dock-height,86px))!important;min-height:0}

@media(max-width:700px) and (max-height:740px){.film-hero:not([data-scene="0"]) .short-picture-matte,.film-hero:not([data-scene="0"]) .film-background #film-photo,.film-hero:not([data-scene="0"]) #film-hotel-video{height:40%!important}.film-hero:not([data-scene="0"]) .film-copy{top:calc(40% + 28px)!important}.film-hero:not([data-scene="0"]) .film-copy h1{font-size:24px!important}.film-hero:not([data-scene="0"]) .film-copy .film-location{margin-top:8px!important}}

/* Keep the complete videoconference composite inside the same photo frame. */
.film-hero[data-scene="1"] .film-background{inset:auto;left:40%;top:50%;width:56%;height:min(76%,410px);transform:translateY(-50%);animation:none!important;overflow:hidden;border:1px solid #d5bc7e44;border-radius:7px;background:#0c2119;box-shadow:0 18px 60px #0003}
.film-hero[data-scene="1"] .film-background #film-photo,
.film-hero[data-scene="1"] .short-picture-matte{inset:0!important;width:100%!important;height:100%!important;transform:none!important;object-fit:contain!important;object-position:center!important;border:0;box-shadow:none}
.film-hero[data-scene="1"] .call-origin-label{display:none}
@media(max-width:700px){.film-hero[data-scene="1"] .film-background{left:5%;top:16px;width:90%;height:46%;transform:none}}
@media(max-width:700px) and (max-height:740px){.film-hero[data-scene="1"] .film-background{height:40%}}