/*
 * Starmagine Horeca – base
 * CSS original escrito para este tema. Valores (cores, medidas, tipografia)
 * medidos na loja Starmagine Horeca e nas definições guardadas da loja.
 */

/* ---------- Esquemas de cor (definições da loja) ---------- */
:root,.color-scheme-1{--color-background:255,255,255;--gradient-background:#fff;--color-foreground:18,18,18;--color-background-contrast:191,191,191;--color-shadow:18,18,18;--color-button:18,18,18;--color-button-text:255,255,255;--color-secondary-button:255,255,255;--color-secondary-button-text:18,18,18;--color-link:18,18,18;--color-badge-foreground:18,18,18;--color-badge-background:255,255,255;--color-badge-border:18,18,18}
.color-scheme-2{--color-background:243,243,243;--gradient-background:#f3f3f3;--color-foreground:18,18,18;--color-background-contrast:179,179,179;--color-shadow:18,18,18;--color-button:18,18,18;--color-button-text:243,243,243;--color-secondary-button:243,243,243;--color-secondary-button-text:18,18,18;--color-link:18,18,18;--color-badge-foreground:18,18,18;--color-badge-background:243,243,243;--color-badge-border:18,18,18}
.color-scheme-3{--color-background:36,40,51;--gradient-background:#242833;--color-foreground:255,255,255;--color-background-contrast:47,52,66;--color-shadow:18,18,18;--color-button:255,255,255;--color-button-text:0,0,0;--color-secondary-button:36,40,51;--color-secondary-button-text:255,255,255;--color-link:255,255,255;--color-badge-foreground:255,255,255;--color-badge-background:36,40,51;--color-badge-border:255,255,255}
.color-scheme-4{--color-background:18,18,18;--gradient-background:#121212;--color-foreground:255,255,255;--color-background-contrast:146,146,146;--color-shadow:18,18,18;--color-button:255,255,255;--color-button-text:18,18,18;--color-secondary-button:18,18,18;--color-secondary-button-text:255,255,255;--color-link:255,255,255;--color-badge-foreground:255,255,255;--color-badge-background:18,18,18;--color-badge-border:255,255,255}
.color-scheme-5{--color-background:51,79,180;--gradient-background:#334fb4;--color-foreground:255,255,255;--color-background-contrast:23,35,81;--color-shadow:18,18,18;--color-button:255,255,255;--color-button-text:51,79,180;--color-secondary-button:51,79,180;--color-secondary-button-text:255,255,255;--color-link:255,255,255;--color-badge-foreground:255,255,255;--color-badge-background:51,79,180;--color-badge-border:255,255,255}
/* Esquema principal da loja (fundo quase preto, botão bronze). */
:root,.color-scheme-3948cd79-5a17-46bf-a714-f95bb50b24fb{--color-background:20,22,28;--gradient-background:transparent;--color-foreground:229,229,229;--color-background-contrast:133,133,150;--color-shadow:0,0,0;--color-button:140,110,78;--color-button-text:13,13,15;--color-secondary-button:13,13,15;--color-secondary-button-text:229,229,229;--color-link:229,229,229;--color-badge-foreground:229,229,229;--color-badge-background:13,13,15;--color-badge-border:229,229,229}
body,.color-scheme-1,.color-scheme-2,.color-scheme-3,.color-scheme-4,.color-scheme-5,.color-scheme-3948cd79-5a17-46bf-a714-f95bb50b24fb{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background))}

:root{
  --font-body-family:"Plus Jakarta Sans",sans-serif;--font-body-style:normal;--font-body-weight:400;--font-body-weight-bold:700;
  --font-heading-family:Outfit,sans-serif;--font-heading-style:normal;--font-heading-weight:400;
  --font-body-scale:1;--font-heading-scale:1;
  --media-radius:10px;--media-border-width:0px;--media-border-opacity:.05;
  --page-width:120rem;--page-width-margin:0rem;
  --badge-corner-radius:4rem;
  --popup-border-width:1px;--popup-border-opacity:.1;--popup-corner-radius:0px;--popup-shadow-opacity:.05;
  --drawer-border-width:1px;--drawer-border-opacity:.1;
  --grid-desktop-vertical-spacing:8px;--grid-desktop-horizontal-spacing:8px;--grid-mobile-vertical-spacing:4px;--grid-mobile-horizontal-spacing:4px;
  --buttons-radius:0px;--buttons-border-width:1px;--buttons-border-opacity:1;
  --inputs-radius:0px;--inputs-border-width:1px;--inputs-border-opacity:.55;
  --duration-short:100ms;--duration-default:200ms;--duration-medium:300ms;--duration-long:500ms;--duration-extra-long:600ms;--duration-extended:3s;
  --ease-out-slow:cubic-bezier(0,0,.3,1);--animation-slide-in:slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in:fadeIn var(--duration-extra-long) var(--ease-out-slow);
  --header-height:115px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:inherit}
html{box-sizing:border-box;font-size:calc(var(--font-body-scale)*62.5%);height:100%}
body{display:flex;flex-direction:column;min-height:100%;margin:0;font-size:1.5rem;letter-spacing:.06rem;line-height:calc(1 + .8/var(--font-body-scale));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);-webkit-font-smoothing:antialiased}
@media screen and (min-width:750px){body{font-size:1.6rem}}
body.admin-bar{min-height:calc(100% - 32px)}
img,svg,video{max-width:100%}
img{height:auto}
a{color:inherit}
a:empty,ul:empty,dl:empty,div:empty,section:empty,article:empty,p:empty,h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty{display:none}
.cart-count-bubble:empty{display:flex}
.hidden,[hidden]{display:none!important}
.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}
.visually-hidden--inline{margin:0;height:1em}
.overflow-hidden{overflow:hidden}
.skip-to-content-link:focus{z-index:9999;position:inherit;overflow:auto;width:auto;height:auto;clip:auto}
.full-width-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
.isolate{position:relative;z-index:0}
.list-unstyled{margin:0;padding:0;list-style:none}
.gradient{background:rgb(var(--color-background));background:var(--gradient-background);background-attachment:fixed}
.content-for-layout{min-width:0}
.center{text-align:center}.right{text-align:right}.left{text-align:left}
.light{opacity:.7}
.uppercase{text-transform:uppercase}
.break{word-break:break-word}
.motion-reduce{}
@media (prefers-reduced-motion){.motion-reduce{transition:none!important;animation:none!important}}

/* Pontos de quebra (mesmos da loja: 750px e 990px) */
@media screen and (max-width:749px){.small-hide{display:none!important}}
@media screen and (min-width:750px) and (max-width:989px){.medium-hide{display:none!important}}
@media screen and (min-width:990px){.large-up-hide{display:none!important}}

/* ---------- Largura da página ---------- */
.page-width{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}
.page-width.drawer-menu{max-width:none}
.page-width-desktop{padding:0;margin:0 auto}
.page-width--narrow{max-width:72.6rem}
@media screen and (min-width:750px){
  .page-width{padding:0 5rem}
  .header.page-width{padding-left:3.2rem;padding-right:3.2rem}
  .page-width--narrow{padding:0 9rem}
  .page-width-desktop{padding:0}
  .page-width-tablet{padding:0 5rem}
}
@media screen and (min-width:990px){.page-width--narrow{max-width:72.6rem;padding:0}}
.page-margin,.shopify-challenge__container{margin:7rem auto}
.element-margin{margin-top:5rem}
.element-margin-top{margin-top:5rem}
.spaced-section{margin-top:5rem}
.section-template--padding{padding-top:27px;padding-bottom:27px}
@media screen and (min-width:750px){.section-template--padding{padding-top:36px;padding-bottom:36px}}

/* ---------- Tipografia ---------- */
h1,h2,h3,h4,h5,.h0,.h1,.h2,.h3,.h4,.h5{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale)*.06rem);color:rgb(var(--color-foreground));line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word}
.hxl{font-size:calc(var(--font-heading-scale)*5rem)}
@media only screen and (min-width:750px){.hxl{font-size:calc(var(--font-heading-scale)*6.2rem)}}
.h0{font-size:calc(var(--font-heading-scale)*4rem)}
@media only screen and (min-width:750px){.h0{font-size:calc(var(--font-heading-scale)*5.2rem)}}
h1,.h1{font-size:calc(var(--font-heading-scale)*3rem)}
@media only screen and (min-width:750px){h1,.h1{font-size:calc(var(--font-heading-scale)*4rem)}}
h2,.h2{font-size:calc(var(--font-heading-scale)*2rem)}
@media only screen and (min-width:750px){h2,.h2{font-size:calc(var(--font-heading-scale)*2.4rem)}}
h3,.h3{font-size:calc(var(--font-heading-scale)*1.7rem)}
@media only screen and (min-width:750px){h3,.h3{font-size:calc(var(--font-heading-scale)*1.8rem)}}
h4,.h4{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:calc(var(--font-heading-scale)*1.5rem)}
h5,.h5{font-size:calc(var(--font-heading-scale)*1.2rem)}
@media only screen and (min-width:750px){h5,.h5{font-size:calc(var(--font-heading-scale)*1.3rem)}}
h6,.h6{color:rgba(var(--color-foreground),.75);margin-block-start:1.67em;margin-block-end:1.67em}
blockquote{font-style:italic;color:rgba(var(--color-foreground),.75);border-left:.2rem solid rgba(var(--color-foreground),.2);padding-left:1rem}
@media screen and (min-width:750px){blockquote{padding-left:1.5rem}}
.caption{font-size:1rem;letter-spacing:.07rem;line-height:calc(1 + .7/var(--font-body-scale))}
@media screen and (min-width:750px){.caption{font-size:1.2rem}}
.caption-with-letter-spacing{font-size:1rem;letter-spacing:.13rem;line-height:calc(1 + .2/var(--font-body-scale));text-transform:uppercase}
.caption-with-letter-spacing--medium{font-size:1.2rem;letter-spacing:.16rem}
.caption-with-letter-spacing--large{font-size:1.4rem;letter-spacing:.18rem}
.caption-large,.customer .field input,.customer select,.field__input,.form__label,.select__select{font-size:1.3rem;line-height:calc(1 + .5/var(--font-body-scale));letter-spacing:.04rem}
.color-foreground{color:rgb(var(--color-foreground))}
table:not([class]){table-layout:fixed;border-collapse:collapse;font-size:1.4rem;border-style:hidden;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2)}
table:not([class]) td,table:not([class]) th{padding:1em;border:.1rem solid rgba(var(--color-foreground),.2)}
hr{border:none;height:.1rem;background-color:rgba(var(--color-foreground),.2);display:block;margin:5rem 0}
@media screen and (min-width:750px){hr{margin:7rem 0}}
.full-unstyled-link{text-decoration:none;color:currentColor;display:block}
.placeholder{background-color:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.55);fill:rgba(var(--color-foreground),.55)}
details>*{box-sizing:border-box}
summary{cursor:pointer;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary .icon-caret{position:absolute;height:1.4rem;width:1.4rem;right:1.2rem;top:calc(50% - .7rem)}
.disclosure-has-popup{position:relative}
.disclosure-has-popup[open]>summary::before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:block;cursor:default;content:' ';background:transparent}
.disclosure-has-popup>summary::before{display:none}
.disclosure-has-popup[open]>summary+*{z-index:100}
@media screen and (min-width:750px){.disclosure-has-popup[open]>summary+*{z-index:4}}

/* foco */
*:focus{outline:0;box-shadow:none}
*:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}
.focus-inset:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem;box-shadow:0 0 .2rem 0 rgba(var(--color-foreground),.3)}
.focus-none{box-shadow:none!important;outline:0!important}

/* ícones */
.svg-wrapper{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px}
.svg-wrapper>svg{height:100%;width:100%}
.icon{fill:none;stroke:currentColor}
.icon-arrow{width:1.5rem}
svg.icon-caret{width:1.4rem;height:1.4rem;stroke-width:1.5}

/* ---------- Ligações ---------- */
.link,.customer a{cursor:pointer;display:inline-block;border:none;box-shadow:none;text-decoration:underline;text-underline-offset:.3rem;color:rgb(var(--color-link));background-color:transparent;font-size:1.4rem;font-family:inherit}
.link--text{color:rgb(var(--color-foreground))}
.link--text:hover{color:rgba(var(--color-foreground),.75)}
.link-with-icon{display:inline-flex;font-size:1.4rem;font-weight:600;letter-spacing:.1rem;text-decoration:none;margin-bottom:4.5rem;white-space:nowrap}
.link-with-icon .icon{width:1.5rem;margin-left:1rem}
a:not([href]){cursor:not-allowed}
.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}

/* ---------- Grelha ---------- */
.grid{display:flex;flex-wrap:wrap;margin-bottom:2rem;padding:0;list-style:none;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}
@media screen and (min-width:750px){.grid{column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}}
.grid:last-child{margin-bottom:0}
.grid__item{width:calc(25% - var(--grid-mobile-horizontal-spacing)*3/4);max-width:calc(50% - var(--grid-mobile-horizontal-spacing)/2);flex-grow:1;flex-shrink:0}
@media screen and (min-width:750px){.grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing)*3/4);max-width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)}}
.grid--gapless.grid{column-gap:0;row-gap:0}
.grid--1-col .grid__item{max-width:100%;width:100%}
.grid--3-col .grid__item{width:calc(33.33% - var(--grid-mobile-horizontal-spacing)*2/3)}
@media screen and (min-width:750px){.grid--3-col .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3)}}
.grid--2-col .grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing)/2)}
@media screen and (min-width:750px){.grid--2-col .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)}.grid--4-col-tablet .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing)*3/4)}.grid--3-col-tablet .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3)}.grid--2-col-tablet .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)}}
@media screen and (max-width:989px){.grid--1-col-tablet-down .grid__item{width:100%;max-width:100%}.grid--2-col-tablet-down .grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing)/2)}}
@media screen and (min-width:750px) and (max-width:989px){.grid--2-col-tablet-down .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)}}
@media screen and (min-width:990px){
  .grid--6-col-desktop .grid__item{width:calc(16.66% - var(--grid-desktop-horizontal-spacing)*5/6);max-width:calc(16.66% - var(--grid-desktop-horizontal-spacing)*5/6)}
  .grid--5-col-desktop .grid__item{width:calc(20% - var(--grid-desktop-horizontal-spacing)*4/5);max-width:calc(20% - var(--grid-desktop-horizontal-spacing)*4/5)}
  .grid--4-col-desktop .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing)*3/4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing)*3/4)}
  .grid--3-col-desktop .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3)}
  .grid--2-col-desktop .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing)/2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)}
}
@media screen and (max-width:749px){
  .grid--peek.slider--mobile{margin:0;width:100%}
  .grid--peek.slider--mobile .grid__item{box-sizing:content-box;margin:0}
  .grid--peek .grid__item{min-width:35%}
  .grid--peek.slider .grid__item:first-of-type{margin-left:1.5rem}
  .grid--peek.slider .grid__item:last-of-type{margin-right:1.5rem}
  .grid--2-col-tablet-down.grid--peek .grid__item,.grid--peek .grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem)}
}

/* ---------- Media ---------- */
.media{display:block;background-color:rgba(var(--color-foreground),.1);position:relative;overflow:hidden}
.media--transparent{background-color:transparent}
.media>*:not(.zoom):not(.deferred-media__poster-button),.media model-viewer{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%}
.media>img{object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}
.media--square{padding-bottom:100%}
.ratio{display:flex;position:relative;align-items:stretch}
.ratio::before{content:'';width:0;height:0;padding-bottom:var(--ratio-percent)}
.global-media-settings{position:relative;border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);overflow:visible!important;background-color:rgb(var(--color-background))}
.global-media-settings>*:not(.zoom):not(.deferred-media__poster-button){overflow:hidden;border-radius:calc(var(--media-radius) - var(--media-border-width))}
.global-media-settings--no-shadow{overflow:hidden!important}

/* ---------- Botões ---------- */
.button,.shopify-challenge__button,.customer button,button.shopify-payment-button__button--unbranded,.wp-element-button{--shadow-horizontal-offset:0px;--shadow-vertical-offset:4px;--shadow-blur-radius:5px;--shadow-opacity:0;--border-offset:0px;--border-opacity:calc(1 - var(--buttons-border-opacity));--border-radius:var(--buttons-radius);--border-width:var(--buttons-border-width);--alpha-button-background:1;--alpha-button-border:1}
.button,.shopify-challenge__button,.customer button{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:var(--buttons-radius);padding:0 3rem;font:inherit;font-size:1.5rem;text-decoration:none;color:rgb(var(--color-button-text));transition:box-shadow var(--duration-short) ease;-webkit-appearance:none;appearance:none;background-color:rgba(var(--color-button),var(--alpha-button-background));min-width:calc(12rem + var(--buttons-border-width)*2);min-height:calc(4.5rem + var(--buttons-border-width)*2);position:relative;letter-spacing:.1rem;line-height:calc(1 + .2/var(--font-body-scale))}
.button::before,.shopify-challenge__button::before,.customer button::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-radius)}
.button::after,.shopify-challenge__button::after,.customer button::after{content:'';position:absolute;top:var(--buttons-border-width);right:var(--buttons-border-width);bottom:var(--buttons-border-width);left:var(--buttons-border-width);z-index:1;border-radius:var(--buttons-radius);box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));transition:box-shadow var(--duration-short) ease}
.button:not([disabled]):hover::after,.customer button:hover::after{--border-offset:1.3px;box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))}
.button--secondary{--color-button:var(--color-secondary-button);--color-button-text:var(--color-secondary-button-text);--alpha-button-background:1}
.button--secondary::after{box-shadow:0 0 0 var(--buttons-border-width) rgba(var(--color-secondary-button-text),.75)!important}
.button--tertiary{--color-button:var(--color-secondary-button-text);--color-button-text:var(--color-secondary-button-text);--alpha-button-background:0;--alpha-button-border:.2;font-size:1.2rem;padding:1rem 1.5rem;min-width:calc(9rem + var(--buttons-border-width)*2);min-height:calc(3.5rem + var(--buttons-border-width)*2)}
.button--small{padding:1.2rem 2.6rem}
.button--full-width{display:flex;width:100%}
.button:disabled,.button[aria-disabled=true],.button.disabled,.customer button:disabled{cursor:not-allowed;opacity:.5}
.button.loading{color:transparent;position:relative}
.button.loading>.loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;display:flex;align-items:center}
.button.loading>.loading__spinner .spinner{width:fit-content;color:rgb(var(--color-button-text))}
.button-label{font-size:1.5rem;letter-spacing:.1rem;line-height:calc(1 + .2/var(--font-body-scale))}
.button--tertiary.button-label{font-size:1.2rem}
.loading__spinner{position:absolute;z-index:1;width:1.8rem}
.spinner{animation:rotator 1.4s linear infinite;width:1.8rem;height:1.8rem}
@keyframes rotator{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}

/* ---------- Campos ---------- */
.field__input,.select__select,.customer .field input,.customer select{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;width:100%;box-sizing:border-box;transition:box-shadow var(--duration-short) ease;border-radius:var(--inputs-radius);height:4.5rem;min-height:calc(var(--inputs-border-width)*2);min-width:calc(7rem + var(--inputs-border-width)*2);position:relative;border:0}
.field{position:relative;width:100%;display:flex;transition:box-shadow var(--duration-short) ease}
.field::before,.select::before,.customer .field::before,.customer select::before,.localization-form__select::before{pointer-events:none;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius);z-index:-1}
.field::after,.select::after,.customer .field::after,.customer select::after,.localization-form__select::after{pointer-events:none;content:'';position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1}
.field:hover.field::after,.select:hover.select::after,.select__select:hover.select__select::after,.customer .field:hover.field::after,.customer select:hover.select::after,.localization-form__select:hover.localization-form__select::after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity));outline:0;border-radius:var(--inputs-radius)}
.field__input:focus-visible,.select__select:focus-visible,.customer .field input:focus-visible,.customer select:focus-visible,.localization-form__select:focus-visible.localization-form__select:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));outline:0;border-radius:var(--inputs-radius)}
.field__input,.customer .field input{flex-grow:1;text-align:left;padding:1.5rem;margin:var(--inputs-border-width);transition:box-shadow var(--duration-short) ease}
.field__label,.customer .field label{font-size:1.6rem;left:calc(var(--inputs-border-width) + 2rem);top:calc(1rem + var(--inputs-border-width));margin-bottom:0;pointer-events:none;position:absolute;transition:top var(--duration-short) ease,font-size var(--duration-short) ease;color:rgba(var(--color-foreground),.75);letter-spacing:.1rem;line-height:1.5}
.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label,.customer .field input:focus~label,.customer .field input:not(:placeholder-shown)~label,.customer .field input:-webkit-autofill~label{font-size:1rem;top:calc(var(--inputs-border-width) + .5rem);left:calc(var(--inputs-border-width) + 2rem);letter-spacing:.04rem}
.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill,.customer .field input:focus,.customer .field input:not(:placeholder-shown),.customer .field input:-webkit-autofill{padding:2.2rem 1.5rem .8rem 2rem;margin:var(--inputs-border-width)}
.field__input::-webkit-search-cancel-button,.customer .field input::-webkit-search-cancel-button{display:none}
.field__input::placeholder,.customer .field input::placeholder{opacity:0}
.field__button{align-items:center;background-color:transparent;border:0;color:currentColor;cursor:pointer;display:flex;height:4.4rem;justify-content:center;overflow:hidden;padding:0;position:absolute;right:0;top:0;width:4.4rem}
.field__button>.svg-wrapper{height:2.5rem;width:2.5rem}
.field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label,.customer .field input:-webkit-autofill~label{color:#000}
.text-area{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);min-height:10rem;resize:none}
input[type=checkbox]{display:inline-block;width:auto;margin-right:.5rem}
.form__label{display:block;margin-bottom:.6rem}
.form__message{align-items:center;display:flex;font-size:1.4rem;line-height:1;margin-top:1rem}
.form__message--large{font-size:1.6rem}
.customer .field .form__message{font-size:1.4rem;text-align:left}
.form__message .icon,.customer .form__message .svg-wrapper{flex-shrink:0;height:1.3rem;margin-right:.5rem;width:1.3rem}
.form-status{margin:0;font-size:1.6rem}
.form-status-list{padding:0;margin:2rem 0 4rem}
.form-status-list li{list-style-position:inside}
.select{display:flex;position:relative;width:100%}
.select .svg-wrapper,.customer select+.svg-wrapper{height:1.4rem;width:1.4rem;pointer-events:none;position:absolute;top:calc(50% - .7rem);right:calc(var(--inputs-border-width) + 1.5rem)}
.select__select,.customer select{cursor:pointer;line-height:calc(1 + .6/var(--font-body-scale));padding:0 calc(var(--inputs-border-width) + 3rem) 0 2rem;margin:var(--inputs-border-width);min-height:calc(var(--inputs-border-width)*2)}

/* ---------- Texto rico ---------- */
.rte>p:first-child{margin-top:0}
.rte>p:last-child{margin-bottom:0}
.rte table{table-layout:fixed}
@media screen and (min-width:750px){.rte table td{padding-left:1.2rem;padding-right:1.2rem}}
.rte img{height:auto;max-width:100%;border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius)}
.rte ul,.rte ol{list-style-position:inside;padding-left:2rem}
.rte li{list-style:inherit}
.rte li:last-child{margin-bottom:0}
.rte a{color:rgba(var(--color-link),.75);text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease}
.rte a:hover{color:rgb(var(--color-link));text-decoration-thickness:.2rem}
.rte blockquote{display:inline-flex}
.rte blockquote>*{margin:-.5rem 0}

/* ---------- Animações de entrada ---------- */
@media (prefers-reduced-motion:no-preference){
  .js .scroll-trigger.animate--fade-in,.js .scroll-trigger.animate--slide-in{opacity:.01}
  .js .scroll-trigger.animate--slide-in{transform:translateY(2rem)}
  .js .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{opacity:1;animation:var(--animation-fade-in)}
  .js .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order)*75ms)}
  .js .scroll-trigger.scroll-trigger--design-mode.animate--slide-in{transform:none;opacity:1}
}
@keyframes slideIn{from{transform:translateY(2rem);opacity:.01}to{transform:translateY(0);opacity:1}}
@keyframes fadeIn{from{opacity:.01}to{opacity:1}}
@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-1.5rem)}100%{opacity:1;transform:translateY(0)}}
@keyframes appear-down{0%{opacity:0;margin-top:-1rem}100%{opacity:1;margin-top:0}}

/* ---------- Distintivos ---------- */
.badge{border:1px solid transparent;border-radius:var(--badge-corner-radius);display:inline-block;font-size:1.2rem;letter-spacing:.1rem;line-height:1;padding:.5rem 1.3rem .6rem;text-align:center;background-color:rgb(var(--color-badge-background));border-color:rgba(var(--color-badge-border),var(--alpha-badge-border,.1));color:rgb(var(--color-badge-foreground));word-break:break-word}

/* ---------- Avisos do WordPress (barra de administração) ---------- */
@media screen and (max-width:600px){#wpadminbar{position:fixed}}
main.content-for-layout{flex:1 0 auto}

/* ================= FUNDO DAS APPS STARMAGINE =================
 * Degradé #1d2028 → #14161c → #0c0e12, brilho radial ténue no topo e ruído anti-bandas
 * (guia de estilo das apps, secção 15). Fica fixo atrás de toda a página (body::before),
 * para se ler como um fundo contínuo; as secções do esquema escuro ficam transparentes.
 */
body{background-color:#14161c}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#14161c;background-image:url('../images/noise.png'),radial-gradient(circle 90vmax at 70% -15%,rgba(120,140,180,.0863) 0%,rgba(120,140,180,0) 100%),linear-gradient(150.75deg,#1d2028 0%,#14161c 55%,#0c0e12 100%);background-repeat:repeat,no-repeat,no-repeat;background-size:128px 128px,auto,auto}
body{isolation:isolate}
.color-scheme-3948cd79-5a17-46bf-a714-f95bb50b24fb,.color-scheme-3948cd79-5a17-46bf-a714-f95bb50b24fb.gradient{background:transparent}
/* Camadas que tapam conteúdo (cabeçalho fixo, menus, janelas, painéis) pintam o mesmo fundo, fixo ao ecrã,
 * para continuarem opacas sem se notar a junção. */
.section-header .header-wrapper,.menu-drawer,.js .menu-drawer__submenu,.search-modal,.facets__display,.facets__header,.mobile-facets__inner,.mobile-facets__header,.mobile-facets__footer,.cart-notification,.product-media-modal,.share-button__fallback,.share-button__message:not(:empty),
.ai-page-loader-adg80mfzxk1piejfbqaigenblock541ad41qahfwk,.ai-premium-loader-av0flac9kzegvtuhylaigenblock40a39c5yjrkjy,.ai-loading-screen-aa21lrmnragpkztfbqaigenblock662b285xjgxrv{background-color:#14161c!important;background-image:url('../images/noise.png'),radial-gradient(circle 90vmax at 70% -15%,rgba(120,140,180,.0863) 0%,rgba(120,140,180,0) 100%),linear-gradient(150.75deg,#1d2028 0%,#14161c 55%,#0c0e12 100%)!important;background-repeat:repeat,no-repeat,no-repeat!important;background-size:128px 128px,100vw 100vh,100vw 100vh!important;background-attachment:fixed!important}
/* Campos sobre o degradé: transparentes, como na cópia Shopify (o campo tinha a cor do fundo). */
.color-scheme-3948cd79-5a17-46bf-a714-f95bb50b24fb .field__input,.color-scheme-3948cd79-5a17-46bf-a714-f95bb50b24fb .select__select,.color-scheme-3948cd79-5a17-46bf-a714-f95bb50b24fb .localization-form__select,.color-scheme-3948cd79-5a17-46bf-a714-f95bb50b24fb .quantity__input{background-color:transparent}
select option{background:#14161c;color:#e5e5e5}
html{background-color:#0c0e12}