:root{--pp-blue: #000A86;--pp-red: #EC161E;--pp-white: #FFFFFF;--pp-light-gray: #F5F7FA;--pp-dark-text: #1F2937;--pp-gray-text: #4B5563;--pp-border: #E5E7EB;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--pp-dark-text);background-color:var(--pp-light-gray);line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.text-blue{color:var(--pp-blue)}.text-red{color:var(--pp-red)}.bg-white{background-color:var(--pp-white)}.bg-blue{background-color:var(--pp-blue);color:var(--pp-white)}.bg-light{background-color:var(--pp-light-gray)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-align:center;gap:.5rem}.btn-whatsapp{background-color:#25d366;color:#fff}.btn-whatsapp:hover{background-color:#20ba5a}.btn-phone{background-color:var(--pp-blue);color:#fff}.btn-phone:hover{background-color:#000866}.btn-outline{border:2px solid var(--pp-blue);color:var(--pp-blue);background-color:transparent}.btn-outline:hover{background-color:var(--pp-blue);color:#fff}.header{background-color:var(--pp-white);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:50;padding:1rem 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header-logo{height:75px;max-width:100%}.header-nav{display:flex;gap:1.5rem;align-items:center}@media (max-width: 768px){.header-nav{display:none}}.hero{padding:4rem 0;background:linear-gradient(to right,var(--pp-blue),#0012E6);color:#fff;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem;font-weight:800}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.hero{padding:3rem 0}.hero h1{font-size:2rem}.hero p{font-size:1.125rem}}.section{padding:4rem 0}.section-title{font-size:2rem;color:var(--pp-blue);text-align:center;margin-bottom:2.5rem;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d;transition:transform .2s ease;border-top:4px solid var(--pp-red);display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.card h3{color:var(--pp-blue);font-size:1.5rem;margin-bottom:1rem}.card p{color:var(--pp-gray-text);margin-bottom:1.5rem}.card-actions{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.location-section{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 6px #0000000d}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}@media (max-width: 768px){.location-grid{grid-template-columns:1fr}}.location-info h2{color:var(--pp-blue);margin-bottom:1rem}.location-info p{color:var(--pp-gray-text);margin-bottom:1.5rem}.location-map iframe{width:100%;height:300px;border-radius:.5rem;border:1px solid var(--pp-border)}.faq-item{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.faq-item h4{color:var(--pp-blue);margin-bottom:.5rem;font-size:1.125rem}.footer{background-color:var(--pp-blue);color:#fff;padding:3rem 0;text-align:center}.footer p{opacity:.8;margin-bottom:1rem}.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:1rem;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:center;z-index:100}@media (min-width: 769px){.sticky-cta{display:none}}body{padding-bottom:80px}.gallery-section{background-color:var(--pp-light-gray);padding:4rem 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.gallery-img{width:100%;height:280px;object-fit:cover;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.gallery-img:hover{transform:scale(1.02)}@media (max-width: 768px){.gallery-grid{grid-template-columns:1fr}.gallery-img{height:auto;aspect-ratio:4/3}}
