.previewPage{background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:100vh}.whatsappFloat{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.4);z-index:1000;transition:all .3s ease;animation:pulse 2s infinite}.whatsappFloat:hover{transform:scale(1.1);box-shadow:0 12px 32px rgba(37,211,102,.6)}@keyframes pulse{0%,to{box-shadow:0 8px 24px rgba(37,211,102,.4)}50%{box-shadow:0 8px 32px rgba(37,211,102,.6)}}.previewHeader{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:0;z-index:100}.previewHeaderInner{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.previewLogo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:#15803d}.previewLogoIcon{font-size:32px}.previewLogoText{background:linear-gradient(135deg,#15803d,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.previewNav{display:flex;gap:32px}.previewNav a{color:#166534;font-weight:600;transition:color .2s ease}.previewNav a:hover{color:#22c55e}.previewHero{padding:100px 0;background:linear-gradient(135deg,rgba(21,128,61,.6),rgba(34,197,94,.5)),url(https://images.unsplash.com/photo-1490750967868-88aa4486c946?w=1920&q=80) 50%/cover no-repeat;position:relative}.previewHeroContent{max-width:900px;margin:0 auto;text-align:center}.previewHeroTitle{font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.1;color:#fff;margin-bottom:24px;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.previewHighlight{background:linear-gradient(135deg,#86efac,#d9f99d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.previewHeroSubtitle{font-size:clamp(18px,2vw,22px);line-height:1.6;color:#fff;margin-bottom:32px;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 2px 8px rgba(0,0,0,.3)}.previewHeroCtas{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.previewCtaBtn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-size:16px;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.previewCtaBtnPrimary{background:linear-gradient(135deg,#15803d,#22c55e);color:#fff;box-shadow:0 8px 24px rgba(34,197,94,.3)}.previewCtaBtnPrimary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(34,197,94,.4)}.previewCtaBtnSecondary{background:#fff;color:#15803d;border:2px solid #15803d}.previewCtaBtnSecondary:hover{background:#f0fdf4}.previewCtaBtnFull{width:100%}.previewTrustBadges{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.previewBadge{font-size:14px;color:#fff;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.3)}.previewServices{padding:80px 0;background:#fff}.previewSectionTitle{text-align:center;font-size:clamp(32px,4vw,42px);font-weight:800;color:#166534;margin-bottom:48px;letter-spacing:-.02em}.previewServicesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px}.previewServiceCard{background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;border:2px solid transparent}.previewServiceCard:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(34,197,94,.2);border-color:#22c55e}.previewServiceIcon{font-size:48px;margin-bottom:16px}.previewServiceCard h3{font-size:22px;font-weight:700;color:#166534;margin-bottom:12px}.previewServiceCard p{font-size:15px;line-height:1.6;color:#4b5563;margin-bottom:16px}.previewServiceLink{color:#15803d;font-weight:600;text-decoration:none;transition:color .2s ease}.previewServiceLink:hover{color:#22c55e}.previewAbout{padding:80px 0;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.previewAboutContent{max-width:900px;margin:0 auto}.previewAboutGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:32px;gap:32px;margin-bottom:48px}.previewAboutItem{text-align:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.previewAboutNumber{font-size:48px;font-weight:900;background:linear-gradient(135deg,#15803d,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.previewAboutLabel{font-size:16px;color:#166534;font-weight:600}.previewAboutText{font-size:18px;line-height:1.8;color:#4b5563;text-align:center}.previewContact{padding:80px 0;background:#fff}.previewContactGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:48px;gap:48px}.previewContactText{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:32px}.previewContactDetails{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.previewContactDetail{display:flex;gap:16px;align-items:flex-start}.previewContactIcon{font-size:24px}.previewContactLabel{font-size:14px;color:#6b7280;margin-bottom:4px}.previewContactValue{font-size:16px;color:#166534;font-weight:600;text-decoration:none}.previewContactValue:hover{color:#22c55e}.previewSocial{margin-top:32px}.previewSocialTitle{font-size:18px;font-weight:700;color:#166534;margin-bottom:16px}.previewSocialLinks{display:flex;gap:16px}.previewSocialLink{width:48px;height:48px;background:linear-gradient(135deg,#15803d,#22c55e);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.previewSocialLink:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(34,197,94,.3)}.previewContactForm{background:linear-gradient(135deg,#f0fdf4,#fff);padding:40px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.08)}.previewFormGroup{margin-bottom:24px}.previewLabel{display:block;font-size:14px;font-weight:600;color:#166534;margin-bottom:8px}.previewInput{width:100%;padding:12px 16px;border:2px solid #d1fae5;border-radius:8px;font-size:15px;transition:all .2s ease;font-family:inherit;background:#fff}.previewInput:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.1)}.previewTextarea{resize:vertical;min-height:120px}.previewSuccess{margin-top:16px;padding:12px 16px;background:#d1fae5;border:2px solid #22c55e;border-radius:8px;color:#166534;font-size:14px}.previewMap{padding:80px 0;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.previewMapContainer{margin-top:32px}.previewFooter{background:#166534;color:#fff;padding:48px 0 24px}.previewFooterContent{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:24px}.previewFooterBrand{max-width:400px}.previewFooterLogo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;margin-bottom:8px}.previewFooterBrand p{font-size:14px;opacity:.8}.previewFooterCopyright{font-size:14px;opacity:.7}.previewDemoNotice{border-top:1px solid hsla(0,0%,100%,.2);padding-top:24px;text-align:center}.previewDemoNotice p{font-size:14px;opacity:.8}.previewDemoLink{color:#86efac;font-weight:600;text-decoration:none}.previewDemoLink:hover{color:#fff}@media (max-width:768px){.previewNav{display:none}.previewAbout,.previewContact,.previewHero,.previewMap,.previewServices{padding:60px 0}.previewContactGrid{grid-template-columns:1fr}.previewContactForm{padding:24px}.previewFooterContent{flex-direction:column;text-align:center}}