*{box-sizing:border-box}:root{--color-primary:#092b44;--color-primary-light:#0d3a5c;--color-primary-dark:#061d2e;--color-cream:#faf6f0;--color-cream-dark:#e8e0d5;--color-text:#2d2a26;--color-text-muted:#5c5650;--max-width:1200px}html{scroll-behavior:smooth}body{color:var(--color-text);background:var(--color-cream);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.header{z-index:100;background:#fff;position:sticky;top:0;box-shadow:0 1px 3px #00000014}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 1.5rem;display:flex}.logo{align-items:center;text-decoration:none;display:flex}.logo img{width:auto;height:65px}.nav{gap:2rem;display:flex}.nav a{color:var(--color-text);font-weight:400;text-decoration:none;transition:color .2s}.nav a:hover,.nav a.nav-active{color:var(--color-primary)}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:6px;display:none}.hamburger span{background:var(--color-text);transform-origin:50%;border-radius:2px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-overlay,.mobile-nav{display:none}@media (max-width:768px){.nav{display:none}.hamburger{display:flex}.mobile-overlay{z-index:99;background:#0000004d;display:block;position:fixed;inset:0}.mobile-nav{z-index:100;background:#fff;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 16px #0000001f}.mobile-nav a{color:var(--color-text);border-bottom:1px solid var(--color-cream-dark);padding:1rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a:hover,.mobile-nav a.nav-active{background:var(--color-cream);color:var(--color-primary)}}.footer{background:var(--color-primary);color:#fff;margin-top:4rem}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem 1.5rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (max-width:768px){.footer-grid{grid-template-columns:1fr}}.footer-logo{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}.footer-tagline{color:#fffc;margin-top:.5rem;font-size:.9rem}.footer-links h4{text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin:0 0 .75rem;font-size:.85rem}.footer-links a{color:#ffffffe6;margin-bottom:.5rem;text-decoration:none;display:block}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:1.5rem}.footer-bottom p{color:#fff9;margin:0;font-size:.85rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);color:#fff;text-align:center;padding:4rem 1.5rem}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.hero p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.card{background:#fff;border-radius:8px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000000f}.card:hover{box-shadow:0 4px 16px #0000001a}.card-image{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.card-body{padding:1.25rem}.card-title{color:var(--color-text);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.card-text{color:var(--color-text-muted);margin:0;font-size:.9rem}.btn{background:var(--color-primary);color:#fff;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn:hover{background:var(--color-primary-dark)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff}.page-header{margin-bottom:2rem}.page-title{color:var(--color-text);margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem)}.page-description{color:var(--color-text-muted);margin:0}.contact-form{max-width:500px}.contact-form label{margin-bottom:.5rem;font-weight:500;display:block}.contact-form input,.contact-form textarea{border:1px solid var(--color-cream-dark);border-radius:6px;width:100%;margin-bottom:1rem;padding:.75rem;font-family:inherit;font-size:1rem}.contact-form textarea{resize:vertical;min-height:120px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}}.form-notice{border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.95rem}.form-notice--ok{color:#16643a;background:#e7f6ec;border:1px solid #b7e2c6}.form-notice--error{color:#8c1c1c;background:#fdecec;border:1px solid #f2c2c2}.product-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:768px){.product-detail-grid{grid-template-columns:1fr}}.whatsapp-float{color:#fff;z-index:999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 12px #25d36666}.whatsapp-float:hover{color:#fff;transform:scale(1.05);box-shadow:0 6px 16px #25d36680}.skeleton{background:#00000014;border-radius:4px;animation:1.4s ease-in-out infinite skeleton-pulse}.hero .skeleton{background:#ffffff2e;margin-left:auto;margin-right:auto}.skeleton--title{max-width:480px;height:clamp(2rem,5vw,3rem);margin-bottom:1rem}.skeleton--subtitle{max-width:600px;height:1.2rem}.skeleton--image{aspect-ratio:4/3;border-radius:0;width:100%}.skeleton--line{height:.9rem;margin-bottom:.6rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.faq{background:#fff;padding:3rem 0}.faq-title{text-align:center;margin:0 0 1.5rem;font-size:1.5rem}.faq-list{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-cream-dark);padding:1rem 0}.faq-item summary{cursor:pointer;color:var(--color-text);padding-right:1.75rem;font-weight:600;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--color-primary);font-size:1.35rem;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--color-text-muted);margin:.75rem 0 0;line-height:1.8}.content-section{padding:3rem 0}.content-section .container{max-width:800px}.content-section h2{margin:2rem 0 .75rem;font-size:1.5rem}.content-section h2:first-child{margin-top:0}.content-section h3{margin:1.5rem 0 .5rem;font-size:1.15rem}.content-section p,.content-section li{color:var(--color-text);line-height:1.85}.content-section ul{padding-left:1.25rem}.content-section li{margin-bottom:.5rem}.spec-table-wrap{margin:1.25rem 0;overflow-x:auto}.spec-table{border-collapse:collapse;width:100%;min-width:480px;font-size:.95rem}.spec-table th,.spec-table td{border:1px solid var(--color-cream-dark);text-align:left;padding:.7rem .9rem}.spec-table th{background:var(--color-cream);font-weight:600}
