.hero-section{position:relative;min-height:600px;background:linear-gradient(135deg,#0a3d20 0%,#00A651 50%,#4CAF50 100%);color:#fff;overflow:hidden;display:flex;align-items:center;padding:var(--sp-10) 0}.hero-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgb(255 255 255 / .08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgb(255 255 255 / .06) 0%,transparent 50%);pointer-events:none}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .3) 100%);pointer-events:none}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.5fr 1fr;gap:var(--sp-8);align-items:center;width:100%}.hero-text{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .25);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-4);backdrop-filter:blur(10px)}.hero-badge i{color:gold}.hero-title{color:#fff;font-size:var(--fs-5xl);font-weight:800;line-height:1.2;margin-bottom:var(--sp-4);text-shadow:0 2px 10px rgb(0 0 0 / .3)}.hero-subtitle{color:rgb(255 255 255 / .9);font-size:var(--fs-xl);line-height:1.7;margin-bottom:var(--sp-6)}.hero-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-8)}.hero-actions .button{background:#fff;color:var(--pp-green-dark);font-weight:700;padding:var(--sp-4) var(--sp-6);font-size:var(--fs-lg)}.hero-actions .button:hover{background:var(--pp-black);color:#fff;transform:translateY(-2px)}.hero-actions .button.whatsapp-btn{background:#25D366;color:#fff}.hero-actions .button.whatsapp-btn:hover{background:#1eb858;color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);padding:var(--sp-5) 0;border-top:1px solid rgb(255 255 255 / .2)}.hero-stat{text-align:center}.hero-stat .stat-number{display:block;font-size:var(--fs-3xl);font-weight:800;color:#fff;line-height:1}.hero-stat .stat-label{display:block;font-size:var(--fs-sm);color:rgb(255 255 255 / .8);margin-top:4px}.hero-paint-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.paint-can{position:relative;width:200px;height:240px;z-index:2;animation:paint-float 4s ease-in-out infinite}@keyframes paint-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}.paint-can-lid{width:220px;height:30px;background:linear-gradient(180deg,#4a4a4a,#1a1a1a);border-radius:8px 8px 4px 4px;margin:0 auto;margin-right:-10px;margin-left:-10px;box-shadow:0 4px 10px rgb(0 0 0 / .4);position:relative;z-index:2}.paint-can-body{width:200px;height:220px;background:var(--paint-color,#00A651);border-radius:8px;margin-top:-4px;position:relative;box-shadow:inset -20px 0 30px rgb(0 0 0 / .25),inset 20px 0 30px rgb(255 255 255 / .15),0 10px 30px rgb(0 0 0 / .4);display:flex;align-items:center;justify-content:center}.paint-label{background:#fff;color:var(--pp-black);padding:30px 25px;border-radius:8px;font-family:'Cairo',sans-serif;font-weight:800;font-size:24px;letter-spacing:1px;box-shadow:0 4px 10px rgb(0 0 0 / .2)}.paint-drop{position:absolute;bottom:-30px;right:50px;width:30px;height:40px;background:var(--paint-color,#00A651);border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;transform:rotate(180deg);animation:paint-drip 3s ease-in-out infinite}@keyframes paint-drip{0%,100%{transform:rotate(180deg) translateY(0);opacity:1}50%{transform:rotate(180deg) translateY(20px);opacity:.7}}.paint-splatter{position:absolute;border-radius:50%;background:var(--paint-color,#00A651);opacity:.7;z-index:1}.paint-splatter.s1{width:80px;height:80px;top:20%;right:10%;background:#E31818;filter:blur(2px);animation:splatter-pulse 5s ease-in-out infinite}.paint-splatter.s2{width:60px;height:60px;bottom:20%;left:5%;background:gold;filter:blur(2px);animation:splatter-pulse 4s ease-in-out infinite 1s}.paint-splatter.s3{width:100px;height:100px;top:50%;right:40%;background:#4CAF50;filter:blur(3px);animation:splatter-pulse 6s ease-in-out infinite 0.5s}@keyframes splatter-pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.9}}.features-bar{background:#fff;padding:var(--sp-6) 0;border-bottom:1px solid var(--color-border)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}.feature-item{display:flex;align-items:center;gap:var(--sp-3)}.feature-icon{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--pp-green-pale);color:var(--pp-green);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);transition:all var(--transition-base)}.feature-item:hover .feature-icon{background:var(--pp-green);color:#fff;transform:scale(1.1)}.feature-text h4{margin:0 0 4px;font-size:var(--fs-base);color:var(--pp-black)}.feature-text p{margin:0;font-size:var(--fs-sm);color:var(--color-text-muted)}.categories-section{padding:var(--sp-12) 0;background:var(--color-bg-alt)}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.category-card{background:#fff;border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5);text-align:center;text-decoration:none;color:var(--color-text);box-shadow:var(--shadow-sm);border:2px solid #fff0;transition:all var(--transition-base);position:relative;overflow:hidden}.category-card::before{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:var(--cat-color,var(--pp-green));transform:scaleY(0);transform-origin:top;transition:transform var(--transition-base)}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--cat-color,var(--pp-green));text-decoration:none;color:var(--color-text)}.category-card:hover::before{transform:scaleY(1)}.category-icon{width:80px;height:80px;margin:0 auto var(--sp-4);border-radius:50%;background:color-mix(in srgb,var(--cat-color,#00A651) 15%,white);color:var(--cat-color,var(--pp-green));display:flex;align-items:center;justify-content:center;font-size:32px;transition:all var(--transition-base)}.category-card:hover .category-icon{background:var(--cat-color,var(--pp-green));color:#fff;transform:rotate(-10deg) scale(1.1)}.category-card h3{color:var(--pp-black);font-size:var(--fs-xl);margin:0 0 var(--sp-2)}.category-card p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.7;margin:0 0 var(--sp-2)}.category-count{display:inline-block;background:color-mix(in srgb,var(--cat-color,#00A651) 12%,white);color:var(--cat-color,var(--pp-green));font-size:var(--fs-xs);font-weight:700;padding:4px 10px;border-radius:var(--radius-full);margin-bottom:var(--sp-3)}.category-link{color:var(--cat-color,var(--pp-green));font-weight:700;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:var(--sp-2);transition:gap var(--transition-fast)}.category-card:hover .category-link{gap:var(--sp-3)}.category-link i{transform:rotate(180deg)}.about-section{padding:var(--sp-12) 0;background:#fff}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sp-10);align-items:center}.about-content .section-subtitle{color:var(--pp-red);font-weight:700;font-size:var(--fs-sm);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--sp-2);display:inline-block}.about-title{font-size:var(--fs-4xl);color:var(--pp-black);margin:0 0 var(--sp-4);line-height:1.2}.about-lead{font-size:var(--fs-lg);line-height:1.9;color:var(--color-text);margin-bottom:var(--sp-4)}.about-content p{line-height:1.9;color:var(--color-text-muted)}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin:var(--sp-5) 0}.about-feature{display:flex;align-items:center;gap:var(--sp-2);font-weight:600;color:var(--pp-black)}.about-feature i{color:var(--pp-green);font-size:var(--fs-lg)}.about-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);position:relative}.about-stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);box-shadow:var(--shadow-md);border-top:4px solid var(--pp-green);transition:transform var(--transition-base)}.about-stat-card:hover{transform:translateY(-5px)}.about-stat-card.stat-card-1{border-top-color:var(--pp-green)}.about-stat-card.stat-card-2{border-top-color:var(--pp-red)}.about-stat-card.stat-card-3{border-top-color:var(--pp-paint-blue)}.about-stat-card.stat-card-4{border-top-color:var(--pp-paint-orange)}.about-stat-card i{font-size:36px;color:var(--pp-green)}.stat-card-2 i{color:var(--pp-red)}.stat-card-3 i{color:var(--pp-paint-blue)}.stat-card-4 i{color:var(--pp-paint-orange)}.stat-card-value{font-size:var(--fs-2xl);font-weight:800;color:var(--pp-black);line-height:1}.stat-card-label{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:4px}.featured-products-section{padding:80px 0;background:#f8f9fb}.featured-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.featured-product-card{background:#fff;border-radius:20px;overflow:hidden;border:1.5px solid rgb(0 0 0 / .06);box-shadow:0 2px 12px rgb(0 0 0 / .04);transition:transform 0.35s cubic-bezier(.34,1.56,.64,1),box-shadow 0.35s ease,border-color 0.35s ease;display:flex;flex-direction:column;position:relative;cursor:pointer}.featured-product-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgb(0 166 81 / .1),0 6px 16px rgb(0 0 0 / .05);border-color:rgb(0 166 81 / .25)}.featured-product-img{display:flex;align-items:center;justify-content:center;height:220px;background:#fff;padding:24px;position:relative;overflow:hidden;flex-shrink:0}.featured-product-img::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:30px;background:radial-gradient(ellipse,rgb(0 0 0 / .06) 0%,transparent 70%);border-radius:50%;filter:blur(6px)}.featured-product-img img{max-width:100%;max-height:180px;width:auto;height:auto;object-fit:contain;transition:transform 0.5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 10px 20px rgb(0 0 0 / .1));position:relative;z-index:1}.featured-product-card:hover .featured-product-img img{transform:translateY(-8px) scale(1.04);filter:drop-shadow(0 18px 30px rgb(0 0 0 / .14))}.featured-product-img .no-img{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgb(0 166 81 / .07);border-radius:50%;color:var(--pp-green);font-size:36px}.featured-product-info{padding:20px 20px 20px;display:flex;flex-direction:column;flex:1;gap:10px;border-top:1px solid rgb(0 0 0 / .04)}.featured-product-title{font-size:1.05rem;font-weight:700;margin:0;line-height:1.4}.featured-product-title a{color:#1a1a2e;text-decoration:none;transition:color 0.2s}.featured-product-title a:hover{color:var(--pp-green)}.featured-product-sku-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);color:#2e7d32;border-radius:8px;font-size:.75rem;font-weight:800;padding:4px 10px;letter-spacing:.5px;border:1px solid rgb(46 125 50 / .15);width:fit-content}.featured-product-price{margin:0}.featured-product-price .price-on-request{display:inline-flex;align-items:center;gap:6px;background:#fff0;color:#9e9e9e;font-size:.82rem;font-weight:600;font-style:italic;border:none;padding:0;letter-spacing:0}.featured-product-price .price-on-request::before{content:'';display:inline-block;width:6px;height:6px;background:#25D366;border-radius:50%;flex-shrink:0}.button.small.whatsapp-btn{width:100%;padding:12px 16px;font-size:.92rem;font-weight:800;border-radius:12px;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#25D366 0%,#20b858 100%)!important;border:none!important;color:white!important;letter-spacing:.3px;box-shadow:0 4px 14px rgb(37 211 102 / .3);transition:all 0.3s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.button.small.whatsapp-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 22px rgb(37 211 102 / .45);color:white!important;text-decoration:none}.button.small.whatsapp-btn .fa-whatsapp{font-size:1.15rem}.featured-products-cta{text-align:center}.no-products-yet{text-align:center;padding:var(--sp-10) var(--sp-5);background:#fff;border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.no-products-yet i{font-size:60px;color:var(--pp-green);opacity:.5;margin-bottom:var(--sp-4)}.no-products-yet h3{color:var(--pp-black);margin:0 0 var(--sp-3)}.no-products-yet p{color:var(--color-text-muted);margin:0 0 var(--sp-5);max-width:500px;margin-right:auto;margin-left:auto}.vision-mission-section{padding:var(--sp-12) 0;background:linear-gradient(135deg,var(--pp-black) 0%,#2c2c2c 100%);color:#fff;position:relative;overflow:hidden}.vision-mission-section::before{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgb(0 166 81 / .2) 0%,transparent 70%);pointer-events:none}.vision-mission-section::after{content:'';position:absolute;bottom:0;left:0;width:300px;height:300px;background:radial-gradient(circle,rgb(227 24 24 / .15) 0%,transparent 70%);pointer-events:none}.vision-mission-section .section-header .section-title{color:#fff}.vision-mission-section .section-header .section-desc{color:rgb(255 255 255 / .7)}.vm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);position:relative;z-index:1}.vm-card{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-lg);padding:var(--sp-6);transition:all var(--transition-base)}.vm-card:hover{background:rgb(255 255 255 / .08);transform:translateY(-5px);border-color:var(--pp-green)}.vision-card .vm-icon{background:rgb(0 166 81 / .2);color:var(--pp-green)}.mission-card .vm-icon{background:rgb(227 24 24 / .2);color:var(--pp-red)}.values-card .vm-icon{background:rgb(255 215 0 / .2);color:gold}.vm-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:var(--sp-4)}.vm-card h3{color:#fff;font-size:var(--fs-xl);margin:0 0 var(--sp-3)}.vm-card p{color:rgb(255 255 255 / .85);line-height:1.9;margin:0}.vm-card ul{list-style:none;padding:0;margin:0}.vm-card ul li{color:rgb(255 255 255 / .9);padding:var(--sp-2) 0;display:flex;align-items:center;gap:var(--sp-2)}.vm-card ul li i{color:var(--pp-green)}.why-us-section{padding:var(--sp-12) 0;background:#fff}.why-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--sp-10);align-items:start}.why-content .section-subtitle{color:var(--pp-red);font-weight:700;font-size:var(--fs-sm);letter-spacing:1px;text-transform:uppercase}.why-title{font-size:var(--fs-3xl);color:var(--pp-black);margin:var(--sp-2) 0 var(--sp-4)}.why-desc{line-height:1.9;color:var(--color-text-muted);font-size:var(--fs-lg);margin-bottom:var(--sp-6)}.why-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.why-item{display:flex;gap:var(--sp-3);align-items:flex-start}.why-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);background:var(--pp-green-pale);color:var(--pp-green);display:flex;align-items:center;justify-content:center;font-size:20px}.why-text h4{margin:0 0 4px;font-size:var(--fs-base);color:var(--pp-black)}.why-text p{margin:0;font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.6}.why-quote-card{background:linear-gradient(135deg,var(--pp-green) 0%,var(--pp-green-dark) 100%);color:#fff;padding:var(--sp-8) var(--sp-6);border-radius:var(--radius-lg);position:relative;box-shadow:var(--shadow-xl)}.quote-icon{position:absolute;top:20px;left:20px;font-size:50px;opacity:.3;color:#fff}.why-quote-card blockquote{margin:0 0 var(--sp-5);padding:0;border:none;background:#fff0;color:#fff;font-style:normal;font-size:var(--fs-lg);line-height:1.9;font-weight:500}.quote-author{border-top:1px solid rgb(255 255 255 / .2);padding-top:var(--sp-4);margin-bottom:var(--sp-4)}.author-name{font-weight:700;font-size:var(--fs-base);margin-bottom:4px}.author-role{font-size:var(--fs-sm);opacity:.8}.quote-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid rgb(255 255 255 / .2)}.qstat{text-align:center}.qstat-num{display:block;font-size:var(--fs-2xl);font-weight:800}.qstat-lbl{display:block;font-size:var(--fs-xs);opacity:.85;margin-top:2px}.cta-section{padding:var(--sp-12) 0;background:linear-gradient(135deg,var(--pp-red) 0%,var(--pp-red-dark) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 30% 50%,rgb(255 255 255 / .1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgb(255 255 255 / .08) 0%,transparent 50%);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-content h2{color:#fff;font-size:var(--fs-4xl);margin:0 0 var(--sp-3);text-shadow:0 2px 10px rgb(0 0 0 / .2)}.cta-content p{font-size:var(--fs-lg);margin:0 0 var(--sp-5);opacity:.95}.cta-actions{display:flex;justify-content:center;gap:var(--sp-3);flex-wrap:wrap}.cta-actions .button{background:#fff;color:var(--pp-red-dark);font-weight:700;padding:var(--sp-4) var(--sp-6);font-size:var(--fs-lg)}.cta-actions .button:hover{background:var(--pp-black);color:#fff}.cta-actions .button.whatsapp-btn{background:#25D366;color:#fff}.cta-actions .button.whatsapp-btn:hover{background:#1eb858}.cta-actions .button.outline{background:#fff0;border:2px solid #fff;color:#fff}.cta-actions .button.outline:hover{background:#fff;color:var(--pp-red)}@media (max-width:992px){.hero-content{grid-template-columns:1fr;gap:var(--sp-5)}.hero-paint-visual{display:none}.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.features-grid{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.featured-products-grid{grid-template-columns:repeat(3,1fr)}.vm-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.why-list{grid-template-columns:1fr}}@media (max-width:768px){.hero-section{min-height:auto;padding:var(--sp-8) 0}.hero-title{font-size:var(--fs-3xl)}.hero-subtitle{font-size:var(--fs-base)}.hero-stats{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr;gap:12px!important;padding:0 16px}.feature-item{justify-content:flex-start!important;background:rgb(0 166 81 / .02)!important;padding:14px 18px!important;border-radius:14px!important;border:1px solid rgb(0 166 81 / .06)!important;width:100%;box-sizing:border-box}.feature-text{text-align:right!important}.categories-grid{grid-template-columns:1fr}.featured-products-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.quote-stats{grid-template-columns:1fr}.cta-content h2{font-size:var(--fs-2xl)}.cta-actions .button{width:100%}}@media (max-width:580px){.featured-products-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.featured-product-card{border-radius:12px}.featured-product-img{height:130px;padding:12px}.featured-product-img img{max-height:110px}.featured-product-info{padding:12px 10px 10px;gap:6px}.featured-product-title{font-size:.85rem;min-height:auto}.featured-product-sku-badge{font-size:.65rem;padding:2px 6px;border-radius:4px}.featured-product-excerpt{font-size:0.75rem!important;margin:4px 0!important;min-height:auto!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.featured-product-price .price-on-request{font-size:.72rem}.button.small.whatsapp-btn{padding:8px 10px;font-size:.78rem;border-radius:8px;gap:4px}.button.small.whatsapp-btn .fa-whatsapp{font-size:.95rem}}