
:root{--red:#c5161d;--red-dark:#971014;--black:#141414;--cream:#f8f5ef;--white:#fff;--muted:#696969;--line:#e7e3dc;--shadow:0 18px 55px rgba(22,22,22,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--black);background:#fff}a{color:inherit}.topbar{height:82px;padding:10px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand img{width:138px;height:60px;object-fit:contain}.topbar nav{display:flex;gap:28px}.topbar nav a{text-decoration:none;font-weight:800;font-size:14px}.menu-toggle{display:none;border:0;background:none;font-size:28px}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:clamp(42px,7vw,105px);gap:44px;background:radial-gradient(circle at 2% 12%,rgba(197,22,29,.08),transparent 29rem),linear-gradient(180deg,#fff,#fbf9f5)}.hero-logo{width:min(420px,84%);height:250px;object-fit:contain;object-position:left center;margin:-30px 0 -20px}.eyebrow{font-size:12px;font-weight:1000;letter-spacing:.2em;color:var(--red)}.eyebrow.light{color:#fff}.tagline{font-weight:900;font-size:17px;letter-spacing:.02em}.hero h1,.section h2,.campaign h2,.contact h2{font-size:clamp(44px,6vw,88px);line-height:.94;letter-spacing:-.055em;margin:16px 0}.hero h1 em,.campaign h2 em{color:var(--red);font-family:Georgia,serif}.lead{max-width:610px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{min-height:52px;padding:15px 21px;border-radius:14px;border:1px solid transparent;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button.red{background:var(--red);color:#fff}.button.whatsapp{background:#169b50;color:#fff}.button.ghost{background:#fff;border-color:#d7d2ca}.button.white{background:#fff;color:var(--red)}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-weight:800;font-size:14px}.hero-image{position:relative;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);min-height:540px}.hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image span{position:absolute;left:20px;right:20px;bottom:20px;padding:13px;border-radius:12px;text-align:center;background:rgba(20,20,20,.83);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em}.quick-actions{width:min(1180px,calc(100% - 28px));margin:-42px auto 55px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;z-index:3}.quick-actions a{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 15px;text-decoration:none;box-shadow:var(--shadow);text-align:center}.quick-actions span{font-size:30px}.quick-actions b,.quick-actions small{display:block}.quick-actions b{margin:8px 0 4px}.quick-actions small{color:var(--muted)}.campaign{margin:0 auto;width:min(1180px,calc(100% - 28px));padding:52px clamp(25px,6vw,76px);border-radius:32px;background:linear-gradient(135deg,#9d1117,var(--red) 48%,#e42b32);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.campaign h2{font-size:clamp(35px,5vw,66px)}.campaign h2 em{color:#fff}.campaign p{max-width:650px;color:#ffe9ea}.section{padding:100px clamp(18px,6vw,80px);max-width:1340px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-heading h2{font-size:clamp(38px,5vw,66px);margin:8px 0 0}.section-heading p{max-width:450px;color:var(--muted);line-height:1.65}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.06)}.product-photo{aspect-ratio:16/10;background:var(--cream);display:grid;place-items:center;color:var(--muted);font-weight:900;background-image:url("assets/product-placeholder.webp");background-size:cover;background-position:center}.product-body{padding:22px}.product-body h3{font-size:24px;margin:0 0 8px}.product-body p{min-height:48px;color:var(--muted);line-height:1.5}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.price{font-weight:1000;color:var(--red)}.mini-order{text-decoration:none;font-weight:900;border-bottom:2px solid var(--red)}.center{text-align:center;margin-top:32px}.why{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:64px clamp(18px,6vw,80px);background:var(--cream)}.why article{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line)}.why span{font-size:38px}.why h3{font-size:22px}.why p{color:var(--muted);line-height:1.6}.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px}.gallery-grid img{width:100%;height:350px;object-fit:cover;border-radius:24px}.platforms{text-align:center;padding:70px 20px;background:#131313;color:#fff}.platforms h2{font-size:clamp(30px,4vw,52px);margin-top:0}.platforms #platform-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.platform-pill{background:#fff;color:#111;border-radius:999px;padding:12px 18px;font-weight:900}.platforms p{color:#bbb}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.contact-card,.map-placeholder{border:1px solid var(--line);border-radius:28px;padding:clamp(26px,5vw,54px)}.contact h2{font-size:clamp(40px,5vw,68px)}dl{margin:30px 0}dl div{display:grid;grid-template-columns:155px 1fr;padding:14px 0;border-bottom:1px solid var(--line)}dt{font-weight:900}dd{margin:0;color:var(--muted)}.map-placeholder{display:grid;place-items:center;text-align:center;background:var(--cream)}.map-placeholder span{font-size:64px}.map-placeholder b,.map-placeholder small{display:block}.map-placeholder b{font-size:24px}.map-placeholder small{color:var(--muted);margin-top:8px}footer{padding:44px 20px 100px;text-align:center;background:#0d0d0d;color:#fff}footer img{width:180px;background:#fff;border-radius:18px;padding:10px}footer p{font-weight:800}.mobile-dock{display:none}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-image{min-height:430px}.quick-actions{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img:first-child{grid-column:1/-1}}
@media(max-width:680px){body{padding-bottom:70px}.topbar{height:68px}.brand img{width:112px;height:48px}.menu-toggle{display:block}.topbar nav{position:absolute;left:15px;right:15px;top:74px;padding:18px;display:none;flex-direction:column;background:#fff;border-radius:16px;box-shadow:var(--shadow)}.topbar nav.open{display:flex}.hero{min-height:auto;padding:42px 20px 76px}.hero-logo{height:175px;margin:-20px 0 -15px}.hero h1{font-size:51px}.hero-image{min-height:330px}.quick-actions{grid-template-columns:1fr 1fr;margin-top:-32px}.quick-actions a:last-child{grid-column:1/-1}.campaign{align-items:flex-start;flex-direction:column}.section{padding:76px 18px}.section-heading{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr}.why{grid-template-columns:1fr;padding:55px 18px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img,.gallery-grid img:first-child{grid-column:auto;height:260px}.contact{padding-left:18px;padding-right:18px}dl div{grid-template-columns:1fr;gap:5px}.mobile-dock{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:10px;right:10px;bottom:10px;z-index:100;background:#111;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.3)}.mobile-dock a{padding:16px 8px;text-align:center;color:#fff;text-decoration:none;font-weight:900}.mobile-dock a:first-child{background:#169b50}}
