.photo-stage{position:relative;height:100%;min-height:214px;width:100%;background:#fff;display:flex;flex-direction:column;border-radius:inherit;overflow:hidden;isolation:isolate}.photo-label{position:absolute;left:12px;right:12px;top:12px;z-index:2;display:flex;justify-content:space-between;gap:8px;pointer-events:none;font-size:10px;color:#4f5e48}.photo-label span{background:#edf2e8ee;padding:4px 8px;border-radius:20px}.photo-label output{background:#ffffffe8;border:1px solid #e2e7db;padding:4px 8px;border-radius:20px;font-variant-numeric:tabular-nums}.photo-surface{position:relative;flex:1;min-height:180px;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:ew-resize;overflow:hidden;padding:30px 20px 32px}.photo-surface:focus-visible{outline-offset:-5px}.product-photo{width:100%;height:100%;max-height:190px;object-fit:contain;user-select:none;-webkit-user-drag:none;mix-blend-mode:multiply}.photo-nav{position:absolute;bottom:8px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:3}.photo-nav button{width:34px;height:34px;border-radius:50%;border:1px solid #dce2d4;background:#ffffffed;font-size:24px;line-height:1}.photo-nav button:hover{background:#edf2e8;border-color:#8a9a7a}.photo-instruction{font-size:10px;color:#65735b;opacity:.9}.photo-missing{display:grid;gap:6px;place-items:center;text-align:center;max-width:210px;color:#728069;font-size:12px}.photo-missing>span{font-size:44px;line-height:1;color:#acb6a2}.photo-missing strong{font-weight:500}.photo-missing small{font-size:10px;line-height:1.5}.heroe .photo-stage{min-height:350px;background:#f5f7ef}.heroe .photo-surface{min-height:330px;padding:38px 30px 45px}.heroe .product-photo{max-height:285px}.heroe .photo-nav{bottom:15px;left:22px;right:22px}.detail-visual .photo-stage{height:470px;border:1px solid #e5e9df;border-radius:18px}.photo-detail .photo-surface{padding:40px 22px 48px;min-height:280px;max-height:380px}.photo-detail .product-photo{max-height:300px}.photo-detail .photo-nav{bottom:85px;left:20px;right:20px}.photo-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:8px 12px 12px;min-height:76px;max-height:86px;scrollbar-width:thin;align-items:center;justify-content:flex-start;margin-top:auto;border-top:1px solid #edf0e7}.photo-thumbnails button{width:58px;height:58px;flex:0 0 58px;padding:5px;border:1px solid #dce2d4;border-radius:8px;background:#fff}.photo-thumbnails button.selected{border:2px solid var(--azul)}.photo-thumbnails img{width:100%;height:100%;object-fit:contain}.photo-source{font-size:11px;color:#68735e;margin:8px 2px 14px;line-height:1.5}.photo-source a{color:var(--azul);text-decoration:underline}.card .foto{background:#fff}.photo-stage:has(.photo-thumbnails:empty){height:400px}.detail-visual .photo-stage:not(:has(.photo-thumbnails)){height:400px}.detail-visual .photo-stage:not(:has(.photo-thumbnails)) .photo-surface{max-height:none}
@media(max-width:700px){.heroe .photo-stage{min-height:285px}.heroe .photo-surface{min-height:270px}.heroe .product-photo{max-height:230px}.detail-visual .photo-stage{height:370px}.photo-detail .photo-surface{min-height:210px;max-height:290px;padding:32px 16px 43px}.photo-detail .product-photo{max-height:205px}.detail-visual .photo-stage:not(:has(.photo-thumbnails)){height:285px}.photo-nav button{min-width:38px;height:38px}.photo-thumbnails button{width:50px;height:50px;flex-basis:50px}.photo-instruction{font-size:9px}.photo-thumbnails{min-height:70px}.photo-detail .photo-nav{bottom:78px}}