/* 3B Fluida: profundidade leve, movimento progressivo e rolagem nativa. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.2,.85,.25,1.12)}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#b4532a,#e9b585);transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:100;box-shadow:0 1px 7px #b4532a25}
.avatar{box-shadow:0 0 0 3px #fffbf680,0 7px 18px #57341d14}
.hero-shell:before{transform:translate3d(0,var(--hero-shift,0px),0) rotate(24deg)}
.hero-shell:after{content:'';position:absolute;width:82px;height:82px;right:-28px;top:19px;border-radius:50%;border:15px solid #e8d3bb6b;box-shadow:inset 3px 4px 9px #99745012,3px 6px 14px #9974500a;transform:translate3d(0,var(--orbit-shift,0px),0) rotate(-20deg);pointer-events:none;z-index:-1}
.button{box-shadow:inset 0 1px 0 #ffffff35,0 4px 0 #74381618,0 8px 19px #8d482616;transition:transform .3s var(--ease-spring),box-shadow .3s,background .18s}
.button-light{box-shadow:inset 0 1px 0 #fff,0 4px 0 #77341733,0 9px 22px #6c321c1c}
.button svg,.tool-action svg{transition:transform .35s var(--ease-out)}
.button:active{transform:translateY(2px) scale(.98);box-shadow:inset 0 1px 0 #ffffff25,0 1px 0 #74381618}
.tool-grid{perspective:1100px}
.tool-card{background:linear-gradient(145deg,#fffcf8,#f9f2eb);border-color:#e5d8ca;box-shadow:inset 0 1px 0 #fff,0 3px 1px #57341d03,0 9px 24px #57341d06;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--ease-out),box-shadow .4s,border-color .25s,background .25s;transform-style:preserve-3d}
.tool-card.featured{background:linear-gradient(130deg,#efe2d0,#e5ceb3);border-color:#dcc2a66b;box-shadow:inset 0 1px 0 #fff9,0 5px 0 #a9794210,0 13px 26px #80502f10}
.tool-icon{transform:translateZ(13px);filter:drop-shadow(0 3px 1px #7c4b2020);transition:transform .45s var(--ease-out)}
.tool-action{transform:translateZ(9px)}
.tool-card.is-pressed{transform:perspective(900px) rotateX(1.5deg) scale(.985);transition-duration:.14s;box-shadow:inset 0 1px 0 #fff8,0 2px 8px #57341d0b}
.tool-card:focus-within{border-color:#b4532a;box-shadow:0 0 0 2px #b4532a16,0 12px 25px #57341d0c}
.tool-filters{position:relative;isolation:isolate;box-shadow:inset 0 1px 3px #6847280a}
.filter-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);border-radius:10px;background:var(--terracota);box-shadow:inset 0 1px 0 #ffffff24,0 3px 7px #8a492025;z-index:-1;pointer-events:none;transition:transform .42s var(--ease-spring),width .25s var(--ease-out)}
.tool-filters.has-indicator button[aria-pressed=true]{background:transparent;box-shadow:none}
.tool-filters button{transition:color .2s,background .2s}
.profile-options label{transition:background .25s,box-shadow .3s,transform .3s var(--ease-spring)}
.profile-options label:has(input:checked){box-shadow:inset 0 0 0 2px #edbf99,0 4px 12px #66311720;transform:translateY(-2px)}
.field input{transition:box-shadow .25s,border-color .25s;box-shadow:inset 0 2px 3px #6f402907}
.field input:focus{box-shadow:0 0 0 4px #ffffff18,0 7px 20px #7136181c}
.story>summary>span,.details-plus{transition:transform .38s var(--ease-spring)}
.newsletter{box-shadow:inset 0 1px 0 #ffd9b84d,0 12px 32px #874d2912;background:linear-gradient(135deg,#b4532a,#a94b27)}
.desktop-portrait{box-shadow:0 18px 35px #79553410;transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}
.desktop-portrait figcaption{box-shadow:0 6px 20px #50351e0a}
.mobile-action .button{box-shadow:inset 0 1px 0 #ffffff35,0 5px 16px #7b391e20}
@media(hover:hover) and (pointer:fine){
 .tool-card:hover{box-shadow:inset 0 1px 0 #fff,0 7px 0 #84563505,0 17px 32px #57341d12}
 .tool-card:hover .tool-icon{transform:translateZ(18px) translateY(-2px) rotate(-3deg)}
 .button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff35,0 5px 0 #74381612,0 12px 22px #8d482624}
 .button:hover svg,.tool-action:hover svg{transform:translateX(3px)}
}
@media(min-width:960px){.hero-shell:after{width:125px;height:125px;border-width:23px;right:11%;top:15px}}
@media(prefers-reduced-motion:no-preference){
 .main-nav.is-open{animation:menu-enter .28s var(--ease-out) both;transform-origin:top right}
 .mobile-action:not([hidden]){animation:dock-enter .38s var(--ease-out) both}
 @keyframes menu-enter{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
 @keyframes dock-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){
 .scroll-progress{display:none}
 .hero-shell:before{transform:rotate(24deg)}
 .hero-shell:after,.tool-card,.desktop-portrait,.tool-icon,.tool-action,.profile-options label:has(input:checked){transform:none!important}
.button:hover,.button:active,.button svg,.tool-action svg{transform:none!important}
}

/* Vidro quente: translucidez suave, bordas luminosas e reflexos localizados. */
.tool-grid{position:relative;isolation:isolate}
.tool-grid:before{content:'';position:absolute;inset:-22px -8px;z-index:-1;border-radius:45%;background:radial-gradient(ellipse at 5% 22%,#ddb68850,transparent 52%),radial-gradient(ellipse at 95% 72%,#fffaf0e6,transparent 50%);pointer-events:none}
.tool-card,.tool-card:hover{isolation:isolate;background:linear-gradient(145deg,#fffefaad,#fff9f066);border:1px solid #ffffffc9;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #a7815824,0 1px 2px #6b482110,0 12px 28px #7958390c;-webkit-backdrop-filter:blur(14px) saturate(1.16);backdrop-filter:blur(14px) saturate(1.16);overflow:hidden}
.tool-card.featured,.tool-card.featured:hover{background:linear-gradient(135deg,#eedcc49e,#e3c6a475);border-color:#fff8e8c7;box-shadow:inset 0 1px 0 #ffffffe8,inset 0 -1px 0 #a57b4324,0 2px 4px #926b3520,0 14px 28px #80552e13}
.tool-card:before{content:'';position:absolute;inset:-30px 0;z-index:0;background:radial-gradient(ellipse at var(--light-x,18%) var(--light-y,0%),#ffffff75,transparent 65%),linear-gradient(115deg,#ffffff38,transparent 42%,#ffffff10 64%,#ffffff30);transform:translate3d(0,var(--glass-shift,0px),0);border-radius:inherit;pointer-events:none}
.tool-card>*{position:relative;z-index:1}
.tool-card.is-pressed{box-shadow:inset 0 1px 0 #ffffffc9,inset 0 0 14px #ffffff38,0 3px 10px #7a4c2310}
.tool-card:focus-within{outline:1px solid #b4532a55;outline-offset:1px}
.tool-icon{filter:drop-shadow(0 2px 1px #ffffffb3) drop-shadow(0 3px 2px #78502817)}
.tag{background:#ead8bd94;box-shadow:inset 0 1px 0 #ffffff70}
.featured .tag{background:#e3c7a4c2}
.tag-soon{background:#ead9cec9}
.tool-filters{background:linear-gradient(135deg,#ffffff9c,#eaded278);border:1px solid #ffffffba;box-shadow:inset 0 1px 0 #fff,0 5px 18px #78502f08;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}
.filter-indicator{background:linear-gradient(145deg,#b95b32f5,#a24928f5);border:1px solid #ffd6b273;box-shadow:inset 0 1px 0 #fff8,0 3px 8px #76422026}
.button:not(.button-light){background:linear-gradient(145deg,#b95a31f5,#a04723fa);border-color:#e4a27685;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #7d331c35,0 6px 18px #85432120}
.button:not(.button-light):hover{background:linear-gradient(145deg,#b0522bf5,#98401ffa)}
.button-light{background:linear-gradient(145deg,#fffdf7f5,#fff3e5e8);border-color:#fffffff0;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ba9b761c,0 6px 17px #6c321c22}
.main-nav{background:linear-gradient(145deg,#fffdf7ed,#f7ebdddc);border-color:#ffffffdb;-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18);box-shadow:inset 0 1px 0 #fff,0 14px 35px #3a26181a}
.desktop-portrait figcaption{background:linear-gradient(135deg,#fffdf6c9,#fff9ef94);border:1px solid #ffffffa6;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);box-shadow:inset 0 1px 0 #fff,0 8px 24px #50351e10}
.field input,.profile-options label{background:linear-gradient(145deg,#fffdf6f7,#fff4e9ed);border-color:#fff8edeb;box-shadow:inset 0 1px 0 #fff,0 2px 7px #7841220c}
.mobile-action{background:linear-gradient(180deg,#f8f1e9bb,#f5eadce3);border-color:#ffffffab;-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);box-shadow:inset 0 1px 0 #ffffffb3,0 -4px 20px #78543209}
@media(min-width:960px){.main-nav{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .tool-card,.tool-card:hover,.tool-filters{background:#faf4ec}
 .tool-card.featured,.tool-card.featured:hover{background:#ead8c1}
 .main-nav,.desktop-portrait figcaption,.mobile-action{background:#f8f1e8}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .tool-card,.tool-card:hover,.tool-filters,.main-nav,.desktop-portrait figcaption,.mobile-action{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}
 .tool-card.featured,.tool-card.featured:hover{background:var(--areia)}
 .tool-card:before{display:none}
 .tool-card{border-color:#c8b299}
}
@media(prefers-reduced-motion:reduce){.tool-card:before{transform:none}}