/* Seleção no destaque e exploração ilustrada do modelo. */
.hero-picture.finished-picture{padding:0;border:0;background-color:transparent;cursor:pointer;z-index:1}.hero-picture.finished-picture:focus-visible{outline:2px solid #ff5900;outline-offset:-5px;border-radius:12px}.hero-model-render{display:none}.hero-stitch{pointer-events:none}.has-selected-model .studio-stages{display:none}.has-selected-model .finished-picture{background-image:none;mix-blend-mode:multiply;filter:none;clip-path:none!important;opacity:1;transform:none;inset:0 6% 45px 18%}.has-selected-model .hero-model-render{display:block;height:100%;aspect-ratio:1;max-width:100%;margin:auto;background-size:200% 200%;background-position:0 0;background-repeat:no-repeat}.hero-selected-info{position:absolute;z-index:5;bottom:22px;left:22%;right:15%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dfc6b4;padding-top:12px}.hero-selected-info[hidden]{display:none}.hero-selected-info>span{font-size:15px;font-weight:650}.hero-selected-info button{font-size:11px;color:#ad470c}.has-selected-model .sketch-picture{opacity:.2!important}.model-card[aria-pressed=true]{outline:1px solid #ff6a17;outline-offset:-1px;background:#fff6eb}.model-sheet-thumb{height:130px;width:130px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-size:200% 200%;background-position:0 0;mix-blend-mode:multiply}.model-art{position:relative;overflow:hidden}
.model-angle-art{display:block;width:100%;aspect-ratio:1;background-size:200% 200%;background-position:var(--ax) var(--ay);background-repeat:no-repeat;border-radius:5px;mix-blend-mode:multiply}.catalog .model-angle-art{max-height:180px;max-width:180px;margin:auto}
dialog:has(.model-explorer),dialog:has(.model-zoom-view){width:min(1130px,calc(100% - 30px))}dialog:has(.model-explorer)>.close{position:sticky;top:0;float:right;margin:-26px -25px 0 0;z-index:3;box-shadow:0 2px 9px #17304416}.explorer-intro{font-size:15px;line-height:1.65;color:#53677a;max-width:800px;margin:0 0 24px}.explorer-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;align-items:start}.explorer-gallery{min-width:0}.explorer-main{position:relative;display:block;width:100%;padding:0;border:1px solid #eceae3;border-radius:7px;overflow:hidden;background:#f8f6f0}.explorer-main>.model-angle-art{max-width:420px;margin:auto}.explorer-main>span:last-child:not(.model-angle-art){position:absolute;right:12px;bottom:12px;background:#102f45eb;color:white;font-size:11px;padding:8px 11px;border-radius:4px}.explorer-angles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.explorer-angles button{min-width:0;padding:4px;background:#f7f5f0;border:1px solid #e1e3dc;border-radius:5px}.explorer-angles [aria-pressed=true]{border-color:#ff5900;background:#fff2e6}.explorer-angles button>span:last-child{display:block;font-size:10px;margin:5px 0}.explorer-caption{font-size:10px;line-height:1.65;color:#7b8791;margin-top:13px}.explorer-options h3{font-size:23px;margin:0 0 18px;letter-spacing:-.4px}.explorer-tabs{display:flex;gap:5px;border-bottom:1px solid #e0e3dc;margin-bottom:15px}.explorer-tabs button{padding:10px 13px;font-size:12px;border-bottom:2px solid transparent}.explorer-tabs [aria-selected=true]{color:#b14a0f;border-color:#ff5900;font-weight:650}.option-instruction{font-size:12px;color:#627588;margin-bottom:12px}.model-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.model-option-grid button{position:relative;min-width:0;padding:4px;border:1px solid #e0e3dc;border-radius:5px;background:#f7f5f0;text-align:left}.model-option-grid button[aria-pressed=true]{border-color:#ff5900;background:#fff2e6}.model-option-art{display:block;aspect-ratio:1;background-size:300% 200%;background-position:var(--ox) var(--oy);background-repeat:no-repeat;border-radius:3px}.model-option-grid button>span:last-of-type{display:block;font-size:10px;font-weight:600;line-height:1.35;min-height:36px;padding:7px 3px 1px}.model-option-grid button>b{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ff5900;color:#fff;font-size:12px}.model-option-description{background:#eef0e9;border-left:2px solid #f56c21;padding:14px;margin-top:16px;font-size:13px;line-height:1.65;color:#526579}.option-illustration{font-size:10px;color:#7b8791;line-height:1.5;margin-top:10px}.explorer-summary{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dce0d9;margin-top:23px;padding-top:21px}.explorer-summary strong{font-size:13px}.explorer-summary p{font-size:14px;line-height:1.6;margin:7px 0;color:#21445d}.explorer-summary small{font-size:10px;color:#7b8791;line-height:1.5}.explorer-summary .button{font-size:12px;padding:0 22px;flex-shrink:0}.bucket-closure>.model-angle-art{max-width:230px;margin:auto}.bucket-closure h4{font-size:17px;margin:15px 0 9px}.bucket-closure p{font-size:14px;line-height:1.65;color:#526579}.model-zoom-view>.model-angle-art{max-width:650px;margin:auto}.js-motion .explorer-main .model-angle-art{animation:copy-arrive .25s ease both}
@media(max-width:900px){.has-selected-model .finished-picture{inset:0 12% 35px}.hero-selected-info{left:13%;right:13%;bottom:0;padding-top:8px}.hero-selected-info>span{font-size:12px}.hero-selected-info button{font-size:10px}.explorer-layout{grid-template-columns:1fr 1fr;gap:18px}.explorer-tabs button{padding:10px 8px}.model-sheet-thumb{height:125px;width:125px}}
@media(max-width:700px){.explorer-layout{grid-template-columns:1fr;gap:23px}.explorer-main>.model-angle-art{max-width:340px}.explorer-angles{gap:6px}.explorer-options h3{font-size:22px}.explorer-summary{display:block}.explorer-summary .button{width:100%;margin-top:17px}.explorer-intro{font-size:14px}.model-option-grid{gap:7px}.model-option-grid button>span:last-of-type{font-size:10px}.model-zoom-view>.model-angle-art{width:100%}dialog:has(.model-explorer)>.close{margin:-20px -9px 0 0}}

.has-selected-model .hero-parallax{mix-blend-mode:multiply}
/* Mantém o alvo de clique estável e enquadra os quatro recortes sem atravessar painéis. */
.model-angle-art,.model-sheet-thumb,.has-selected-model .hero-model-render{background-size:212% 212%}
.js-motion .hero.has-selected-model .finished-picture{animation:none}
.js-motion .hero.has-selected-model:not(.motion-idle) .hero-model-render{animation:cap-breathe 7s ease-in-out infinite}

.hero.has-selected-model .hero-art{mix-blend-mode:multiply}

.model-card h3{font-size:10px;line-height:1.15;min-height:24px;display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:2px}

/* Enquadramento integral: cada vista ocupa exatamente um quadrante. */
.model-angle-art,.model-sheet-thumb,.has-selected-model .hero-model-render{background-size:200% 200%}
.model-art{height:100px;display:grid;place-items:center}
.model-sheet-thumb{position:static;transform:none;width:96px;height:96px;max-width:100%;flex:none}
.has-selected-model .finished-picture{display:flex;align-items:center;justify-content:center;container-type:size}
.has-selected-model .hero-model-render{width:min(100cqw,100cqh);height:min(100cqw,100cqh);max-width:100%;flex:none;aspect-ratio:1}
@media(max-width:700px){.model-art{height:100px}}

.models{height:auto;min-height:144px;padding-top:10px;padding-bottom:10px}

.hero-selected-info .hero-details-link{display:inline-flex;align-items:center;gap:7px;padding:5px 0;font-size:11px;font-weight:500;color:#4c6375;white-space:nowrap;background:none;border:0;box-shadow:none}.hero-details-link>span{color:#e85508;font-size:15px;transition:transform .2s}.hero-details-link:hover{color:#d44c00}.hero-details-link:hover>span{transform:translate(2px,-2px)}@media(max-width:700px){.hero-selected-info{flex-wrap:wrap;gap:5px}.hero-selected-info .hero-details-link{font-size:10px}}
