:root{--color-primary-blue:#0076d3;--color-primary-cyan:#00c9f9;--color-accent-magenta:#ff0056;--color-accent-red:red;--color-silver:#cdcdcd;--color-bg-light:#fff;--color-bg-soft:#f1f4f6;--color-bg-dark:#111317;--color-text-dark:#111317;--color-text-muted:#5d646c;--color-text-light:#f5f5f5;--font-display:"Bebas Neue", sans-serif;--font-serif:"Playfair Display", serif;--font-sans:"Outfit", sans-serif;--transition-smooth:color .4s cubic-bezier(.25, 1, .5, 1), background-color .4s cubic-bezier(.25, 1, .5, 1), border-color .4s cubic-bezier(.25, 1, .5, 1), transform .4s cubic-bezier(.25, 1, .5, 1), opacity .4s cubic-bezier(.25, 1, .5, 1), box-shadow .4s cubic-bezier(.25, 1, .5, 1), filter .4s cubic-bezier(.25, 1, .5, 1), backdrop-filter .4s cubic-bezier(.25, 1, .5, 1);--transition-fast:color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, opacity .2s ease, box-shadow .2s ease, filter .2s ease, backdrop-filter .2s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--spacing-xxl:80px;--header-logo-height:87px;--header-logo-height-scrolled:72px;--navbar-height:85px;--navbar-height-scrolled:65px}@media (width<=640px){:root{--header-logo-height:54px;--header-logo-height-scrolled:46px;--navbar-height:64px;--navbar-height-scrolled:54px;--spacing-xl:32px;--spacing-xxl:44px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-light);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:#0076d324}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-weight:400}.text-editorial{font-family:var(--font-serif);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulseBorder{0%{border-color:#00c6f966}50%{border-color:#ff0056cc}to{border-color:#00c6f966}}.animate-fade-in{animation:.8s cubic-bezier(.25,1,.5,1) forwards fadeIn}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-silver);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dark)}.container-full{width:100%;max-width:1440px;padding-left:max(var(--spacing-lg), env(safe-area-inset-left));padding-right:max(var(--spacing-lg), env(safe-area-inset-right));margin-inline:auto}.btn-primary{background-color:var(--color-text-dark);color:var(--color-bg-light);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--color-text-dark);transition:var(--transition-smooth);text-align:center;padding:14px 28px;font-size:.75rem;font-weight:500;display:inline-block}.btn-primary:hover{color:var(--color-text-dark);background-color:#0000}.btn-secondary{color:var(--color-text-dark);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--color-silver);transition:var(--transition-smooth);text-align:center;background-color:#0000;padding:14px 28px;font-size:.75rem;font-weight:500;display:inline-block}.btn-secondary:hover{border-color:var(--color-text-dark)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tabular-nums{font-variant-numeric:tabular-nums}.skip-link{background:var(--color-text-dark);color:var(--color-bg-light);font-size:11px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;z-index:9999;border-bottom:2px solid var(--color-primary-cyan);padding:10px 20px;font-weight:600;transition:top .2s;position:absolute;top:-100px;left:0}.skip-link:focus-visible{outline:2px solid var(--color-primary-cyan);outline-offset:-2px;top:0}#main-content{scroll-margin-top:var(--navbar-height)}@media (width<=900px){.container-full{padding-left:max(var(--spacing-md), env(safe-area-inset-left));padding-right:max(var(--spacing-md), env(safe-area-inset-right))}}.search-box{border-bottom:1px solid var(--color-text-dark);align-items:center;gap:12px;width:100%;max-width:640px;margin-inline:auto;padding:10px 2px;display:flex}.search-box input{min-width:0;font-family:var(--font-sans);color:var(--color-text-dark);background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:300}.search-box input::placeholder{color:var(--color-text-muted)}.search-box:focus-within{border-bottom-color:var(--color-primary-blue)}.search-box input:focus-visible{outline:none}.category-tabs{scrollbar-width:none;justify-content:center;gap:28px;padding:4px 2px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);transition:var(--transition-fast);border-bottom:1px solid #0000;flex-shrink:0;padding:6px 0 3px;font-size:11px}.category-tab:hover{color:var(--color-text-dark)}.category-tab[aria-pressed=true]{color:var(--color-text-dark);border-bottom-color:var(--color-text-dark);font-weight:600}@media (width<=640px){.category-tabs{justify-content:flex-start;gap:22px}}.color-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.color-chip{color:var(--color-text-muted);transition:var(--transition-fast);border:1px solid #e6e6e6;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 6px;font-size:11px;display:inline-flex}.color-chip:hover{border-color:var(--color-text-dark);color:var(--color-text-dark)}.color-chip[aria-pressed=true]{border-color:var(--color-text-dark);color:var(--color-text-dark);font-weight:500}.color-swatch{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:14px;height:14px}@media (width<=640px){.color-chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.color-chips::-webkit-scrollbar{display:none}.color-chip{flex-shrink:0}}.masonry{column-count:5;column-gap:16px}.masonry>*{break-inside:avoid;margin-bottom:16px}@media (width<=1280px){.masonry{column-count:4}}@media (width<=1024px){.masonry{column-count:3}}@media (width<=640px){.masonry{column-count:2;column-gap:10px}.masonry>*{margin-bottom:10px}}.design-card{text-align:left;cursor:pointer;width:100%;min-width:0;display:block}.design-card-media{background-color:var(--color-bg-soft);position:relative;overflow:hidden}.design-card-media img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth);display:block}@media (hover:hover){.design-card:hover .design-card-media img{transform:scale(1.03)}.design-card:hover .design-card-name{text-underline-offset:3px;text-decoration:underline}}.design-card-name{-webkit-line-clamp:2;color:var(--color-text-dark);-webkit-box-orient:vertical;margin-top:8px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.design-card-code{letter-spacing:.12em;color:var(--color-text-muted);margin-top:2px;font-size:10px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior:contain;background:#1113178c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.design-modal{background:var(--color-bg-light);overscroll-behavior:contain;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);width:100%;max-width:1080px;max-height:92vh;display:grid;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000026}.design-modal-media{background:var(--color-bg-soft);justify-content:center;align-items:center;min-height:360px;padding:24px;display:flex}.design-modal-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(92vh - 48px);display:block}.design-modal-info{flex-direction:column;gap:20px;min-width:0;padding:40px 36px 32px;display:flex}.modal-close{z-index:2;width:40px;height:40px;color:var(--color-text-dark);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.tag-chip{background:var(--color-bg-soft);color:var(--color-text-muted);transition:var(--transition-fast);padding:5px 10px;font-size:11px}.tag-chip:hover{background:var(--color-text-dark);color:var(--color-bg-light)}.similar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.similar-grid>*{min-width:0}.similar-grid img{aspect-ratio:1;object-fit:cover;background:var(--color-bg-soft);width:100%;transition:var(--transition-fast);display:block}.similar-grid button:hover img{opacity:.8}.btn-whatsapp{justify-content:center;align-items:center;gap:10px;width:100%;display:inline-flex}@media (width<=820px){.design-modal{-webkit-overflow-scrolling:touch;grid-template-columns:minmax(0,1fr);max-height:94vh}.design-modal-media{min-height:0;padding:12px}.design-modal-media img{max-height:60vh}.design-modal-info{padding:24px 16px calc(24px + env(safe-area-inset-bottom));gap:16px}}@media (pointer:coarse){.category-tab{min-height:40px}.color-chip{min-height:40px;padding-inline:12px}.tag-chip{align-items:center;min-height:40px;display:inline-flex}.icon-btn{min-width:44px;min-height:44px}}