/*
Theme Name: FamilyBags — WISE 50
Author: FamilyBags
Description: Apresentação WISE 50 anos, com saco 3D interativo, campanha e downloads locais. Tema autónomo, sem plugins obrigatórios.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wise-familybags
*/
:root{--wine:#591e2b;--wine-dark:#301019;--paper:#f3eee5;--ink:#302523;--gold:#c5a670;--line:#d7cfc3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,.viewer:focus-visible{outline:3px solid #bd892f;outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.07}h1{font-size:clamp(56px,6.5vw,100px);letter-spacing:-.055em}h2{font-size:clamp(40px,4.7vw,70px);letter-spacing:-.045em}h3{font-size:30px;letter-spacing:-.025em}em{font-weight:400}p+p{margin-top:18px}.skip{position:fixed;top:-100px;z-index:999;padding:15px;background:white;color:black}.skip:focus{top:5px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 5%;background:var(--wine-dark);color:var(--paper);position:relative;z-index:10}.brand{flex:0 0 205px}.brand img{width:205px}.site-header nav{display:flex;gap:30px;align-items:center;font-size:13px}.site-header a{text-decoration:none}.site-header a:hover{text-decoration:underline;text-underline-offset:5px}.nav-download{border:1px solid #ffffff65;padding:8px 16px}.hero{display:grid;grid-template-columns:45% 55%;min-height:660px;background:var(--wine);color:var(--paper)}.hero-copy{padding:66px 11% 42px}.eyebrow,.section-label{font-size:11px;font-weight:600;letter-spacing:.16em}.hero h1{margin:27px 0}.hero h1 em{color:#d5b884}.intro{font-size:17px;max-width:310px;color:#eaded6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 23px;text-decoration:none;font-size:14px;margin-top:30px;border:1px solid transparent;transition:background .2s}.button.light{background:var(--paper);color:var(--wine)}.button.light:hover{background:#fff}.button.dark{background:var(--wine);color:white}.hero-note{font-size:11px;color:#dbc9c2;margin-top:34px}.hero-picture{position:relative;min-height:640px;overflow:hidden}.hero-picture>img{width:100%;height:100%;object-fit:cover;object-position:40% center}.image-caption{position:absolute;left:0;bottom:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:19px 25px;color:white;font-size:10px;letter-spacing:.08em;background:linear-gradient(transparent,#260d16aa)}.section{padding:95px 6%}.concept{display:grid;grid-template-columns:15% 40% 1fr;gap:25px;border-bottom:1px solid var(--line)}.concept .section-label{padding-top:12px}.concept-text{padding-top:8px;color:#6f635d;font-size:15px}.palette{display:flex;gap:24px;margin-top:35px;font-size:11px;color:var(--ink)}.palette i{display:block;width:34px;height:34px;border-radius:50%;border:1px solid #0001;margin-bottom:8px}.viewer-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.viewer-heading h2{margin-top:20px}.viewer-heading>p{color:#796c64;font-size:14px}.explorer-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:55px;align-items:center}.viewer-wrap{min-width:0}.viewer{position:relative;height:510px;display:grid;place-items:center;overflow:hidden;perspective:1300px;background:radial-gradient(ellipse at 50% 35%,#fffaf0,#e4dbce);touch-action:pan-y;cursor:grab;border-radius:2px}.viewer.dragging{cursor:grabbing;touch-action:none}.floor-shadow{position:absolute;width:340px;height:58px;background:#30101b28;border-radius:50%;filter:blur(18px);bottom:45px}.object-scale{width:340px;height:272px;transform:scale(var(--zoom,1));transform-style:preserve-3d}.bag{--w:340px;--h:272px;--d:102px;position:relative;width:var(--w);height:var(--h);left:calc((340px - var(--w))/2);top:calc((272px - var(--h))/2);transform-style:preserve-3d;transform:rotateX(-13deg) rotateY(-28deg);will-change:transform}.face{position:absolute;transform-style:preserve-3d;backface-visibility:hidden;background:#f2ebdd}.front,.back{width:var(--w);height:var(--h);inset:0;border:1px solid #c2b6a1}.front{transform:translateZ(calc(var(--d)/2))}.back{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}.face img{width:100%;height:100%;object-fit:fill;pointer-events:none}.left,.right{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);top:0;background:linear-gradient(90deg,#571b28,#762a39 47%,#451321 50%,#632232);border:1px solid #46111e}.left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.bottom{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);background:#431321;transform:rotateX(-90deg) translateZ(calc(var(--h)/2))}.inside{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);background:#44131f;transform:rotateX(90deg) translateZ(calc(var(--h)/2 - 12px));backface-visibility:visible}.handle{position:absolute;left:27%;top:-77px;width:46%;height:115px;border:13px solid #622333;border-bottom:0;border-radius:80px 80px 0 0;box-shadow:inset 2px 0 1px #a36e6c,2px 0 1px #40101a;transform-style:preserve-3d;pointer-events:none;background:transparent}.handle-front{transform:translateZ(calc(var(--d)/2 + 1px))}.handle-back{transform:translateZ(calc(var(--d)/-2 - 1px))}.viewer-toolbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:15px 0}.viewer-toolbar button{padding:8px 12px;border:1px solid var(--line);background:transparent;font-size:12px;color:var(--wine)}.viewer-toolbar button:hover,.viewer-toolbar button[aria-pressed=true]{background:var(--wine);color:white;border-color:var(--wine)}.zoom{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:11px}.viewer-note{font-size:11px;color:#756a61}.product-info h3{font-size:40px;margin:20px 0 25px}.sizes{display:flex;gap:10px}.sizes button{width:48px;height:45px;border:1px solid #c3b5a8;background:transparent;color:var(--wine)}.sizes button[aria-pressed=true]{color:#fff;background:var(--wine);border-color:var(--wine)}.size-name{font-size:14px;margin:18px 0 4px}.muted{font-size:11px;color:#796b61;margin-top:0}.product-info dl{margin:28px 0}.product-info dl>div{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.product-info dt{color:#7a6b64}.product-info dd{margin:3px 0 0}.text-link{font-size:13px;text-underline-offset:6px}.detail-strip{background:var(--wine);color:var(--paper);padding:65px 6%;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.detail-strip>p{font-family:Georgia,serif;font-size:40px;line-height:1.1;letter-spacing:-.035em}.detail-strip span{font-size:11px;color:#cfb98f}.detail-strip h3{font-size:23px;margin:18px 0 12px}.detail-strip div p{font-size:13px;color:#d6c6bd}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.story-grid figure{margin:0}.story-grid img{width:100%;border:1px solid #571b2822}.story-grid figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.08em;margin-top:16px}.story-grid figcaption a{text-decoration:none}.campaign-note{font-size:13px;color:#796b64;margin-top:30px}.downloads{display:grid;grid-template-columns:35% 1fr;gap:6%;background:#e9e1d5}.download-intro h2{margin:22px 0}.download-intro>p:last-child{max-width:290px;font-size:14px;color:#75675e}.download-list>a{display:flex;align-items:center;gap:20px;text-decoration:none;padding:24px 0;border-top:1px solid #c7b9aa}.download-list>a:last-child{border-bottom:1px solid #c7b9aa}.download-list>a:hover h3{text-decoration:underline;text-underline-offset:6px}.file-index{font-size:11px;color:#8f7d6d}.download-list h3{font-size:26px}.download-list p{font-size:12px;color:#78695e;margin-top:7px}.file-type{margin-left:auto;flex-shrink:0;font-size:11px;color:var(--wine)}.production-notes{grid-column:1/-1;margin-top:25px;border-top:1px solid #c7b9aa;padding-top:20px;font-size:12px;color:#78695e}.production-notes summary{cursor:pointer;color:var(--ink)}.production-notes p{max-width:980px;margin-top:20px}.individual-files{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.individual-files a{overflow-wrap:anywhere}.site-footer{background:var(--wine-dark);color:#f3eee5;padding:45px 6%;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.site-footer img{width:190px}.site-footer p{font-family:Georgia,serif;font-size:22px;margin-left:auto}.site-footer>a{font-size:11px}.site-footer small{flex-basis:100%;font-size:10px;color:#bca7a1}.standard-page{max-width:1000px;margin:80px auto;padding:30px}.standard-page h1{font-size:48px}.standard-page article{margin-bottom:60px}.standard-page p{margin:25px 0}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1420px)/2));padding-right:max(6%,calc((100vw - 1420px)/2))}.hero{min-height:760px}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:50px 10%}.hero-picture{min-height:590px}.hero h1{font-size:68px}.site-header nav{gap:16px}.concept{grid-template-columns:1fr 1fr}.concept .section-label{grid-column:1/-1}.explorer-grid{gap:25px;grid-template-columns:minmax(0,1fr) 230px}.detail-strip{grid-template-columns:1fr 1fr}.viewer{height:460px}.zoom{margin-left:0}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{padding:20px 6%;flex-wrap:wrap;gap:20px}.brand{flex-basis:180px}.brand img{width:180px}.site-header nav{justify-content:space-between;gap:12px;width:100%;font-size:11px}.nav-download{padding:5px 10px}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 7% 35px}.hero h1{font-size:69px}.hero-picture{min-height:0;height:380px}.hero-picture>img{object-position:center center}.hero-note{margin-top:25px}.eyebrow,.section-label{font-size:10px}.section{padding:60px 6%}.concept{grid-template-columns:1fr;gap:28px}.concept-text{max-width:none}.viewer-heading{display:block;margin-bottom:25px}.viewer-heading>p,.viewer-heading>a{display:block;margin-top:20px}.explorer-grid{grid-template-columns:1fr;gap:35px}.viewer{height:410px;perspective:1100px}.viewer-toolbar{gap:5px}.viewer-toolbar button{padding:8px 10px;font-size:11px}.object-scale{transform:scale(calc(var(--zoom,1)*.78))}.floor-shadow{width:220px;bottom:50px}.product-info{border-top:1px solid var(--line);padding-top:30px}.product-info h3{font-size:35px}.product-info dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.detail-strip{padding:45px 6%;grid-template-columns:1fr;gap:30px}.detail-strip>p{font-size:40px}.detail-strip h3{margin:6px 0 9px}.story-grid{gap:24px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.story-grid figure{flex:0 0 84%;scroll-snap-align:start}.story-grid figcaption{font-size:9px}.downloads{grid-template-columns:1fr;gap:35px}.download-list>a{gap:12px}.download-list h3{font-size:24px}.individual-files{grid-template-columns:1fr}.site-footer{align-items:start;flex-direction:column;gap:25px}.site-footer p{margin:0;font-size:26px}.site-footer small{flex-basis:auto}.image-caption{font-size:8px;padding:15px}.zoom{margin-left:auto}.viewer-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}