.catalog-welcome.catalog-welcome-studio {
  --studio-floor-depth:clamp(104px,9.8vw,145px);
  --studio-horizon:calc(100% - var(--studio-floor-depth));
  display:block;
  isolation:isolate;
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(104deg,transparent 57%,#0718312b 75%,#0718310d 76%,transparent 93%),
    linear-gradient(to bottom,
      #142750 0%,
      var(--mimo-navy,#182c58) 32%,
      #304987 calc(var(--studio-horizon) - 9px),
      #2c427d calc(var(--studio-horizon) + 9px),
      #273e78 calc(var(--studio-horizon) + 30px),
      #162952 100%);
}
.catalog-welcome-studio::before,
.catalog-welcome-studio::after {
  content:"";
  position:absolute;
  z-index:-1;
  left:-27%;
  right:-27%;
  pointer-events:none;
  transform:translateX(14%);
  animation:studio-daylight 8s ease-in-out infinite alternate;
}
.catalog-welcome-studio::before {
  top:24%;
  bottom:calc(var(--studio-floor-depth) - 8px);
  background:radial-gradient(ellipse 36% 100% at 52% 95%,
    #e4cba37a 0%,#a4b7db6e 31%,#6989c846 53%,transparent 83%);
  mask-image:
    linear-gradient(112deg,transparent 35%,#000 53%),
    linear-gradient(to bottom,#000 calc(100% - 16px),transparent);
  mask-composite:intersect;
}
.catalog-welcome-studio::after {
  top:calc(var(--studio-horizon) - 8px);
  bottom:0;
  background:radial-gradient(ellipse 38% 110% at 52% -5%,
    #dec9ad6b 0%,#9aadd364 31%,#637fc037 56%,transparent 85%);
  mask-image:
    linear-gradient(102deg,transparent 35%,#000 52%),
    linear-gradient(to bottom,transparent,#000 16px);
  mask-composite:intersect;
}
@keyframes studio-daylight {
  to { transform:translateX(-14%); }
}
.catalog-welcome.catalog-welcome-studio.studio-christmas {
  background:#101c30;
  --holiday-content-width:1560px;
  --holiday-gutter:clamp(22px,4.5vw,74px);
}
.catalog-welcome-studio.studio-christmas::before { content:none; }
.catalog-welcome-studio.studio-christmas::after {
  inset:0;
  transform:none;
  animation:none;
  mask-image:none;
  background:
    linear-gradient(180deg,#0b172d14,transparent 62%,#1e18141c 76%,#1d1614b8 100%),
    linear-gradient(90deg,#0f1c32a8 0%,#0f1c3294 19%,#0f1c3269 43%,transparent 65%);
}
.catalog-welcome-studio.studio-christmas .studio-holiday-inner {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px 24px;
  width:100%;
  max-width:var(--holiday-content-width);
  min-height:0;
  margin-inline:auto;
  padding:27px var(--holiday-gutter) 13px;
}
.catalog-welcome.studio-christmas .studio-holiday-kicker {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 9px;
  color:#ffe0ad;
  font-size:11px;
  font-weight:750;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.studio-holiday-kicker span { font-size:15px; line-height:1; }
.studio-holiday-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  padding-bottom:2px;
}
.studio-holiday-explore,
.studio-holiday-actions .welcome-whatsapp {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:8px 15px;
  border-radius:999px;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
}
.studio-holiday-explore { background:#ffe6ba; color:#1c2030; }
.studio-holiday-explore:hover { background:#fff2da; color:#1c2030; }
.studio-holiday-explore span { font-size:17px; line-height:1; }
.studio-holiday-actions .welcome-whatsapp {
  width:auto;
  margin:0;
  border:1px solid #f0d4ab88;
  background:#111c2cd9;
  color:#fff2dc;
}
.studio-holiday-actions .welcome-whatsapp:hover { background:#27344d; }
.studio-holiday-actions .welcome-whatsapp::after { content:none; }
.studio-holiday-actions .welcome-whatsapp svg {
  width:20px;
  height:20px;
  padding:0;
  border:0;
  background:none;
  color:#92d7af;
}
.studio-holiday-actions .welcome-whatsapp strong { font-size:inherit; color:inherit; }
.studio-holiday-actions .welcome-whatsapp small {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.studio-christmas-film {
  position:absolute;
  z-index:-1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 70%;
  pointer-events:none;
}
.catalog-welcome.studio-christmas #hero-title {
  color:#fff2dc;
  margin:0;
  font-size:clamp(34px,4.05vw,62px);
  font-weight:780;
  line-height:1.04;
  letter-spacing:-.052em;
  word-spacing:.045em;
}
.catalog-welcome.studio-christmas #hero-title span {
  white-space:nowrap;
  color:#ffd7a0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.058em;
}
.catalog-welcome.studio-christmas #hero-description {
  display:block;
  margin-top:7px;
  color:#f7e6d8;
  font-size:clamp(13px,1.23vw,17px);
  line-height:1.4;
}
.catalog-welcome-studio.studio-christmas .weekly-showcase {
  max-width:var(--holiday-content-width);
  margin-inline:auto;
  padding:0 var(--holiday-gutter) 16px;
}
.studio-christmas .weekly-showcase .weekly-header {
  align-items:center;
  margin-inline:0;
  padding:3px 0 5px;
  border-bottom:0;
}
.studio-christmas .weekly-showcase .weekly-kicker { display:none; }
.studio-christmas .weekly-showcase .weekly-header h2 {
  display:flex;
  align-items:center;
  gap:9px;
  color:#fff0d7;
  font-size:clamp(15px,1.5vw,22px);
  letter-spacing:-.016em;
  text-shadow:0 2px 7px #0a1427;
}
.studio-christmas .weekly-showcase .weekly-header h2::before {
  content:"";
  width:20px;
  height:1px;
  background:#e3bf8b;
}
.studio-christmas .weekly-showcase .weekly-viewport { padding-top:2px; }
.studio-christmas .weekly-showcase .weekly-meta {
  min-height:36px;
  text-shadow:0 2px 5px #071322;
}
.studio-christmas .weekly-showcase .weekly-photo::before {
  width:min(57%,calc(var(--weekly-photo-height) * .9));
  height:clamp(8px,1.3vw,18px);
  bottom:calc(var(--studio-floor) + 1px);
  background:radial-gradient(ellipse,#030810ce 5%,#03081062 40%,transparent 74%);
}
.studio-christmas .weekly-showcase .weekly-controls {
  padding:0;
  gap:0;
  border:0;
  background:none;
}
.studio-christmas .weekly-showcase .weekly-controls button {
  width:36px;
  color:#fff1dfd9;
  background:transparent;
}
.studio-christmas .weekly-showcase .weekly-controls button:hover {
  background:transparent;
}
.studio-christmas .weekly-showcase .weekly-controls svg {
  width:17px;
  height:17px;
  filter:drop-shadow(0 1px 2px #071322);
}
.studio-christmas .weekly-showcase .weekly-controls button:focus-visible {
  outline-color:#fff1df;
}
@media (hover:hover) {
  .studio-christmas .weekly-showcase .weekly-controls button:hover {
    color:#fff;
    background:#0a14273d;
  }
}
@media (max-width:560px) {
  .studio-christmas .weekly-showcase .weekly-controls button { width:32px; }
  .studio-christmas .weekly-showcase .weekly-controls svg { width:14px; height:14px; }
}
@media(min-width:801px){
  .catalog-welcome.studio-christmas .weekly-viewport {
    --weekly-photo-height:clamp(170px,17vw,250px);
    --studio-floor:clamp(8px,1vw,15px);
  }
}
.catalog-welcome-studio:has(.weekly-showcase:is(:hover,:focus-within))::before,
.catalog-welcome-studio:has(.weekly-showcase:is(:hover,:focus-within))::after {
  animation-play-state:paused;
}
@media(prefers-reduced-motion:reduce){
  .catalog-welcome-studio::before,
  .catalog-welcome-studio::after { animation:none; }
}
.catalog-welcome-studio .weekly-showcase { width:100%; padding:7px clamp(12px,2.25vw,38px) 21px; }
.weekly-showcase .weekly-header {
  display:flex; align-items:end; justify-content:space-between; gap:12px;
  margin-inline:clamp(0px,1.3vw,20px); padding-block:9px 11px;
  border-bottom:1px solid #c2f1ea36;
}
.weekly-showcase .weekly-kicker {
  display:flex; align-items:center; gap:8px; margin-bottom:6px;
  font-size:10px; letter-spacing:.18em; font-weight:800; color:#b2e5d8;
}
.weekly-showcase .weekly-kicker::before { content:""; width:17px; height:1px; background:#9ce9d3; }
.weekly-showcase .weekly-header h2 {
  margin:0; font-size:clamp(24px,2.55vw,38px); line-height:1.05;
  font-weight:750; letter-spacing:-.037em; color:#f8fffd;
}
.weekly-showcase .weekly-controls {
  display:flex; align-items:center; flex:none; padding:3px; gap:3px;
  border:1px solid #bee6dd4d; border-radius:999px; background:#0d233073;
}
.weekly-showcase .weekly-controls button {
  display:grid; place-items:center; flex:none; width:44px; height:44px; padding:0; border:0; border-radius:50%;
  color:#e5fff8; background:transparent; cursor:pointer; transition:background-color .18s,color .18s;
}
.weekly-showcase .weekly-controls button:hover { background:#c0f5e622; }
.weekly-showcase .weekly-controls [data-weekly-next] { background:#c9f3e6; color:#142f36; }
.weekly-showcase .weekly-controls [data-weekly-next]:hover { background:#eefff8; }
.weekly-showcase :focus-visible { outline:2px solid #f8fff9; outline-offset:-3px; }
.weekly-showcase .weekly-controls [data-weekly-next]:focus-visible { outline-color:#16333b; }
.weekly-showcase .weekly-viewport {
  --weekly-gap:clamp(7px,1.3vw,22px);
  --weekly-photo-height:clamp(147px,15.5vw,242px);
  --studio-floor:clamp(13px,2vw,32px);
  overflow:hidden;
}
.catalog-welcome-studio .weekly-viewport { padding-top:clamp(9px,1.2vw,17px); }
.weekly-showcase .weekly-draggable { touch-action:pan-y pinch-zoom; user-select:none; }
@media (hover:hover) and (pointer:fine) {
  .weekly-draggable, .weekly-draggable .weekly-card { cursor:grab; }
  .weekly-dragging, .weekly-dragging .weekly-card { cursor:grabbing; }
}
.weekly-showcase .weekly-track { display:flex; gap:var(--weekly-gap); margin:0; padding:0; list-style:none; }
.weekly-showcase .weekly-track li { flex:0 0 calc((100% - 2 * var(--weekly-gap)) / 3); min-width:0; }
.weekly-showcase .weekly-card { display:block; color:#fff; text-decoration:none; }
.weekly-showcase .weekly-photo {
  display:grid; justify-items:center; align-items:end; position:relative; height:var(--weekly-photo-height);
  padding-bottom:var(--studio-floor);
}
.weekly-showcase .weekly-photo::before {
  content:""; position:absolute; left:50%; bottom:calc(var(--studio-floor) - 5px); pointer-events:none;
  width:min(42%,calc(var(--weekly-photo-height) * .78)); height:clamp(8px,1.2vw,15px);
  transform:translateX(-45%) skewX(-22deg);
  background:radial-gradient(ellipse,#071a29a0 2%,#071a294e 40%,transparent 73%);
}
.weekly-showcase .weekly-object {
  position:relative; z-index:1; display:block; width:min(88%,calc(var(--weekly-photo-height) * 1.12));
  height:calc(var(--weekly-photo-height) - var(--studio-floor) - 5px); object-fit:contain; object-position:center bottom;
  filter:drop-shadow(1px 2px 2px #07182254);
}
.weekly-showcase .weekly-meta {
  display:flex; justify-content:center; align-items:center; gap:7px; text-align:center;
  min-height:41px; padding:4px; font-size:clamp(12px,1.25vw,17px); font-weight:750; line-height:1.24;
}
.weekly-showcase .weekly-name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.weekly-showcase .weekly-card:hover .weekly-name { text-decoration:underline; text-underline-offset:3px; }
.studio-christmas .weekly-showcase .weekly-meta-priced {
  display:grid;
  grid-template-rows:2.48em auto;
  justify-items:center;
  align-items:start;
  gap:4px;
  padding:4px 2px 1px;
}
.weekly-name-line { display:flex; align-items:center; justify-content:center; align-self:center; gap:6px; }
.weekly-pricing { display:block; min-width:0; }
.weekly-price {
  display:block;
  color:#fff1d6;
  font-size:clamp(12px,1.3vw,17px);
  line-height:1.13;
}
.weekly-pricing[data-weekly-price-until] .weekly-price {
  color:#ffe1a4;
  font-size:clamp(16px,1.8vw,24px);
  font-variant-numeric:tabular-nums;
}
.weekly-price-note:not([hidden]) {
  display:block;
  margin-top:3px;
  color:#fff1e1;
  font-size:clamp(10px,.9vw,12px);
  font-weight:650;
}
@media(min-width:801px){
  .studio-christmas .weekly-showcase .weekly-meta-priced { grid-template-rows:1.24em auto; }
  .weekly-meta-priced .weekly-name { -webkit-line-clamp:1; }
}
@media(max-width:800px){
  .catalog-welcome.catalog-welcome-studio { --studio-floor-depth:90px; }
  .studio-christmas-film { object-position:78% 70%; }
  .studio-christmas-film[data-mobile-framing] { object-position:center 65%; }
  .catalog-welcome-studio.studio-christmas::after {
    background:
      linear-gradient(180deg,#101b32a8 0%,#101b3254 42%,#101b3212 59%,#1e181424 76%,#1d1614bd 100%),
      linear-gradient(90deg,#0e1c34a1 0%,#0e1c342b 67%,transparent 90%);
  }
  .catalog-welcome.catalog-welcome-studio.studio-christmas { --holiday-gutter:16px; }
  .catalog-welcome-studio.studio-christmas .studio-holiday-inner { gap:11px; padding:16px var(--holiday-gutter) 5px; }
  .catalog-welcome.studio-christmas .studio-holiday-kicker { font-size:9px; margin-bottom:5px; }
  .studio-holiday-actions { gap:7px; }
  .studio-holiday-explore,.studio-holiday-actions .welcome-whatsapp { padding-inline:13px; }
  .studio-holiday-actions .welcome-whatsapp { background:#151e35eb; padding-block:7px; }
  .studio-holiday-actions .welcome-whatsapp strong { line-height:1.13; }
  .studio-holiday-actions .studio-whatsapp-channel {
    display:block;
    margin-top:1px;
    color:#d4ecdc;
    font-size:11px;
  }
  .catalog-welcome.studio-christmas #hero-title { font-size:clamp(25px,7.3vw,44px); }
  .catalog-welcome.studio-christmas #hero-description { font-size:12px; }
  .catalog-welcome-studio.studio-christmas .weekly-showcase { padding-bottom:12px; }
  .studio-christmas .weekly-showcase .weekly-header { padding-block:1px 2px; }
  .studio-christmas .weekly-showcase .weekly-header h2 { font-size:clamp(14px,4.4vw,22px); }
  .studio-christmas .weekly-showcase .weekly-header h2::before { width:12px; }
  .studio-christmas .weekly-showcase .weekly-object { translate:0 -8px; }
  .studio-christmas .weekly-showcase .weekly-photo::before { bottom:calc(var(--studio-floor) + 9px); }
  .catalog-welcome-studio::before { top:36%; }
  .weekly-showcase .weekly-viewport { --weekly-photo-height:clamp(96px,30vw,164px); --studio-floor:clamp(10px,3.1vw,19px); }
  .weekly-showcase .weekly-meta { font-size:clamp(11px,2.9vw,15px); gap:4px; }
  .catalog-welcome-studio .weekly-showcase { padding-bottom:13px; }
  .weekly-showcase .weekly-header { align-items:center; margin-inline:3px; gap:6px; }
  .weekly-showcase .weekly-header h2 { font-size:clamp(18px,5.6vw,27px); }
  .weekly-showcase .weekly-kicker { font-size:9px; margin-bottom:4px; letter-spacing:.14em; }
}
@media(max-width:349px){
  .studio-holiday-explore,.studio-holiday-actions .welcome-whatsapp { gap:6px; padding-inline:10px; font-size:12px; }
  .studio-holiday-explore span { display:none; }
  .storefront .store-navigation .store-navigation-inner { gap:2px; padding-inline:7px; }
  .storefront .store-navigation .store-navigation-links { gap:1px; padding-left:2px; }
  .storefront .store-navigation .store-navigation-links>a,
  .storefront .store-navigation .category-menu>summary,
  .storefront .store-navigation .navigation-more>summary { padding-inline:3px; }
  .storefront .store-navigation .navigation-more>summary { gap:4px; }
}
.studio-review:not([hidden]) {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  gap:16px;
  margin-block:12px;
}
.studio-review > section {
  min-width:0;
  padding:12px;
  border:1px solid #d9e2ef;
  border-radius:12px;
}
.studio-review h4 { margin:0 0 8px; }
.studio-review .check-field { margin-top:10px; }
.studio-review-edge-stage {
  height:330px;
  max-width:100%;
  overflow:auto;
  border-radius:8px;
  background:#243957;
}
.studio-review-edge-image { display:block; max-width:none; object-fit:contain; }
.studio-review-mobile-stage {
  display:grid;
  justify-content:center;
  padding:8px;
  border-radius:8px;
  background:#152847 url('/assets/studio/cenario-vitrine.svg') 59% center / 130% 100% no-repeat;
}
.studio-review-mobile-stage .weekly-viewport {
  --weekly-photo-height:117px;
  --studio-floor:12px;
}
.studio-review-mobile-stage .studio-review-card { width:118px; }
.studio-review-mobile-stage .weekly-meta { gap:4px; font-size:11.3px; }
