*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--color-bg);color: var(--color-text);font-family: var(--font-sans);line-height: 1.55;font-size: 16px}img,picture,video{max-width: 100%;display: block;height: auto}a{color: var(--color-primary)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline: 3px solid var(--color-focus);outline-offset: 2px}.visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.skip-link{position: absolute;inset-inline-start: -999px;top: 0;z-index: 1000;background: var(--color-primary);color: #fff;padding: var(--space-3) var(--space-4);border-radius: 0 0 var(--radius-sm) 0}.skip-link:focus{inset-inline-start: 0}.container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--space-4)}@media (min-width: 768px){.container{padding-inline: var(--space-6)}}h1,h2,h3,h4{font-family: var(--font-sans);font-weight: 650;line-height: 1.1;letter-spacing: -0.02em;margin: 0 0 var(--space-4);color: var(--color-text)}h1{font-size: clamp(2.1rem,1.5rem + 2.6vw,3.4rem);font-weight: 680;letter-spacing: -0.025em}h2{font-size: clamp(1.6rem,1.35rem + 1.1vw,2.25rem);font-weight: 650}h3{font-size: 1.3rem;font-weight: 600;letter-spacing: -0.01em}em,.accent-serif{font-style: italic;color: var(--color-primary)}p{margin: 0 0 var(--space-4);max-width: 68ch}p:last-child{margin-bottom: 0}.lede{font-size: 1.1rem;color: var(--color-text-muted);max-width: 56ch}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 0.8em 1.6em;border-radius: var(--radius-pill);font-weight: 600;text-decoration: none;border: 1.5px solid transparent;cursor: pointer;font-size: 0.98rem;min-height: 46px;transition: transform 160ms var(--ease-soft),box-shadow 160ms var(--ease-soft),background 160ms var(--ease-soft)}.btn-primary{background: var(--color-primary);color: #fff;box-shadow: var(--shadow-sm)}.btn-primary:hover,.btn-primary:focus-visible{background: var(--color-primary-dark);box-shadow: var(--shadow-md);transform: translateY(-1px)}.btn-secondary{background: transparent;color: var(--color-primary);border-color: var(--color-primary-soft)}.btn-secondary:hover,.btn-secondary:focus-visible{background: rgba(139,63,88,0.08);border-color: var(--color-primary)}.btn[disabled]{opacity: 0.6;cursor: not-allowed;transform: none}@media (prefers-reduced-motion: reduce){.btn{transition: none}.btn-primary:hover{transform: none}}.draft-banner{background: var(--color-draft-banner-bg);color: var(--color-draft-banner-text);text-align: center;font-size: 0.85rem;padding: var(--space-2) var(--space-4);position: relative;z-index: 2000}.draft-banner strong{color: #F2C14E}.site-header{background: var(--color-bg);border-bottom: 1px solid var(--color-border);position: sticky;top: 0;z-index: 1500}.site-header-inner{display: grid;grid-template-columns: auto 1fr;grid-template-areas: "left right" "nav nav";align-items: center;column-gap: var(--space-3);row-gap: 4px;padding-block: 10px;max-width: 1760px}.site-header-row{display: contents}.site-header-left{grid-area: left;display: flex;align-items: center;gap: var(--space-4);min-width: 0}.site-header-right{grid-area: right;display: flex;align-items: center;gap: 12px;justify-self: end}@media (min-width: 1300px){.site-header-inner{grid-template-columns: auto 1fr auto;grid-template-areas: "left nav right"}.main-nav{grid-area: nav;justify-self: center}}.brand-mark{display: flex;flex-direction: column;align-items: center;text-align: center;font-family: var(--font-sans);font-size: 1.05rem;font-weight: 700;letter-spacing: -0.01em;color: var(--color-primary);text-decoration: none;line-height: 1.15;flex-shrink: 0;white-space: nowrap}.brand-mark-line{display: block}.brand-mark-sub{font-weight: 400;color: var(--color-text);font-size: 0.95em}.main-nav{display: none;grid-area: nav}.main-nav ul{list-style: none;display: flex;flex-wrap: wrap;gap: 6px var(--space-3);margin: 0;padding: 0}.main-nav a{color: var(--color-text);text-decoration: none;font-weight: 500;font-size: 0.88rem;white-space: nowrap}.main-nav a:hover{color: var(--color-primary)}@media (min-width: 700px){.main-nav{display: block}.nav-toggle{display: none}}.nav-toggle{background: none;border: 1px solid var(--color-border);border-radius: var(--radius-sm);min-height: 44px;min-width: 44px;padding: var(--space-2)}.mobile-nav{display: none;border-top: 1px solid var(--color-border);background: var(--color-bg)}.mobile-nav.is-open{display: block}.mobile-nav ul{list-style: none;margin: 0;padding: var(--space-3) var(--space-4);display: grid;gap: var(--space-3)}.mobile-nav a{color: var(--color-text);text-decoration: none;font-weight: 500;display: block;padding: var(--space-2) 0}.lang-switcher{position: relative}.lang-switcher summary{list-style: none;cursor: pointer;min-height: 40px;display: inline-flex;align-items: center;gap: 4px;padding: 5px 10px;border: 1px solid var(--color-border);border-radius: var(--radius-sm)}.lang-switcher summary::-webkit-details-marker{display: none}.lang-switcher-all{display: flex;flex-wrap: nowrap;align-items: center;font-size: 0.74rem;font-weight: 600;color: var(--color-text);white-space: nowrap}.lang-chip{display: inline-flex}.lang-chip:not(:last-child)::after{content: "\00b7";margin-inline: 4px;color: var(--color-text-muted)}.lang-chip-full{display: none}.lang-chip-code{display: inline}@media (min-width: 700px){.lang-switcher-all{font-size: 0.78rem;font-weight: 500}.lang-chip:not(:last-child)::after{margin-inline: 6px}.lang-chip-full{display: inline}.lang-chip-code{display: none}}@media (max-width: 600px){.lang-switcher summary{padding: 6px 10px}.site-header-right{gap: 8px}.site-header-inner{gap: var(--space-2)}.lang-switcher-all{display: grid;grid-template-columns: repeat(5,auto);gap: 4px 8px;font-size: 0.72rem;white-space: normal}.lang-chip:not(:last-child)::after{content: "";margin: 0}.lang-chip-full{display: none}.lang-chip-code{display: inline;font-weight: 600}}.lang-switcher-menu{position: absolute;inset-inline-end: 0;top: calc(100% + 4px);background: #fff;border: 1px solid var(--color-border);border-radius: var(--radius-sm);box-shadow: var(--shadow-md);min-width: 180px;padding: var(--space-2);z-index: 1600;max-height: 60vh;overflow-y: auto}.lang-switcher-menu a,.lang-switcher-menu span{display: flex;justify-content: space-between;gap: var(--space-2);padding: var(--space-2);border-radius: var(--radius-sm);text-decoration: none;color: var(--color-text)}.lang-switcher-menu a:hover{background: var(--color-surface)}.lang-switcher-menu .locale-draft-tag{font-size: 0.72rem;color: var(--color-text-muted);border: 1px solid var(--color-border);border-radius: 999px;padding: 0 6px}.hero-full{position: relative;background: var(--color-bg);overflow: hidden}.hero-full-media{margin: 0}.hero-full-media img{width: 100%;height: auto;display: block}.hero-overlay{position: absolute;inset-block-start: 0;inset-inline-start: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;padding-block-start: var(--space-5);padding-block-end: var(--space-4);padding-inline-start: clamp(16px,5vw,72px);padding-inline-end: var(--space-4);max-width: min(580px,42%)}.hero-overlay > *{max-width: 100%;overflow-wrap: break-word}.hero-overlay h1{max-width: 23ch}.hero-eyebrow{font-family: var(--font-sans);font-style: normal;font-weight: 600;font-size: 1rem;color: var(--color-primary);margin: 0 0 var(--space-2)}.hero-overlay h1{margin-bottom: var(--space-3);font-size: clamp(1.6rem,1.1rem + 2vw,2.5rem)}.hero-overlay-body{color: var(--color-text-muted);margin-top: var(--space-3);font-size: 0.95rem}.hero-ctas{display: flex;flex-wrap: wrap;gap: var(--space-3);margin-top: var(--space-4)}.hero-candidate-tag{display: inline-block;margin-top: var(--space-4);font-size: 0.7rem;background: rgba(255,255,255,0.8);backdrop-filter: blur(4px);border: 1px solid var(--color-border);border-radius: var(--radius-sm);padding: 5px 10px;color: var(--color-text-muted);line-height: 1.35;max-width: 32ch}@media (max-width: 767px){.hero-overlay{height: 30%;max-width: 100%;padding-block: var(--space-5);justify-content: flex-start}.hero-overlay > *{max-width: 92%}.hero-overlay h1{font-size: 1.5rem;margin-bottom: var(--space-2)}.hero-overlay-body,.hero-candidate-tag{display: none}.hero-ctas{margin-top: var(--space-3);gap: var(--space-2)}.hero-ctas .btn{padding: 0.65em 1.1em;font-size: 0.88rem;min-height: 40px}}@media (min-width: 768px){.hero-overlay{width: 100%}}@media (min-width: 768px) and (max-width: 1099px){.hero-overlay-body,.hero-candidate-tag{display: none}.hero-overlay h1{margin-bottom: var(--space-3)}}@media (min-width: 1100px){.hero-overlay{width: 100%;justify-content: center;padding-block-start: 0}}.section{padding-block: var(--space-7)}.section-tight{padding-block: var(--space-5)}.grid{display: grid;gap: var(--space-5)}.grid-2{grid-template-columns: minmax(0,1fr)}@media (min-width: 700px){.grid-2{grid-template-columns: repeat(2,minmax(0,1fr))}}.grid-3{grid-template-columns: minmax(0,1fr)}@media (min-width: 700px){.grid-3{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.grid-3{grid-template-columns: repeat(3,minmax(0,1fr))}}.grid-4{grid-template-columns: minmax(0,1fr)}@media (min-width: 700px){.grid-4{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.grid-4{grid-template-columns: repeat(4,minmax(0,1fr))}}.card{background: var(--color-bg-soft);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-5);box-shadow: var(--shadow-sm);transition: box-shadow 200ms var(--ease-soft),transform 200ms var(--ease-soft)}.card img{border-radius: var(--radius-md)}a.card:hover,a.card:focus-visible{box-shadow: var(--shadow-md);transform: translateY(-2px)}@media (prefers-reduced-motion: reduce){.card{transition: none}a.card:hover{transform: none}}.product-card{display: flex;flex-direction: column;gap: var(--space-3);text-decoration: none;color: inherit}.product-card .tag-row{display: flex;gap: var(--space-2);flex-wrap: wrap}.tag{font-size: 0.72rem;border: 1px solid var(--color-border);border-radius: 999px;padding: 2px 10px;color: var(--color-text-muted);background: var(--color-bg)}.tag-status-unverified{border-color: #C8A44D;color: #7A5E12;background: #FBF1D8}.tag-status-draft{border-color: var(--color-primary);color: var(--color-primary);background: #F6E9ED}.photo-pending{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;min-height: 220px;border-radius: var(--radius-md);background: linear-gradient(160deg,var(--color-bg-soft),var(--color-surface) 120%);border: 1px dashed var(--color-primary-soft);padding: var(--space-4)}.photo-pending svg{opacity: 0.55}.photo-pending span{font-size: 0.78rem;color: var(--color-text-muted);text-align: center;font-weight: 500}.spec-table-wrap{overflow-x: auto;border: 1px solid var(--color-border);border-radius: var(--radius-md)}table.spec-table{width: 100%;border-collapse: collapse;min-width: 560px;font-size: 0.95rem}table.spec-table th,table.spec-table td{text-align: start;padding: var(--space-3);border-bottom: 1px solid var(--color-border);vertical-align: top}table.spec-table thead th{background: var(--color-surface);position: sticky;top: 0}.faq-item{border-bottom: 1px solid var(--color-border);padding-block: var(--space-3)}.faq-item summary{cursor: pointer;font-weight: 600;min-height: 44px;display: flex;align-items: center}.faq-item summary::-webkit-details-marker{display: none}.faq-item[open] summary{color: var(--color-primary)}.site-footer{background: #2E2528;color: #EADFD6;padding-block: var(--space-7);margin-top: var(--space-8)}.site-footer a{color: #EADFD6}.site-footer .footer-grid{display: grid;gap: var(--space-6)}@media (min-width: 800px){.site-footer .footer-grid{grid-template-columns: repeat(4,1fr)}}.site-footer h3{color: #fff;font-size: 1rem;font-family: var(--font-sans)}.site-footer ul{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--space-2)}.footer-legal{margin-top: var(--space-6);border-top: 1px solid rgba(255,255,255,0.15);padding-top: var(--space-4);font-size: 0.82rem;color: #C9BDB3}.form-field{display: grid;gap: var(--space-2);margin-bottom: var(--space-4)}.form-field label{font-weight: 600;font-size: 0.92rem}.form-field .hint{font-size: 0.8rem;color: var(--color-text-muted)}.form-field input,.form-field select,.form-field textarea{min-height: 44px;padding: var(--space-3);border: 1px solid var(--color-border);border-radius: var(--radius-sm);font: inherit;background: #fff;color: var(--color-text)}.form-field textarea{min-height: 120px}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color: var(--color-danger)}.form-error-text{color: var(--color-danger);font-size: 0.85rem}.form-status{border-radius: var(--radius-md);padding: var(--space-4);margin-bottom: var(--space-4);font-size: 0.95rem}.form-status[data-state="mock-success"]{background: #E8F3E8;border: 1px solid var(--color-success)}.form-status[data-state="error"]{background: #FBEAE9;border: 1px solid var(--color-danger)}.form-status[data-state="submitting"]{background: var(--color-surface);border: 1px solid var(--color-border)}fieldset{border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--space-4);margin: 0 0 var(--space-4)}legend{font-weight: 700;padding: 0 var(--space-2)}.breadcrumbs{font-size: 0.85rem;color: var(--color-text-muted);margin-bottom: var(--space-4)}.breadcrumbs a{color: var(--color-text-muted)}.breadcrumbs ol{list-style: none;display: flex;flex-wrap: wrap;gap: 4px;padding: 0;margin: 0}.breadcrumbs li:not(:last-child)::after{content: "/";margin-inline-start: 4px;color: var(--color-border)}.callout{border-inline-start: 4px solid var(--color-primary);background: #fff;border-radius: var(--radius-sm);padding: var(--space-4);margin: var(--space-5) 0}.callout-caution{border-inline-start-color: #C8A44D;background: #FBF1D8}.evidence-note{font-size: 0.82rem;color: var(--color-text-muted)}.inquiry-dock{position: fixed;inset-inline-end: max(16px,env(safe-area-inset-right,0px));bottom: calc(16px + var(--safe-area-bottom));z-index: 1800;display: flex;flex-direction: column;gap: 10px;align-items: flex-end}.inquiry-dock-btn{display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;border-radius: 999px;box-shadow: var(--shadow-md);border: none;cursor: pointer;position: relative}.inquiry-dock-whatsapp{background: var(--color-whatsapp);color: #fff}.inquiry-dock-email{background: #fff;color: var(--color-text);border: 1px solid var(--color-border)}.inquiry-dock-btn::after{content: "";position: absolute;inset: 0;border-radius: inherit;box-shadow: 0 0 0 0 rgba(37,211,102,0.55);animation: inquiry-pulse 2.6s ease-out infinite;pointer-events: none}.inquiry-dock-email::after{box-shadow: 0 0 0 0 rgba(139,63,88,0.45)}.inquiry-dock-btn:hover::after,.inquiry-dock-btn:focus-visible::after{animation-play-state: paused;opacity: 0}@keyframes inquiry-pulse{0%{box-shadow: 0 0 0 0 rgba(37,211,102,0.5);opacity: 1}70%{box-shadow: 0 0 0 14px rgba(37,211,102,0);opacity: 0}100%{box-shadow: 0 0 0 0 rgba(37,211,102,0);opacity: 0}}@media (prefers-reduced-motion: reduce){.inquiry-dock-btn::after{animation: none;display: none}}.rfq-quick-dialog{border: none;border-radius: var(--radius-lg);padding: 0;max-width: 360px;width: calc(100% - 32px)}.rfq-quick-dialog::backdrop{background: rgba(46,37,40,0.5)}.rfq-quick-form-wrap{padding: var(--space-5)}@media (prefers-reduced-motion: reduce){*{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important}}.page-h1{padding-block-end: 0}.page-h1 + .section,.page-h1 + .section-tight{padding-block-start: var(--space-3)}@media (max-width: 699px){.grid-4{grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.grid-4 .product-card{padding: 10px;gap: 8px;border-radius: var(--radius-md)}.grid-4 .product-card h3{font-size: 0.98rem;margin: 0}.grid-4 .product-card p{font-size: 0.8rem;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.grid-4 .product-card .tag{font-size: 0.64rem;padding: 1px 6px}.grid-4 .photo-pending{min-height: 0;aspect-ratio: 1 / 1;padding: 8px}.grid-4 .photo-pending svg{width: 28px;height: 28px}.grid-4 .photo-pending span{font-size: 0.7rem}}.hero-media img,.card img{width: 100%;height: auto}.product-media{margin: 0;min-width: 0}.product-media picture{display: block}.product-media img{display: block;width: 100%;height: auto;border-radius: var(--radius-md)}.product-media-illustrative img{aspect-ratio: 1 / 1;object-fit: contain;background: var(--color-bg-soft)}.product-media figcaption{margin-top: 8px;font-size: 0.75rem;line-height: 1.45}.image-kind-badge{display: block;width: fit-content;margin-bottom: 5px;padding: 3px 7px;border: 1px solid var(--color-border);border-radius: var(--radius-sm);background: var(--color-bg);color: var(--color-primary-dark);font-size: 0.66rem;font-weight: 600;line-height: 1.35}@media (max-width: 699px){.grid-4 .product-media figcaption{font-size: 0.66rem;line-height: 1.35}.grid-4 .image-kind-badge{font-size: 0.6rem;padding: 2px 5px}}.rfq-hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.form-status a.btn{margin-top: 10px}