/* Shared resource gallery for segment pages. Brand: docs/manual-identidade-visual.md. */
@font-face{font-family:Manrope;src:url('./manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
.sf-showcase{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#8a62ee24,transparent 50%),radial-gradient(ellipse at 5% 80%,#25f4ee13,transparent 45%),#17171f;color:#fff}
.sf-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:38px}.sf-showcase .eyebrow{color:#25f4ee}.sf-heading h2{font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.05em}.sf-heading h2>span{color:#25f4ee}.sf-heading>p{font-size:15px;line-height:1.8;color:#c4c4d0;max-width:380px}
.sf-gallery-controls{display:flex;justify-content:center;gap:8px;margin:40px 0 25px}.sf-gallery-controls button{display:flex;gap:9px;align-items:center;padding:12px 22px;border:1px solid #ffffff25;border-radius:13px;color:#d8d8e1;background:#ffffff08;font-size:13px;font-weight:700;transition:background .2s,color .2s,transform .2s}.sf-gallery-controls button .icon{width:18px;height:18px}.sf-gallery-controls button[aria-pressed=true]{background:#fff;border-color:#fff;color:#17171f;box-shadow:3px 3px 0 #25f4ee}.sf-gallery-controls button:hover{transform:translateY(-2px)}
.sf-system-figure{margin:0}.sf-system-scene{position:relative;padding:30px 35px 42px;perspective:1600px}.sf-browser{position:relative;z-index:1;overflow:hidden;border:1px solid #747482;border-radius:21px;background:#f6f6f9;box-shadow:8px 12px 0 #080810,0 40px 75px #0005;transform:rotateX(var(--system-x,3deg)) rotateY(var(--system-y,-4deg));transition:transform .3s ease}
.sf-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:40px;padding:0 18px;color:#a5a5b4;background:#292932;font-size:10px}.sf-browser-bar>span:first-child{display:flex;gap:5px}.sf-browser-bar i{width:7px;height:7px;border-radius:50%;background:#626270}.sf-browser-bar i:nth-child(2){background:#fe2c55}.sf-browser-bar i:nth-child(3){background:#25f4ee}.sf-browser-bar b{font-weight:500;letter-spacing:.03em}.sf-browser-bar>span:last-child{color:#25f4ee;font-size:8px}
.sf-image-open{position:relative;display:block;cursor:zoom-in}.sf-image-open img{display:block;width:100%;height:auto;aspect-ratio:1440/940}.sf-expand{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff30;border-radius:12px;background:#17171f;color:#fff;box-shadow:0 10px 30px #17171f30;padding:10px 15px;font-size:11px;font-weight:700}
.sf-orbit{position:absolute;inset:0 -7%;border:1px solid #8a62ee35;border-radius:50%;transform:rotate(-10deg);pointer-events:none}.sf-float{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:15px 20px;color:#17171f;border:1px solid #ffffffa6;border-radius:15px;background:#fff;box-shadow:0 15px 35px #0003;font-size:11px;font-weight:700;pointer-events:none}.sf-float .icon{width:19px;height:19px;color:#007e82}.sf-float-one{left:0;top:90px;rotate:-5deg}.sf-float-two{right:0;bottom:20px;rotate:4deg}.sf-system-figure figcaption{display:flex;justify-content:space-between;gap:20px;color:#c4c4d0;font-size:11px;padding:12px 35px 0;line-height:1.6}.sf-system-figure figcaption span:first-child{color:#fff}
.sf-image-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #555564;border-radius:20px;background:#17171f;color:#fff;box-shadow:0 25px 100px #0006}.sf-image-dialog::backdrop{background:#101019d9;backdrop-filter:blur(8px)}.sf-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;border-bottom:1px solid #ffffff20}.sf-dialog-bar strong{font-size:13px}.sf-dialog-bar button{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 15px;background:#fff;border:0;border-radius:10px;font-size:12px;font-weight:700;color:#17171f}.sf-dialog-bar button span{font-size:23px;line-height:1}.sf-dialog-scroll{overflow:auto;max-height:calc(94dvh - 120px);background:#f6f6f9}.sf-dialog-scroll img{display:block;width:100%;min-width:900px;max-width:none;height:auto}.sf-image-dialog>p{margin:0;padding:12px 20px;font-size:11px;color:#c4c4d0}.sf-gallery-open{overflow:hidden}
.sf-catalog{background:linear-gradient(160deg,#fff 10%,#f6f6f9 80%,#f1edff);overflow:hidden}.sf-catalog-heading{max-width:700px;margin-bottom:45px}.sf-catalog-heading>p:last-child{margin-top:20px;max-width:580px;font-size:16px;line-height:1.75}.sf-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sf-card{display:flex;flex-direction:column;padding:27px;border:1px solid #e5e5ed;border-radius:24px;background:#fff;box-shadow:0 10px 30px #17171f05;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.sf-card:hover{transform:translateY(-6px);border-color:#8ddedb;box-shadow:0 20px 40px #17171f10}.sf-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.sf-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#007e82;background:#e9fffe}.sf-card:nth-child(3n+2) .sf-icon{color:#b51e49;background:#fff0f4}.sf-card:nth-child(3n) .sf-icon{color:#6941b6;background:#f1edff}.sf-number{color:#8a8a99;font-size:11px;font-weight:700;letter-spacing:.1em}.sf-card h3{font-size:19px;line-height:1.25;letter-spacing:-.03em;color:#17171f;min-height:48px}.sf-card p{font-size:13px;line-height:1.75;color:#626270;margin:13px 0 22px;flex:1}.sf-card>a{display:flex;align-items:center;justify-content:space-between;color:#007e82;font-size:11px;font-weight:800}.sf-card>a>span{font-size:20px}.sf-card>a:hover{text-decoration:underline;text-underline-offset:4px}
.sf-ai{display:grid;grid-template-columns:1.5fr .5fr;align-items:center;gap:45px;position:relative;margin-top:22px;padding:40px 45px;border:1px solid #dcd2f2;border-radius:28px;background:radial-gradient(ellipse at 85% 50%,#e6d9ff90,transparent 55%),#f7f4ff;overflow:hidden}.sf-status{display:inline-flex;padding:6px 10px;border:1px solid #d3c2f1;border-radius:99px;background:#eee6ff;color:#62409f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sf-ai h3{font-size:clamp(23px,2.6vw,34px);margin:17px 0;line-height:1.2}.sf-ai p{font-size:13px;max-width:580px;line-height:1.8;margin-bottom:19px}.sf-ai .text-link{font-size:12px}.sf-ai-art{position:relative;display:grid;place-items:center;min-height:210px}.sf-ai-art img{position:relative;z-index:1;width:200px;padding:22px;height:auto}.sf-ai-ring{position:absolute;width:240px;height:160px;border:1px solid #8a62ee50;border-radius:50%;rotate:-25deg}.sf-ai-spark{position:absolute;right:0;top:25px;font-size:28px;color:#8a62ee}
.sf-devices{display:flex;align-items:center;gap:24px;margin-top:28px;padding:28px 0 0}.sf-devices>.icon{width:45px;height:45px;color:#007e82}.sf-devices>div{flex:1}.sf-devices h3{font-size:19px;line-height:1.3}.sf-devices p{font-size:12px;margin-top:8px}.sf-devices .button{flex-shrink:0;font-size:12px}.sf-showcase :focus-visible{outline:3px solid #25f4ee;outline-offset:5px}
@keyframes sf-drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
.sf-in-view .sf-float{animation:sf-drift 3s ease-in-out}.sf-in-view .sf-float-two{animation-delay:.25s}
@media(max-width:1050px){.sf-heading{gap:35px}.sf-card{padding:23px}.sf-card h3{font-size:17px}.sf-system-scene{padding-inline:20px}.sf-float-one{left:0;font-size:10px}.sf-ai{gap:25px}.sf-devices{flex-wrap:wrap}.sf-devices>.button{margin-left:69px}}
@media(max-width:800px){.sf-heading{grid-template-columns:1fr;gap:22px}.sf-heading>p{max-width:540px}.sf-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sf-gallery-controls{margin-top:28px}.sf-system-scene{padding:10px 0 28px}.sf-browser{border-radius:15px;transform:none}.sf-float-one{display:none}.sf-float-two{bottom:6px;right:8px;font-size:9px;padding:10px 13px}.sf-float .icon{width:15px;height:15px}.sf-system-figure figcaption{padding:10px 0 0;flex-direction:column;gap:4px;font-size:10px}.sf-browser-bar{height:30px;padding-inline:12px;font-size:8px}.sf-expand{bottom:10px;right:10px;padding:7px 10px;font-size:9px}.sf-ai{grid-template-columns:1fr auto;padding:30px;gap:15px}.sf-ai-art img{width:140px;padding:17px}.sf-ai-ring{width:155px;height:130px}.sf-ai h3{font-size:25px}}
@media(max-width:480px){.sf-heading h2{font-size:2.2rem}.sf-heading>p{font-size:14px}.sf-gallery-controls{gap:6px;justify-content:stretch}.sf-gallery-controls button{flex:1;justify-content:center;font-size:11px;padding:10px 8px;gap:6px}.sf-gallery-controls button .icon{width:15px;height:15px}.sf-card-grid{grid-template-columns:1fr}.sf-card{padding:25px}.sf-card h3{min-height:0;font-size:20px}.sf-card p{font-size:14px}.sf-card>a{font-size:12px}.sf-card-top{margin-bottom:18px}.sf-card:hover{transform:none}.sf-ai{grid-template-columns:1fr;padding:26px}.sf-ai-art{min-height:165px}.sf-ai-art img{width:165px}.sf-ai-ring{width:210px;height:145px}.sf-ai-spark{right:30px}.sf-ai h3{font-size:25px}.sf-ai p{font-size:14px}.sf-devices{gap:16px}.sf-devices>.icon{width:35px;height:35px}.sf-devices h3{font-size:17px}.sf-devices>.button{margin-left:0;width:100%}.sf-dialog-bar{padding:10px 12px}.sf-dialog-bar strong{font-size:11px}.sf-dialog-bar button{padding:8px 12px}.sf-image-dialog>p{font-size:10px;padding:12px}.sf-expand{right:8px;bottom:8px}.sf-browser-bar>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.sf-browser{transform:none!important}.sf-float,.sf-card{animation:none!important;transition:none!important}}
html[data-salon-motion=reduced] .sf-browser,html[data-lash-motion=reduced] .sf-browser{transform:none!important}