.pieces-hero {padding:160px clamp(20px, 6vw, 100px) 100px;background:linear-gradient(135deg, var(--paper) 0%, var(--white) 100%);border-bottom:1px solid var(--line);text-align:center;} .pieces-hero h1 {font-family:var(--font-head);font-size:clamp(2.5rem, 5vw, 4rem);font-weight:900;text-transform:uppercase;color:var(--navy);margin-bottom:20px;letter-spacing:-1px;} .pieces-hero h1 span {color:var(--red);} .pieces-hero p {color:var(--muted);max-width:600px;margin:0 auto;font-size:1.1rem;} .pieces-section {padding:100px clamp(20px, 6vw, 100px);background:var(--white);} .pieces-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:40px;max-width:1400px;margin:0 auto;} .piece-card {background:var(--white);border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;transition:var(--transition);position:relative;overflow:hidden;} .piece-card:hover {border-color:var(--blue);box-shadow:0 15px 35px rgba(10, 63, 135, 0.08);transform:translateY(-5px);} .piece-badge {position:absolute;top:15px;left:15px;background:var(--red);color:var(--white);font-family:var(--font-head);font-size:10px;font-weight:800;padding:4px 10px;text-transform:uppercase;letter-spacing:1px;} .piece-image {height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:var(--paper);} .piece-image img {max-height:140px;object-fit:contain;mix-blend-mode:multiply;transition:transform 0.4s ease;} .piece-card:hover .piece-image img {transform:scale(1.1);} .piece-info {flex-grow:1;display:flex;flex-direction:column;} .piece-info h3 {font-family:var(--font-head);font-size:1.25rem;font-weight:800;color:var(--navy);margin-bottom:10px;} .piece-info p {font-size:0.9rem;color:var(--muted);margin-bottom:20px;line-height:1.5;} .piece-features {list-style:none;margin-bottom:25px;padding-top:15px;border-top:1px dashed var(--line);flex-grow:1;} .piece-features li {font-size:0.85rem;color:var(--navy-light);margin-bottom:6px;display:flex;align-items:flex-start;gap:8px;} .piece-features li::before {content:"✓";color:var(--red);font-weight:bold;} .btn-whatsapp-order {background:#25d366;color:var(--white);width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;font-family:var(--font-head);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;transition:var(--transition);} .btn-whatsapp-order:hover {background:#1ebc5a;transform:translateY(-2px);box-shadow:0 8px 20px rgba(37, 211, 102, 0.3);} .btn-whatsapp-order svg {width:18px;height:18px;fill:currentColor;} @media (max-width:768px) {.pieces-hero {padding:130px 20px 60px;} .pieces-grid {grid-template-columns:1fr;gap:25px;}}