/* MYXA Site Flow v0.9.0 — Dynamic Theme Studio */
.client-site,.demo-site{--heading-gradient:linear-gradient(135deg,#2563EB,#06B6D4);--heading-font:Manrope,Inter,system-ui,sans-serif}
.client-site .site-section h2,.client-site .site-section h3,.demo-site .demo-section h1,.demo-site .demo-section h2,.demo-site .demo-section h3{font-family:var(--section-heading-font,var(--heading-font))!important}
/* v0.9.2: aplicação robusta do degradê, inclusive contra regras específicas dos temas carregadas antes/depois. */
.client-site.headings-gradient .site-section h2,.client-site.headings-gradient .site-section h3,.demo-site.headings-gradient .demo-section h1,.demo-site.headings-gradient .demo-section h2,.demo-site.headings-gradient .demo-section h3,.client-site .site-section.custom-heading-gradient h2,.client-site .site-section.custom-heading-gradient h3,.demo-site .demo-section.custom-heading-gradient h1,.demo-site .demo-section.custom-heading-gradient h2,.demo-site .demo-section.custom-heading-gradient h3{background-image:var(--section-heading-gradient,var(--heading-gradient))!important;background-color:transparent!important;background-repeat:no-repeat!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.client-site:not(.headings-gradient) .site-section:not(.custom-heading-gradient) h2,.client-site:not(.headings-gradient) .site-section:not(.custom-heading-gradient) h3,.demo-site:not(.headings-gradient) .demo-section:not(.custom-heading-gradient) h1,.demo-site:not(.headings-gradient) .demo-section:not(.custom-heading-gradient) h2,.demo-site:not(.headings-gradient) .demo-section:not(.custom-heading-gradient) h3{-webkit-text-fill-color:currentColor;background-image:none}

/* Padrões estruturais comuns */
.client-site.pattern-signature .content-layout,.demo-site.pattern-signature .section-grid,.demo-site.pattern-signature .service-layout{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}
.client-site.pattern-alternate .content-layout,.demo-site.pattern-alternate .section-grid,.demo-site.pattern-alternate .service-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}
.client-site.pattern-alternate .content-layout .section-image,.demo-site.pattern-alternate .section-visual,.demo-site.pattern-alternate .service-visual{order:-1}
.client-site.pattern-editorial .site-section,.demo-site.pattern-editorial .demo-section{min-height:auto}
.client-site.pattern-editorial .section-inner,.demo-site.pattern-editorial .inner{max-width:1080px}
.client-site.pattern-editorial .content-layout,.demo-site.pattern-editorial .section-grid,.demo-site.pattern-editorial .service-layout{grid-template-columns:1fr;gap:26px}
.client-site.pattern-editorial .section-image,.demo-site.pattern-editorial .section-visual img{aspect-ratio:16/7;max-height:520px}

/* Segmentos realmente distintos */
.segment-corporate .site-nav,.segment-corporate .demo-nav{border-bottom:3px solid color-mix(in srgb,var(--brand,var(--p)) 35%,transparent)}
.segment-corporate .site-section:nth-child(even),.segment-corporate .demo-section:nth-child(even){background:color-mix(in srgb,var(--surface,var(--sf)) 94%,var(--brand,var(--p)) 6%)}
.segment-corporate .item-grid article{border-top:4px solid var(--brand)}

.segment-spa-wellness .site-section,.segment-spa-wellness .demo-section{border:0}
.segment-spa-wellness .section-inner,.segment-spa-wellness .inner{border-radius:46px 16px 46px 16px}
.segment-spa-wellness .section-image,.segment-spa-wellness .section-visual img{border-radius:45% 55% 38% 62%/44% 42% 58% 56%}
.segment-spa-wellness .site-nav,.segment-spa-wellness .demo-nav{border-radius:0 0 28px 28px}

.segment-clinic-health .site-section,.segment-clinic-health .demo-section{background-image:linear-gradient(90deg,color-mix(in srgb,var(--brand,var(--p)) 4%,transparent) 1px,transparent 1px);background-size:48px 100%}
.segment-clinic-health .item-grid article,.segment-clinic-health .service-cards article{border-radius:12px;border-left:4px solid var(--brand,var(--p))}
.segment-clinic-health .site-section h2,.segment-clinic-health .demo-section h2{letter-spacing:-1.6px}

.segment-dentistry .site-nav,.segment-dentistry .demo-nav{background:color-mix(in srgb,var(--surface,var(--sf)) 94%,transparent)}
.segment-dentistry .site-btn,.segment-dentistry .demo-btn{border-radius:999px}
.segment-dentistry .item-grid article,.segment-dentistry .service-cards article{border-radius:28px 8px 28px 8px}
.segment-dentistry .site-section:nth-child(odd),.segment-dentistry .demo-section:nth-child(odd){background:color-mix(in srgb,var(--secondary,var(--s)) 6%,var(--bg))}

.segment-law-firm .site-section,.segment-law-firm .demo-section{text-align:center}
.segment-law-firm .section-inner,.segment-law-firm .inner{max-width:980px;border-top:1px solid color-mix(in srgb,var(--brand,var(--p)) 45%,transparent);border-bottom:1px solid color-mix(in srgb,var(--brand,var(--p)) 45%,transparent);padding-top:42px;padding-bottom:42px}
.segment-law-firm .site-section p,.segment-law-firm .demo-section p{margin-left:auto;margin-right:auto}
.segment-law-firm .site-nav nav,.segment-law-firm .demo-nav nav{text-transform:uppercase;letter-spacing:1px}

.segment-accounting .site-section,.segment-accounting .demo-section{min-height:auto}
.segment-accounting .section-inner,.segment-accounting .inner{box-shadow:0 18px 45px color-mix(in srgb,var(--text,var(--tx)) 7%,transparent);border:1px solid color-mix(in srgb,var(--text,var(--tx)) 9%,transparent);padding:36px;border-radius:16px;background:var(--surface,var(--sf))}
.segment-accounting .item-grid,.segment-accounting .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}

.segment-digital-agency .site-section h2,.segment-digital-agency .demo-section h1,.segment-digital-agency .demo-section h2{text-transform:uppercase;letter-spacing:-4px;font-weight:950}
.segment-digital-agency .site-section:nth-child(3n+1),.segment-digital-agency .demo-section:nth-child(3n+1){transform:skewY(-.45deg)}
.segment-digital-agency .section-inner,.segment-digital-agency .inner{transform:skewY(.45deg)}
.segment-digital-agency .item-grid article,.segment-digital-agency .service-cards article{box-shadow:12px 12px 0 color-mix(in srgb,var(--accent,var(--a)) 25%,transparent)}

.segment-technology{background-image:linear-gradient(color-mix(in srgb,var(--brand,var(--p)) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--secondary,var(--s)) 6%,transparent) 1px,transparent 1px);background-size:34px 34px}
.segment-technology .section-inner,.segment-technology .inner{border:1px solid color-mix(in srgb,var(--brand,var(--p)) 28%,transparent);box-shadow:0 0 55px color-mix(in srgb,var(--brand,var(--p)) 9%,transparent)}
.segment-technology .site-btn,.segment-technology .demo-btn{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}

.segment-construction .site-section,.segment-construction .demo-section{border-bottom:6px solid color-mix(in srgb,var(--brand,var(--p)) 18%,transparent)}
.segment-construction .section-image,.segment-construction .section-visual img{border-radius:2px;clip-path:polygon(0 0,94% 0,100% 12%,100% 100%,6% 100%,0 88%)}
.segment-construction .item-grid article,.segment-construction .service-cards article{border-radius:4px}

.segment-architecture .site-section,.segment-architecture .demo-section{padding-top:110px;padding-bottom:110px}
.segment-architecture .site-section h2,.segment-architecture .demo-section h2{font-weight:500;max-width:760px}
.segment-architecture .section-image,.segment-architecture .section-visual img{border-radius:0;box-shadow:28px 28px 0 color-mix(in srgb,var(--brand,var(--p)) 12%,transparent)}
.segment-architecture.pattern-alternate .content-layout,.segment-architecture.pattern-alternate .section-grid{grid-template-columns:.7fr 1.3fr}

.segment-real-estate .site-section:first-child,.segment-real-estate .demo-section.hero{min-height:82vh}
.segment-real-estate .item-grid article{overflow:hidden;padding:0}.segment-real-estate .item-grid article>*:not(img){margin-left:20px;margin-right:20px}.segment-real-estate .item-grid .card-image{border-radius:0}
.segment-real-estate .site-nav,.segment-real-estate .demo-nav{box-shadow:0 14px 36px color-mix(in srgb,var(--text,var(--tx)) 8%,transparent)}

.segment-restaurant .site-section.hero,.segment-restaurant .demo-section.hero{min-height:92vh;text-align:center}
.segment-restaurant .site-section h2,.segment-restaurant .demo-section h1,.segment-restaurant .demo-section h2{font-family:Georgia,serif;font-weight:500}
.segment-restaurant .section-inner,.segment-restaurant .inner{max-width:1050px}
.segment-restaurant .item-grid article,.segment-restaurant .service-cards article{border-radius:8px;border-bottom:3px solid var(--brand,var(--p))}

.segment-education .item-grid article,.segment-education .service-cards article{border-radius:22px}.segment-education .item-grid article:nth-child(3n+1){transform:rotate(-.5deg)}.segment-education .item-grid article:nth-child(3n+2){transform:rotate(.5deg)}
.segment-education .site-section:nth-child(even),.segment-education .demo-section:nth-child(even){background:color-mix(in srgb,var(--accent,var(--a)) 7%,var(--bg))}

.segment-fitness .site-section,.segment-fitness .demo-section{border-bottom:1px solid color-mix(in srgb,var(--brand,var(--p)) 24%,transparent)}
.segment-fitness .site-section h2,.segment-fitness .demo-section h1,.segment-fitness .demo-section h2{text-transform:uppercase;font-style:italic;font-weight:950}
.segment-fitness .section-image,.segment-fitness .section-visual img{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);border-radius:0}
.segment-fitness .site-btn,.segment-fitness .demo-btn{transform:skewX(-8deg);border-radius:6px}

.segment-beauty-salon .site-section,.segment-beauty-salon .demo-section{border:0}.segment-beauty-salon .site-section:nth-child(even),.segment-beauty-salon .demo-section:nth-child(even){background:linear-gradient(135deg,color-mix(in srgb,var(--brand,var(--p)) 8%,var(--bg)),var(--bg))}
.segment-beauty-salon .section-image,.segment-beauty-salon .section-visual img{border-radius:100px 18px 100px 18px}

.segment-automotive .site-section h2,.segment-automotive .demo-section h2{text-transform:uppercase;font-weight:900}.segment-automotive .section-inner,.segment-automotive .inner{border-left:6px solid var(--accent,var(--a));padding-left:34px}.segment-automotive .item-grid article,.segment-automotive .service-cards article{clip-path:polygon(0 0,96% 0,100% 16%,100% 100%,4% 100%,0 84%);border-radius:0}

.segment-consulting .section-inner,.segment-consulting .inner{max-width:1040px}.segment-consulting .site-section h2,.segment-consulting .demo-section h2{max-width:720px}.segment-consulting .site-section:before,.segment-consulting .demo-section:before{content:"";position:absolute;left:4vw;top:20%;bottom:20%;width:2px;background:linear-gradient(var(--brand,var(--p)),transparent)}

.segment-events .site-section,.segment-events .demo-section{background-image:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent,var(--a)) 12%,transparent),transparent 25%)}
.segment-events .section-image,.segment-events .section-visual img{border-radius:34px;transform:rotate(-1deg)}.segment-events .item-grid article:nth-child(even),.segment-events .service-cards article:nth-child(even){transform:translateY(16px)}

.segment-local-commerce .site-section,.segment-local-commerce .demo-section{min-height:auto}.segment-local-commerce .item-grid,.segment-local-commerce .service-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.segment-local-commerce .item-grid article,.segment-local-commerce .service-cards article{border-radius:14px}.segment-local-commerce .site-nav,.segment-local-commerce .demo-nav{border-bottom:4px solid var(--brand,var(--p))}

/* Variantes escolhidas por seção no Editor Visual / Sandbox */
.section-layout-centered .section-grid,.section-layout-centered .service-layout{grid-template-columns:1fr!important;text-align:center}.section-layout-centered .section-grid p,.section-layout-centered .service-layout p{margin-left:auto;margin-right:auto}.section-layout-centered .section-visual,.section-layout-centered .service-visual{max-width:900px;margin:auto}
.section-layout-reverse .section-grid .section-visual,.section-layout-reverse .service-layout .service-visual{order:-1}
.section-layout-spotlight{background:linear-gradient(135deg,color-mix(in srgb,var(--p,var(--brand)) 13%,var(--bg)),var(--bg))}.section-layout-spotlight .inner,.section-layout-spotlight .section-inner{max-width:1040px}
.client-site .variant-split .content-layout{grid-template-columns:1fr 1fr}.client-site .variant-reverse .content-layout{grid-template-columns:1fr 1fr}.client-site .variant-reverse .content-layout .section-image{order:-1}.client-site .variant-image-top .content-layout{grid-template-columns:1fr}.client-site .variant-image-top .content-layout .section-image{order:-1;aspect-ratio:16/7;max-height:520px}.client-site .variant-centered .content-layout{grid-template-columns:1fr;text-align:center}.client-site .variant-centered .content-copy p{margin-left:auto;margin-right:auto}.client-site .variant-editorial .content-layout{grid-template-columns:.75fr 1.25fr}.client-site .variant-minimal .decor{display:none}.client-site .variant-minimal .section-inner{max-width:920px}

@media(max-width:920px){.client-site.pattern-signature .content-layout,.client-site.pattern-alternate .content-layout,.client-site.pattern-editorial .content-layout,.demo-site.pattern-signature .section-grid,.demo-site.pattern-alternate .section-grid,.demo-site.pattern-editorial .section-grid,.segment-architecture.pattern-alternate .content-layout,.segment-architecture.pattern-alternate .section-grid{grid-template-columns:1fr}.client-site.pattern-alternate .content-layout .section-image,.demo-site.pattern-alternate .section-visual,.demo-site.pattern-alternate .service-visual{order:0}.segment-local-commerce .item-grid,.segment-local-commerce .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.segment-local-commerce .item-grid,.segment-local-commerce .service-cards{grid-template-columns:1fr}.segment-accounting .item-grid,.segment-accounting .service-cards{grid-template-columns:1fr}.segment-law-firm .section-inner,.segment-law-firm .inner{padding-left:10px;padding-right:10px}}