:root{color-scheme:light;--paper:#f7f4ed;--cream:#fff0dc;--ink:#27262d;--muted:#737078;--border:#e7e2d8;--white:#fff;--cyan:#00c5d8;--magenta:#ff66b5;--font: 'DM Sans',Arial,sans-serif;--display:'Space Grotesk',var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--font)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #00a9be;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.shell{width:min(100% - 100px,1280px);margin-inline:auto}.header{position:sticky;top:0;z-index:12;background:rgba(247,244,237,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.head-inner{min-height:92px;display:flex;align-items:center;gap:30px;justify-content:space-between}.logo{display:block;flex:none}.logo img{display:block;width:160px;height:auto;max-height:65px;object-fit:contain}.main-nav{display:flex;gap:32px;align-items:center;justify-content:center;flex:1}.main-nav a{white-space:nowrap;font-size:14px;font-weight:700;color:#6d6870;transition:color .15s}.main-nav a:hover,.main-nav .nav-active{color:var(--ink)}.main-nav .nav-active{position:relative}.main-nav .nav-active:after{position:absolute;content:"";bottom:-14px;left:0;right:0;height:3px;background:var(--cyan)}.head-actions{display:flex;align-items:center;gap:10px}.head-actions button{background:#fff;border:1px solid var(--border);border-radius:9px;padding:12px 16px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap}.head-actions button:hover{border-color:#b8b4b0}.head-actions i{font-size:20px}.cart-button{position:relative}.cart-pill{background:var(--magenta);position:absolute;top:0;left:29px;border-radius:99px;min-width:17px;line-height:17px;font-size:11px;text-align:center}.page{min-height:59vh;padding-bottom:92px}.hero{display:grid;grid-template-columns:55% 45%;min-height:530px;margin-top:37px;border-radius:15px;overflow:hidden;background:var(--cream)}.hero-copy{padding:74px 7% 58px 8%;align-self:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#65616b}.live-dot{width:9px;height:9px;display:inline-block;background:var(--cyan);border-radius:50%;margin-right:8px}.hero h1{font:700 clamp(48px,4.6vw,75px)/1.06 var(--display);letter-spacing:-.065em;margin:24px 0 24px;max-width:690px}.hero h1 em{font-style:normal;color:#e0529b}.hero-copy>p{font-size:16px;line-height:1.75;color:#625e64;max-width:545px}.hero-buttons{display:flex;align-items:center;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;border-radius:9px;font-weight:800;font-size:14px;white-space:nowrap;border:1px solid transparent}.btn i{font-size:18px}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#44414a}.btn-outline{background:transparent;border-color:#c8c2b9;color:var(--ink)}.btn-outline:hover{background:#fff}.btn-cyan{background:var(--cyan);color:#173039}.btn-cyan:hover{background:#00b9cb}.micro-note{margin-top:42px;font-size:12px;font-weight:700;color:#746d72;display:flex;gap:8px}.micro-note i{color:#229b90}.hero-art{position:relative;background:#28272e;overflow:hidden}.hero-art:before{content:"";width:580px;height:580px;border:1px solid #5d5a64;position:absolute;border-radius:50%;top:3%;left:8%}.hero-art:after{content:"";width:360px;height:360px;border:1px solid #53515c;position:absolute;border-radius:50%;top:20%;left:31%}.art-square{position:absolute;display:grid;place-items:center;transform:rotate(-13deg);z-index:1;border-radius:24px}.art-square i{transform:rotate(13deg);font-size:75px}.art-square-1{width:205px;height:205px;background:var(--cyan);color:#273038;top:16%;left:15%}.art-square-2{width:152px;height:152px;background:var(--magenta);color:#303038;top:44%;left:54%;transform:rotate(11deg)}.art-square-2 i{transform:rotate(-11deg);font-size:62px}.art-square-3{width:119px;height:119px;background:#fff2dd;color:#303038;top:67%;left:20%;transform:rotate(-22deg)}.art-square-3 i{transform:rotate(22deg);font-size:50px}.art-label,.art-number{position:absolute;color:#efedf4;font-size:10px;letter-spacing:.2em;font-weight:800;z-index:2}.art-label-top{top:28px;left:30px}.art-label-bottom{bottom:25px;right:30px}.art-number{bottom:25px;left:30px;color:#aaa6b2}.section-title{display:flex;justify-content:space-between;align-items:end;margin:70px 0 26px;gap:20px}.section-title h2{font:700 38px/1.15 var(--display);letter-spacing:-.045em;margin:8px 0 0}.period{color:#dc5da0}.inline-action{border:0;background:none;color:#313039;font-weight:800;font-size:13px}.inline-action i{margin-left:8px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.category{display:flex;align-items:center;text-align:left;gap:21px;border:1px solid var(--border);background:#fff;border-radius:12px;padding:28px 25px;min-width:0;min-height:135px}.category>i:first-child{background:#e6f8f8;color:#227a89;width:56px;height:56px;display:grid;place-items:center;font-size:27px;border-radius:9px;flex:none}.cat-graphic>i:first-child{background:#ffedf6;color:#b5417d}.cat-fashion>i:first-child{background:#f5edda;color:#7c6a42}.category span{min-width:0}.category span strong{font:700 17px var(--display);display:block}.category span small{color:var(--muted);font-size:12px;display:block;margin-top:6px;line-height:1.6}.category-arrow{align-self:flex-start;margin-left:auto;color:#aaa6a6;font-size:17px}.category:hover,.product-card:hover{border-color:#bfb8ac}.featured-title{margin-top:82px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{width:100%;border:1px solid var(--border);border-radius:11px;background:#fff;text-align:left;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:318px;color:var(--ink)}.product-art{height:180px;position:relative;display:grid;place-items:center;background:#dff5f2}.product-art i{font-size:67px;color:#267a89}.product-art.grafica{background:#fde6f0}.product-art.grafica i{color:#b4487e}.product-art.vestuario{background:#f1ead9}.product-art.vestuario i{color:#8b7850}.product-art .index{position:absolute;right:18px;top:16px;letter-spacing:.15em;font-weight:800;font-size:10px;opacity:.65}.product-info{padding:20px;display:flex;flex:1;flex-direction:column}.product-info small{font-size:10px;font-weight:800;letter-spacing:.14em;color:#716b73}.product-info h3{font:700 19px/1.2 var(--display);margin:10px 0 18px;letter-spacing:-.025em}.product-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding-top:13px;margin-top:auto;color:#4e4952;font-size:12px;font-weight:800}.product-bottom i{font-size:20px}.cta-strip{margin-top:78px;background:#27262d;color:white;border-radius:13px;padding:47px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-strip h2{font:700 31px/1.16 var(--display);max-width:590px;letter-spacing:-.035em;margin:14px 0}.cta-strip p{color:#c3c0c8;margin:0}.cta-strip .eyebrow{color:var(--cyan)}.page-heading{padding:68px 0 34px}.page-heading h1{font:700 51px/1.12 var(--display);letter-spacing:-.05em;margin:10px 0}.page-heading p{color:var(--muted);margin:10px 0;max-width:700px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:14px}.search{width:min(450px,45%);position:relative;display:flex;align-items:center;background:white;border:1px solid var(--border);border-radius:8px}.search>i{padding-left:17px;font-size:18px}.search input{border:0;outline:0;padding:16px;width:100%;background:transparent;color:var(--ink)}.search span{font-size:10px;color:#aaa;letter-spacing:.1em;margin-right:14px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{padding:11px 18px;border-radius:7px;background:#fff;border:1px solid var(--border);color:var(--muted);font-weight:700;font-size:12px}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.count-label{font-size:12px;letter-spacing:.02em;color:var(--muted);margin:16px 0}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.notice,.inner-panel{border:1px solid var(--border);background:#fff;border-radius:11px;padding:26px}.notice{color:var(--muted);grid-column:1/-1}.quote-row{display:flex;align-items:center;gap:18px;padding:17px;border-bottom:1px solid var(--border)}.quote-row:last-child{border:0}.quote-row>i{font-size:24px;color:#72707a}.quote-row strong{display:block}.quote-row small{color:var(--muted)}.quote-row span{margin-left:auto;font-size:13px;font-weight:700;color:#4b4850}.account-box{background:white;border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;max-width:1040px;overflow:hidden}.account-intro{background:var(--cream);padding:65px}.account-intro h2{font:700 39px/1.15 var(--display);margin:24px 0 14px;letter-spacing:-.05em}.account-intro p{color:#656169}.mini-mark{background:#27262d;color:var(--cyan);border-radius:12px;width:64px;height:64px;display:grid;place-items:center;font-size:30px}.account-form-area{padding:55px}.auth-tabs{display:flex;gap:14px;border-bottom:1px solid var(--border);margin-bottom:25px}.auth-tabs button{background:none;border:none;border-bottom:3px solid transparent;padding:10px 18px;color:#77737a;font-weight:700}.auth-tabs button.active{color:var(--ink);border-color:var(--cyan)}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800}.form-stack input,.form-stack textarea,.form-stack select{width:100%;padding:13px 14px;border:1px solid #ddd8d0;border-radius:8px;background:#fff;color:var(--ink);font-size:14px;outline-offset:2px}.form-stack textarea{resize:vertical}.form-hint,.subtle{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.account-loading{color:var(--muted);padding:25px}.profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px;align-items:start}.profile-summary{text-align:center}.avatar{width:78px;height:78px;margin:3px auto 18px;border-radius:50%;background:#e1f7f8;display:grid;place-items:center;color:#378c97;font-size:42px}.profile-summary h2{font:700 22px var(--display);margin:0 0 7px;overflow-wrap:anywhere}.profile-summary p{overflow-wrap:anywhere;color:var(--muted);font-size:12px}.role-badge{display:inline-block;padding:5px 13px;background:#eaf7f6;border-radius:8px;font-size:12px;font-weight:800}.staff-link{display:block;background:#e6f7f7;padding:13px;margin-top:25px;font-size:13px;font-weight:800}.logout{background:transparent;border:0;display:block;margin:24px auto 0;font-weight:800;color:#9c4b65}.profile-forms{display:grid;gap:18px}.profile-forms .inner-panel{padding:29px}.profile-forms h2{font:700 21px var(--display);margin:0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-stack button{align-self:flex-start}.footer{border-top:1px solid var(--border);background:#eeeae2}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-block:57px}.footer p,.footer span{color:#77727a;font-size:12px}.footer strong{display:block;font-size:10px;letter-spacing:.14em;margin:4px 0 17px}.footer a{display:block;font-size:13px;color:#55525a;margin:10px 0}.footer a:hover{text-decoration:underline}.footer img{max-width:100%}.shade{position:fixed;inset:0;background:rgba(19,18,22,.54);z-index:20}.side-panel{position:fixed;z-index:21;right:0;top:0;bottom:0;width:min(100%,495px);background:var(--paper);padding:35px;overflow-y:auto;box-shadow:-10px 0 40px #0002}.panel-head{display:flex;align-items:center;justify-content:space-between}.close{background:#fff;border:1px solid var(--border);width:41px;height:41px;border-radius:8px;font-size:18px}.side-panel h2{font:700 37px var(--display);letter-spacing:-.045em;margin:22px 0 12px}.panel-product{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding:15px 0}.panel-product>i{background:#e5f7f8;color:#377d86;width:45px;height:45px;display:grid;place-items:center;border-radius:8px;font-size:22px}.panel-product .product-text{flex:1}.panel-product strong{display:block;font-size:14px}.panel-product small{color:var(--muted);font-size:12px}.panel-product button{border:0;background:transparent;color:#b74d80;font-size:19px;padding:8px}.quote-form{margin-top:25px}.detail-graphic{height:190px;border-radius:10px;background:#e6f8f7;display:grid;place-items:center;margin:30px 0}.detail-graphic i{font-size:75px;color:#298b96}.detail-graphic.grafica{background:#ffeaf3}.detail-graphic.grafica i{color:#a84e80}.detail-graphic.vestuario{background:#f5ead7}.detail-graphic.vestuario i{color:#8e7848}.detail-topics{padding-left:17px;color:#5a5760;line-height:2}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);z-index:25;opacity:0;pointer-events:none;padding:13px 22px;border-radius:9px;background:var(--ink);color:white;font-size:13px;font-weight:700;box-shadow:0 5px 20px #0002;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}
@media(max-width:1080px){.shell{width:min(100% - 45px,1280px)}.head-inner{gap:12px}.main-nav{gap:14px}.head-actions button{padding:10px}.hero{grid-template-columns:58% 42%}.hero-copy{padding:46px}.hero h1{font-size:51px}.art-square-2{left:48%}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category{padding:20px 14px;gap:12px}.category>i:first-child{width:44px;height:44px;font-size:23px}.category strong{font-size:15px!important}}
@media(max-width:770px){.shell{width:calc(100% - 32px)}.head-inner{min-height:80px;flex-wrap:wrap;gap:13px;padding:12px 0}.main-nav{order:3;width:100%;flex:unset;justify-content:space-between;overflow:auto}.main-nav a{font-size:12px}.head-actions button{font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 30px}.hero h1{font-size:46px}.hero-art{min-height:285px}.art-square-1{width:125px;height:125px}.art-square-2{width:100px;height:100px;top:40%}.art-square-3{width:72px;height:72px;top:65%;left:17%}.art-square i{font-size:45px}.art-square-2 i{font-size:40px}.art-square-3 i{font-size:28px}.category-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-direction:column;align-items:stretch}.search{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.account-box{grid-template-columns:1fr}.account-intro,.account-form-area{padding:30px}.profile-layout{grid-template-columns:1fr}}
@media(max-width:450px){.category-grid,.products-grid,.footer-main,.two-fields{grid-template-columns:1fr}.head-actions span:not(.cart-pill){display:none}.hero-buttons{flex-wrap:wrap}.section-title h2{font-size:30px}.section-title{margin-top:40px}.cta-strip{flex-direction:column;align-items:start;padding:30px}.page-heading h1{font-size:39px}.product-art{height:165px}}
