:root{--ink:#111827;--muted:#6b7280;--red:#b91c1c;--red2:#7f1d1d;--soft:#f3f4f6;--white:#fff;--line:#e5e7eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.brand{display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}
nav{display:flex;gap:18px;align-items:center}nav a{font-weight:600}.cart-button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:11px 15px;font-weight:700;cursor:pointer}.cart-button span{background:var(--red);padding:2px 7px;border-radius:999px;margin-left:5px}
.hero{min-height:520px;padding:80px 7vw;display:grid;grid-template-columns:1.5fr .7fr;gap:40px;align-items:center;background:radial-gradient(circle at 80% 20%,#fee2e2 0,transparent 35%),linear-gradient(135deg,#fafafa,#f3f4f6)}
.hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;margin:12px 0 22px;max-width:900px}.hero p{font-size:1.1rem;line-height:1.7;max-width:650px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-weight:800;font-size:.78rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;font-weight:800;border:0;cursor:pointer}.primary{background:var(--red);color:#fff}.secondary{background:#fff;border:1px solid var(--line)}
.hero-card{background:var(--ink);color:#fff;border-radius:24px;padding:28px;display:grid;gap:12px;box-shadow:0 24px 60px #0002}.hero-card strong{font-size:1.6rem}.hero-card span{color:#d1d5db}.hero-card a{color:#fecaca;font-weight:800}
.benefits{padding:28px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#fff}.benefits article{padding:22px;border:1px solid var(--line);border-radius:16px}.benefits b,.benefits span{display:block}.benefits span{margin-top:8px;color:var(--muted)}
.catalog{padding:70px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2,.contact h2{font-size:2rem;margin:8px 0}.section-head input{width:min(420px,100%);padding:14px 16px;border:1px solid var(--line);border-radius:12px;font:inherit}
.filters{display:flex;gap:8px;overflow:auto;padding:22px 0}.filter{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:700;cursor:pointer}.filter.active{background:var(--ink);color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;min-height:220px;background:#fff;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0001}.product .cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--red);font-weight:800}.product h3{font-size:1rem;line-height:1.45;margin:12px 0;flex:1}.product .variant{font-size:.78rem;color:var(--muted)}.price{font-size:1.35rem;font-weight:800;margin:12px 0}.quote{color:var(--red)}.add{width:100%;border:0;border-radius:10px;background:var(--ink);color:#fff;padding:11px;font-weight:800;cursor:pointer}
.contact{margin:30px 5vw 70px;padding:36px;background:var(--soft);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact a:not(.primary){color:var(--red);font-weight:800}
.drawer{position:fixed;right:-460px;top:0;width:min(440px,100%);height:100vh;background:#fff;z-index:50;box-shadow:-20px 0 60px #0003;transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.drawer-head button{font-size:2rem;border:0;background:none;cursor:pointer}.cart-items{padding:14px 20px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item h4{margin:0 0 6px;font-size:.9rem}.qty{display:flex;align-items:center;gap:8px}.qty button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer}.remove{border:0;background:none;color:var(--red);cursor:pointer}.cart-summary{padding:20px;border-top:1px solid var(--line)}.cart-summary>div{display:flex;justify-content:space-between;font-size:1.05rem}.cart-summary small{display:block;color:var(--muted);margin:10px 0 16px}.full{width:100%}.link-button{width:100%;margin-top:10px;border:0;background:none;color:var(--muted);cursor:pointer}.overlay{position:fixed;inset:0;background:#0008;z-index:40;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}footer{padding:28px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}
.empty{text-align:center;color:var(--muted);padding:50px 10px}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-card{max-width:500px}}
@media(max-width:680px){nav a{display:none}.topbar{padding:10px 4vw}.brand strong{font-size:.9rem}.hero{padding:55px 5vw;min-height:auto}.hero h1{font-size:2.5rem}.benefits{grid-template-columns:1fr;padding:20px 5vw}.section-head{align-items:stretch;flex-direction:column}.product-grid{grid-template-columns:1fr}.catalog{padding:55px 5vw}.contact{flex-direction:column;align-items:flex-start}.contact .primary{width:100%}footer{flex-direction:column;gap:8px;font-size:.85rem}}


.brand img{width:48px;height:48px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.hero{background:
linear-gradient(90deg,rgba(17,24,39,.95),rgba(17,24,39,.76)),
url('images/hero-entrega.webp') center/cover no-repeat;color:#fff}
.hero p{color:#d1d5db}.hero .eyebrow{color:#93c5fd}
.hero-copy{max-width:850px}.hero-logo-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:18px;border-radius:24px;backdrop-filter:blur(8px)}
.hero-logo-card img{width:100%;display:block;border-radius:16px}
.hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-meta span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:9px 12px;border-radius:999px;font-size:.85rem}
.contact-info{max-width:800px}.contact-info p{line-height:1.6}.hours p{margin:4px 0}.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:220px}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:35;background:#16a34a;color:#fff;padding:14px 18px;border-radius:999px;font-weight:800;box-shadow:0 12px 30px #0003}
@media(max-width:680px){.hero-logo-card{display:none}.hero-meta{display:grid}.contact-actions{width:100%}.contact-actions a{width:100%}}

.hero-logo-card{position:relative;overflow:hidden;padding:0}.hero-logo-card img{aspect-ratio:4/3;object-fit:cover;border-radius:24px}.hero-photo-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:14px;background:rgba(17,24,39,.82);display:flex;justify-content:space-between;gap:10px;align-items:center}.hero-photo-caption strong{font-size:1rem}.hero-photo-caption span{font-size:.8rem;color:#e5e7eb}
.promo-strip{padding:34px 5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#111827}.promo-strip a{display:block;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px #0005;transition:.2s}.promo-strip a:hover{transform:translateY(-4px)}.promo-strip img{width:100%;height:420px;object-fit:cover;display:block}
.showcase,.projects{padding:75px 5vw}.showcase{background:#f9fafb}.section-head p{color:var(--muted);line-height:1.6;margin:5px 0;max-width:680px}.delivery-grid{margin-top:26px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,230px);gap:16px}.delivery-grid figure,.project-grid figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#111827}.delivery-main{grid-row:1/3}.delivery-grid img,.project-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.delivery-grid figure:hover img,.project-grid figure:hover img{transform:scale(1.025)}.delivery-grid figcaption,.project-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.projects{background:#fff}.project-grid{margin-top:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-grid figure{height:340px}
.product{padding:0;overflow:hidden}.product-image{height:145px;background:#f3f4f6}.product-image img{width:100%;height:100%;object-fit:cover;display:block}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.product h3{min-height:69px}
.contact{align-items:stretch}.contact-map{width:min(520px,48%);display:flex;flex-direction:column;gap:12px}.contact-map iframe{width:100%;height:300px;border:0;border-radius:18px}.contact-actions{display:grid;grid-template-columns:1fr 1fr;min-width:0}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:35;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.floating-actions a{padding:12px 16px;border-radius:999px;color:#fff;font-weight:800;box-shadow:0 10px 26px #0003}.whatsapp-float{position:static;background:#16a34a}.float-facebook{background:#1877f2}.float-location{background:#b91c1c}
@media(max-width:900px){.promo-strip{grid-template-columns:1fr 1fr}.promo-strip a:last-child{display:none}.delivery-grid{grid-template-columns:1fr;grid-template-rows:360px 240px 240px}.delivery-main{grid-row:auto}.project-grid{grid-template-columns:1fr}.contact-map{width:100%}.contact{display:block}.contact-info{margin-bottom:24px}}
@media(max-width:680px){.promo-strip{grid-template-columns:1fr;padding:24px 5vw}.promo-strip a:nth-child(2){display:none}.promo-strip img{height:auto;max-height:620px}.delivery-grid{grid-template-rows:250px 210px 210px}.project-grid figure{height:260px}.contact-actions{grid-template-columns:1fr}.floating-actions{right:12px;bottom:12px;gap:7px}.floating-actions a{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:10px 13px;font-size:.92rem}.product h3{min-height:auto}}

/* V5: tres botones flotantes visibles en celular */
.floating-actions .whatsapp-float{position:static}
.floating-actions .float-facebook{background:#1877f2}
.floating-actions .float-location{background:#b91c1c}
.floating-actions .whatsapp-float{background:#16a34a}
@media(max-width:420px){.floating-actions a span{display:none}.floating-actions a{width:50px;height:50px;padding:0;font-size:1.25rem}}