.container.svelte-196tn96{max-width:1200px;margin:0 auto;padding:0 1rem}.content-wrapper.svelte-196tn96{max-width:42rem;margin:0 auto}.hero.svelte-196tn96{padding:3rem 0;background:linear-gradient(to bottom right,#6daa3f,#3a6ea5);color:#fff}.hero-content.svelte-196tn96{max-width:42rem;margin:0 auto}.hero.svelte-196tn96 h1:where(.svelte-196tn96){font-size:2.5rem;line-height:1.2;font-weight:700;margin-bottom:1rem}.hero.svelte-196tn96 p:where(.svelte-196tn96){font-size:1.25rem;color:#fff}.main-content.svelte-196tn96{padding:3rem 0;background-color:#fff}.intro-text.svelte-196tn96{margin-bottom:2rem;color:#4b5563;line-height:1.7;font-size:1.125rem}.section-title.svelte-196tn96{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#6daa3f}.section-desc.svelte-196tn96{margin-bottom:2rem;color:#4b5563;line-height:1.7;font-size:1.125rem}.visuals-grid.svelte-196tn96{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.visuals-grid.svelte-196tn96{grid-template-columns:repeat(2,1fr)}}.visual-card.svelte-196tn96{background-color:#f9fafb;padding:1.5rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border-top:4px solid;transition:transform .2s}.visual-card.svelte-196tn96:hover{transform:translateY(-5px)}.visual-preview.svelte-196tn96{height:200px;margin-bottom:1rem;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.visual-preview.svelte-196tn96 img:where(.svelte-196tn96){max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;background-color:#f0f8f0}.placeholder.svelte-196tn96{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f8f0,#e8f5e8);border-radius:.5rem}.placeholder-text.svelte-196tn96{font-size:1.25rem;font-weight:600;color:#6daa3f;text-align:center;padding:1rem}.visual-card.svelte-196tn96 h3:where(.svelte-196tn96){font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.visual-card.svelte-196tn96 p:where(.svelte-196tn96){color:#4b5563;margin-bottom:1.5rem;min-height:4.5rem}.color-ecosystem.svelte-196tn96{border-top-color:#6daa3f}.color-ecosystem.svelte-196tn96 h3:where(.svelte-196tn96){color:#6daa3f}.color-harmony.svelte-196tn96{border-top-color:#3a6ea5}.color-harmony.svelte-196tn96 h3:where(.svelte-196tn96){color:#3a6ea5}.color-earth.svelte-196tn96{border-top-color:#8b5a2b}.color-earth.svelte-196tn96 h3:where(.svelte-196tn96){color:#8b5a2b}.color-solar.svelte-196tn96{border-top-color:#f5a623}.color-solar.svelte-196tn96 h3:where(.svelte-196tn96){color:#f5a623}.color-rights.svelte-196tn96{border-top-color:#8a4f9e}.color-rights.svelte-196tn96 h3:where(.svelte-196tn96){color:#8a4f9e}.visual-actions.svelte-196tn96{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn.svelte-196tn96{display:inline-flex;align-items:center;font-weight:500;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;box-shadow:0 1px 2px #0000001a;transition:all .2s;font-size:.875rem}.action-btn.view.svelte-196tn96{background-color:#6daa3f;color:#fff}.action-btn.interactive.svelte-196tn96{background-color:#3a6ea5;color:#fff}.action-btn.development.svelte-196tn96{background-color:#f0f8f0;color:#6daa3f;border:1px dashed #6DAA3F;cursor:default}.action-btn.download.svg.svelte-196tn96{background-color:#fff;border:1px solid #6DAA3F;color:#6daa3f}.action-btn.download.png.svelte-196tn96{background-color:#fff;border:1px solid #3A6EA5;color:#3a6ea5}.action-btn.svelte-196tn96:hover:not(.development){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.icon.svelte-196tn96{margin-left:.5rem}.feedback-card.svelte-196tn96{background-color:#8b5a2b1a;padding:1.5rem;border-radius:.5rem;margin-top:2rem;margin-bottom:2rem;border-left:4px solid #8B5A2B}.feedback-card.svelte-196tn96 h3:where(.svelte-196tn96){font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#8b5a2b}.feedback-card.svelte-196tn96 p:where(.svelte-196tn96){color:#4b5563;margin-bottom:1rem}.contact-link.svelte-196tn96{color:#f5a623;text-decoration:underline;font-weight:500}.back-link.svelte-196tn96{margin-bottom:2rem}.back-link.svelte-196tn96 a:where(.svelte-196tn96){display:inline-flex;align-items:center;color:#6daa3f;font-weight:500;text-decoration:none}.back-icon.svelte-196tn96{margin-right:.5rem}.language-section.svelte-196tn96{border-top:1px solid #e5e7eb;padding-top:2rem;margin-top:2rem}.language-section.svelte-196tn96 h3:where(.svelte-196tn96){font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#6daa3f}.language-buttons.svelte-196tn96{display:flex;gap:1rem}@media (max-width: 640px){.visual-actions.svelte-196tn96{flex-direction:column}.action-btn.svelte-196tn96{width:100%;justify-content:center}.visual-card.svelte-196tn96 p:where(.svelte-196tn96){min-height:auto}.hero.svelte-196tn96 h1:where(.svelte-196tn96){font-size:2rem}.section-title.svelte-196tn96{font-size:1.5rem}.language-buttons.svelte-196tn96{flex-direction:column}}