@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');:root {--green-dark:#1A6B3C;--green-mid:#1E7D46;--green-light:#F0F7F3;--green-hover:#145530;--gold:#C8A84B;--gold-light:#D4B968;--gold-dark:#A8892E;--white:#FFFFFF;--off-white:#F9F6F0;--gray-100:#F5F5F5;--gray-200:#E8E8E8;--gray-400:#9E9E9E;--gray-600:#666666;--gray-800:#2D2D2D;--black:#111111;--font-serif:'Playfair Display',Georgia,serif;--font-sans:'Inter',system-ui,sans-serif;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 24px rgba(0,0,0,0.12);--shadow-lg:0 8px 48px rgba(0,0,0,0.18);--shadow-gold:0 4px 24px rgba(200,168,75,0.25);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.18s ease;} *,*::before,*::after {box-sizing:border-box;margin:0;padding:0;} html {scroll-behavior:smooth;font-size:16px;} body {font-family:var(--font-sans);color:var(--gray-800);background:var(--white);line-height:1.6;overflow-x:hidden;} img {max-width:100%;display:block;} a {text-decoration:none;color:inherit;} ul {list-style:none;} button {cursor:pointer;border:none;background:none;font-family:inherit;} h1,h2,h3,h4 {font-family:var(--font-serif);line-height:1.2;} .section-label {font-family:var(--font-sans);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);margin-bottom:0.75rem;} .section-title {font-family:var(--font-serif);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;color:var(--gray-800);margin-bottom:1rem;line-height:1.15;} .section-subtitle {font-size:1.05rem;color:var(--gray-600);max-width:580px;line-height:1.7;} .container {width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;} .section-pad {padding:96px 0;} .text-center {text-align:center;} .text-center .section-subtitle {margin:0 auto;} .btn {display:inline-flex;align-items:center;gap:0.5rem;padding:0.85rem 2rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:0.95rem;font-weight:600;letter-spacing:0.03em;transition:var(--transition);white-space:nowrap;} .btn-gold {background:var(--gold);color:var(--black);} .btn-gold:hover {background:var(--gold-light);transform:translateY(-2px);box-shadow:var(--shadow-gold);} .btn-outline-white {background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.7);} .btn-outline-white:hover {background:rgba(255,255,255,0.12);border-color:var(--white);transform:translateY(-2px);} .btn-outline-green {background:transparent;color:var(--green-dark);border:2px solid var(--green-dark);} .btn-outline-green:hover {background:var(--green-dark);color:var(--white);transform:translateY(-2px);} .btn-sm {padding:0.6rem 1.4rem;font-size:0.88rem;} .navbar {position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--green-dark);padding:0 2rem;height:72px;display:flex;align-items:center;transition:var(--transition);box-shadow:0 2px 20px rgba(0,0,0,0.15);} .navbar.scrolled {background:rgba(26,107,60,0.97);backdrop-filter:blur(12px);box-shadow:0 4px 30px rgba(0,0,0,0.2);} .nav-inner {width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;} .nav-logo {display:flex;flex-direction:column;line-height:1.1;} .nav-logo-text {font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--gold);letter-spacing:0.02em;} .nav-logo-sub {font-size:0.62rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.6);} .nav-links {display:flex;align-items:center;gap:2rem;} .nav-link {font-size:0.9rem;font-weight:500;color:rgba(255,255,255,0.85);letter-spacing:0.03em;transition:var(--transition-fast);position:relative;padding-bottom:3px;} .nav-link::after {content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gold);transition:var(--transition-fast);} .nav-link:hover,.nav-link.active {color:var(--white);} .nav-link:hover::after,.nav-link.active::after {width:100%;} .nav-cta {margin-left:1rem;} .hamburger {display:none;flex-direction:column;gap:5px;padding:4px;cursor:pointer;} .hamburger span {display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition-fast);} .hamburger.active span:nth-child(1) {transform:translateY(7px) rotate(45deg);} .hamburger.active span:nth-child(2) {opacity:0;} .hamburger.active span:nth-child(3) {transform:translateY(-7px) rotate(-45deg);} .mobile-menu {display:none;position:fixed;top:72px;left:0;right:0;background:var(--green-dark);padding:1.5rem 2rem 2rem;box-shadow:0 8px 30px rgba(0,0,0,0.2);z-index:999;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,0.1);} .mobile-menu.open {display:flex;} .mobile-menu .nav-link {padding:1rem 0;font-size:1rem;border-bottom:1px solid rgba(255,255,255,0.08);display:block;} .mobile-menu .btn {margin-top:1.5rem;width:100%;justify-content:center;} .hero {position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;} .hero-bg {position:absolute;inset:0;background-image:url('../images/hero.png');background-size:cover;background-position:center;transform:scale(1.05);transition:transform 8s ease-out;} .hero-bg.loaded {transform:scale(1);} .hero-overlay {position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,107,60,0.82) 0%,rgba(18,70,38,0.90) 50%,rgba(10,40,20,0.85) 100%);} .hero-content {position:relative;z-index:2;padding-top:72px;width:100%;} .hero-inner {max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;gap:0;} .hero-badge {display:inline-flex;align-items:center;gap:0.5rem;background:rgba(200,168,75,0.15);border:1px solid rgba(200,168,75,0.4);color:var(--gold);font-size:0.78rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:0.5rem 1.1rem;border-radius:100px;margin-bottom:1.5rem;width:fit-content;animation:fadeInUp 0.8s ease both;} .hero-headline {font-family:var(--font-serif);font-size:clamp(2.8rem,6vw,5.2rem);font-weight:700;color:var(--white);line-height:1.08;margin-bottom:1.5rem;max-width:780px;animation:fadeInUp 0.8s 0.15s ease both;} .hero-headline em {font-style:italic;color:var(--gold);} .hero-sub {font-size:clamp(1rem,1.8vw,1.2rem);color:rgba(255,255,255,0.82);max-width:560px;line-height:1.75;margin-bottom:2.5rem;animation:fadeInUp 0.8s 0.3s ease both;} .hero-ctas {display:flex;gap:1rem;flex-wrap:wrap;animation:fadeInUp 0.8s 0.45s ease both;} .hero-scroll {margin-top:5rem;display:flex;align-items:center;gap:0.75rem;color:rgba(255,255,255,0.5);font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;animation:fadeInUp 0.8s 0.6s ease both;} .hero-scroll-line {width:40px;height:1px;background:rgba(255,255,255,0.3);} .stats-bar {background:var(--green-dark);position:relative;overflow:hidden;} .stats-bar::before {content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(200,168,75,0.06) 0%,transparent 50%,rgba(200,168,75,0.06) 100%);} .stats-grid {display:grid;grid-template-columns:repeat(4,1fr);position:relative;} .stat-item {padding:3rem 2rem;text-align:center;border-right:1px solid rgba(255,255,255,0.08);transition:var(--transition);position:relative;} .stat-item:last-child {border-right:none;} .stat-item::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--gold);transition:width 0.4s ease;} .stat-item:hover::after {width:60%;} .stat-number {font-family:var(--font-serif);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;color:var(--gold);line-height:1.1;margin-bottom:0.5rem;} .stat-label {font-size:0.82rem;font-weight:500;color:rgba(255,255,255,0.7);letter-spacing:0.04em;line-height:1.4;} .how-it-works {background:var(--white);} .steps-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem;} .step-card {background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;position:relative;transition:var(--transition);overflow:hidden;} .step-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold);transform:scaleX(0);transition:transform 0.4s ease;} .step-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(200,168,75,0.3);} .step-card:hover::before {transform:scaleX(1);} .step-number {position:absolute;top:1.5rem;right:1.5rem;font-family:var(--font-serif);font-size:3rem;font-weight:700;color:var(--green-light);line-height:1;} .step-icon {width:72px;height:72px;background:linear-gradient(135deg,rgba(200,168,75,0.12),rgba(200,168,75,0.06));border:1.5px solid rgba(200,168,75,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.8rem;transition:var(--transition);} .step-card:hover .step-icon {background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-color:var(--gold);} .step-title {font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:0.75rem;} .step-desc {font-size:0.93rem;color:var(--gray-600);line-height:1.7;} .products-preview {background:var(--green-light);position:relative;overflow:hidden;} .products-preview::before {content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:rgba(200,168,75,0.06);} .products-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem;} .product-card {background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;} .product-card:hover {transform:translateY(-8px);box-shadow:var(--shadow-lg);} .product-img-wrap {height:220px;overflow:hidden;position:relative;background:var(--gray-100);} .product-img-wrap img {width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;} .product-card:hover .product-img-wrap img {transform:scale(1.07);} .product-badge {position:absolute;top:1rem;left:1rem;background:var(--green-dark);color:var(--white);font-size:0.7rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:0.3rem 0.75rem;border-radius:100px;} .product-badge.coming {background:var(--gold);color:var(--black);} .product-body {padding:1.75rem;} .product-origin {font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:0.4rem;} .product-name {font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--gray-800);margin-bottom:0.75rem;} .product-specs {display:flex;flex-direction:column;gap:0.35rem;margin-bottom:1.5rem;} .spec-row {display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--gray-600);} .spec-dot {width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;} .why-us {background:var(--white);} .why-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3.5rem;} .why-card {display:flex;gap:1.5rem;padding:2rem;border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:var(--transition);background:var(--white);} .why-card:hover {border-color:rgba(200,168,75,0.4);box-shadow:0 4px 30px rgba(26,107,60,0.08);background:linear-gradient(135deg,rgba(240,247,243,0.8),var(--white));} .why-icon {width:56px;height:84px;min-width:56px;background:linear-gradient(135deg,rgba(200,168,75,0.12),rgba(200,168,75,0.05));border:1.5px solid rgba(200,168,75,0.25);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:var(--transition);} .why-card:hover .why-icon {background:var(--gold);border-color:var(--gold);} .why-content {flex:1;} .why-title {font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:var(--gray-800);margin-bottom:0.5rem;} .why-desc {font-size:0.92rem;color:var(--gray-600);line-height:1.65;} .cta-banner {background:linear-gradient(135deg,var(--green-dark) 0%,#0F4A26 100%);padding:5rem 0;position:relative;overflow:hidden;} .cta-banner::before {content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:rgba(200,168,75,0.07);} .cta-banner::after {content:'';position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;border-radius:50%;background:rgba(200,168,75,0.05);} .cta-inner {position:relative;z-index:2;text-align:center;} .cta-banner .section-title {color:var(--white);margin-bottom:0.75rem;} .cta-banner .section-subtitle {color:rgba(255,255,255,0.72);margin:0 auto 2.5rem;} .cta-buttons {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;} .footer {background:#0F3D22;color:rgba(255,255,255,0.75);padding:4rem 0 0;} .footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.08);} .footer-logo {font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:var(--gold);margin-bottom:0.3rem;} .footer-tagline {font-size:0.8rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:1.25rem;} .footer-brand-desc {font-size:0.9rem;line-height:1.7;color:rgba(255,255,255,0.6);max-width:280px;margin-bottom:1.5rem;} .footer-col-title {font-family:var(--font-sans);font-size:0.72rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;} .footer-links {display:flex;flex-direction:column;gap:0.65rem;} .footer-link {font-size:0.9rem;color:rgba(255,255,255,0.6);transition:var(--transition-fast);display:flex;align-items:center;gap:0.4rem;} .footer-link:hover {color:var(--white);padding-left:4px;} .footer-contact-item {display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:1rem;font-size:0.9rem;color:rgba(255,255,255,0.65);} .footer-contact-icon {width:32px;height:32px;min-width:32px;background:rgba(200,168,75,0.12);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;} .btn-whatsapp {display:inline-flex;align-items:center;gap:0.6rem;background:var(--gold);color:var(--black);font-weight:600;font-size:0.9rem;padding:0.75rem 1.5rem;border-radius:var(--radius-sm);margin-top:0.5rem;transition:var(--transition);} .btn-whatsapp:hover {background:var(--gold-light);transform:translateY(-2px);box-shadow:var(--shadow-gold);} .footer-bottom {padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;} .footer-copyright {font-size:0.85rem;color:rgba(255,255,255,0.4);} .footer-legal {display:flex;gap:1.5rem;} .footer-legal a {font-size:0.82rem;color:rgba(255,255,255,0.4);transition:var(--transition-fast);} .footer-legal a:hover {color:rgba(255,255,255,0.7);} .reveal {opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease;} .reveal.visible {opacity:1;transform:translateY(0);} .reveal-delay-1 {transition-delay:0.1s;} .reveal-delay-2 {transition-delay:0.2s;} .reveal-delay-3 {transition-delay:0.3s;} .reveal-delay-4 {transition-delay:0.4s;} @keyframes fadeInUp {from {opacity:0;transform:translateY(24px);} to {opacity:1;transform:translateY(0);}} @keyframes float {0%,100% {transform:translateY(0);} 50% {transform:translateY(-10px);}} @media (max-width:1024px) {.stats-grid {grid-template-columns:repeat(2,1fr);} .stat-item:nth-child(2) {border-right:none;} .stat-item:nth-child(1),.stat-item:nth-child(2) {border-bottom:1px solid rgba(255,255,255,0.08);} .footer-grid {grid-template-columns:1fr 1fr;}} @media (max-width:768px) {.nav-links,.nav-cta {display:none;} .hamburger {display:flex;} .steps-grid {grid-template-columns:1fr;} .products-grid {grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto;} .why-grid {grid-template-columns:1fr;} .footer-grid {grid-template-columns:1fr;gap:2rem;} .footer-bottom {flex-direction:column;text-align:center;}} @media (max-width:480px) {.stats-grid {grid-template-columns:1fr;} .stat-item {border-right:none;border-bottom:1px solid rgba(255,255,255,0.08);} .hero-ctas {flex-direction:column;} .hero-ctas .btn {justify-content:center;}} .cookie-notice {position:fixed;bottom:0;left:0;right:0;background:var(--white);padding:1rem 1.5rem;box-shadow:0 -4px 12px rgba(0,0,0,0.05);display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:9999;transform:translateY(100%);transition:transform 0.3s ease-in-out;} .cookie-notice.show {transform:translateY(0);} .cookie-text {font-size:0.85rem;color:var(--gray-600);line-height:1.4;margin:0;} .cookie-btn {white-space:nowrap;padding:0.5rem 1.5rem;font-size:0.85rem;min-height:44px;} @media (max-width:768px) {.btn {width:100%;justify-content:center;min-height:44px;} .nav-links a,.mobile-menu a,.footer-link {min-height:44px;display:flex;align-items:center;}} .nav-logo {display:flex !important;align-items:center;gap:0;text-decoration:none;} .nav-logo img {height:44px;width:auto;display:block;transition:opacity 0.2s ease;} .nav-logo img:hover {opacity:0.85;} .footer-logo img {height:84px;width:auto;filter:brightness(0) invert(1);opacity:0.92;} .service-icon {color:var(--green-dark);background:rgba(26,107,60,0.08);width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:var(--transition);} .service-card:hover .service-icon {background:var(--green-dark);color:var(--white);transform:scale(1.05);} .step-icon {width:72px;height:72px;border-radius:50%;background:rgba(200,168,75,0.12);border:2px solid rgba(200,168,75,0.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--gold-dark);transition:var(--transition);} .step-card:hover .step-icon {background:var(--gold);border-color:var(--gold);color:var(--white);} .why-icon {width:52px;height:52px;min-width:52px;border-radius:12px;background:rgba(26,107,60,0.08);display:flex;align-items:center;justify-content:center;color:var(--green-dark);} .footer-contact-icon {width:36px;height:36px;min-width:36px;border-radius:8px;background:rgba(200,168,75,0.12);display:flex;align-items:center;justify-content:center;color:var(--gold);} .contact-detail-icon {width:44px;height:44px;min-width:44px;border-radius:12px;background:rgba(26,107,60,0.08);display:flex;align-items:center;justify-content:center;color:var(--green-dark);} .pill-badge {display:inline-flex;align-items:center;gap:0.5rem;padding:0.45rem 1rem 0.45rem 0.75rem;border:1px solid rgba(0,0,0,0.08);border-radius:100px;background:#ffffff;font-size:0.875rem;font-weight:500;color:#1a1a1a;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,0.07);text-decoration:none;transition:box-shadow 0.2s ease,transform 0.15s ease;font-family:var(--font-sans);} .pill-badge:hover {box-shadow:0 3px 10px rgba(0,0,0,0.12);transform:translateY(-1px);} .pill-badge svg {flex-shrink:0;} .pill-badge-wa {color:#128C7E;border-color:rgba(18,140,126,0.2);background:#f0faf9;} .pill-badge-wa:hover {background:#e3f6f3;} .pill-badge-loc {color:#c0392b;border-color:rgba(192,57,43,0.15);background:#fff8f8;} .hero-badges {display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.5rem;} .footer-pill {display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.9rem 0.4rem 0.6rem;border-radius:100px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);font-size:0.85rem;color:rgba(255,255,255,0.82);text-decoration:none;transition:background 0.2s ease;width:fit-content;margin-bottom:0.5rem;} .footer-pill:hover {background:rgba(255,255,255,0.12);color:white;} .footer-pill svg {color:var(--gold);flex-shrink:0;} .contact-pill {display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1.1rem;border-radius:100px;border:1px solid rgba(26,107,60,0.12);background:var(--white);font-size:0.9rem;color:var(--gray-800);text-decoration:none;transition:var(--transition);box-shadow:0 1px 4px rgba(0,0,0,0.05);margin-bottom:0.75rem;font-family:var(--font-sans);} .contact-pill:hover {border-color:var(--green-dark);box-shadow:0 3px 12px rgba(26,107,60,0.12);transform:translateX(3px);} .contact-pill svg {color:var(--green-dark);flex-shrink:0;} .contact-pill.wa-pill svg {color:#25D366;} .contact-pill.wa-pill {border-color:rgba(37,211,102,0.2);background:#f5fef8;} .contact-detail-icon {width:44px;height:44px;min-width:44px;border-radius:50%;background:#f0f4f2;border:1px solid rgba(26,107,60,0.08);display:flex;align-items:center;justify-content:center;color:#1A6B3C;} .contact-detail-item {display:flex;align-items:flex-start;gap:1rem;padding:0.85rem 0;border-bottom:1px solid rgba(0,0,0,0.05);} .contact-detail-item:last-child {border-bottom:none;} .contact-detail-label {display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#999;margin-bottom:2px;} .contact-detail-val {font-size:0.97rem;font-weight:500;color:#1a1a1a;text-decoration:none;} a.contact-detail-val:hover {color:#1A6B3C;} .story-highlight-icon {width:40px;height:40px;min-width:40px;border-radius:12px;background:#f4f7f6;border:1px solid rgba(26,107,60,0.08);display:flex;align-items:center;justify-content:center;color:#1A6B3C;} .model-icon {width:56px;height:84px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:transform 0.2s ease;} .model-card:not(.model-card-center) .model-icon {background:#fdfaf3;border:1px solid rgba(200,168,75,0.2);color:#1A6B3C;} .model-card-center .model-icon {background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);color:#C8A84B;} .model-card:hover .model-icon {transform:translateY(-3px);} .market-flag {color:#C8A84B;display:flex;align-items:center;margin-bottom:0.5rem;} .floating-wa {position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#25D366;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);z-index:999;transition:transform 0.3s ease,box-shadow 0.3s ease;} .floating-wa svg {width:32px;height:32px;} .floating-wa:hover {transform:scale(1.1) translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.25);} @media (max-width:640px) {.floating-wa {bottom:20px;right:20px;width:50px;height:50px;} .floating-wa svg {width:28px;height:28px;}} .bg-light-gray {background-color:#fcfcfc;} .legal-container {display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start;} .legal-sidebar {position:sticky;top:100px;} .sticky-toc {background:var(--white);padding:2.5rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:0 4px 20px rgba(0,0,0,0.03);} .sticky-toc h4 {font-family:var(--font-serif);color:var(--gray-800);font-size:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--gray-200);padding-bottom:0.75rem;} .sticky-toc ul {list-style:none;display:flex;flex-direction:column;gap:0.75rem;} .sticky-toc a {color:var(--gray-600);text-decoration:none;font-size:0.95rem;transition:var(--transition);display:flex;align-items:center;gap:0.5rem;} .sticky-toc a::before {content:'';width:5px;height:5px;border-radius:50%;background-color:var(--gray-300);transition:var(--transition);} .sticky-toc a:hover {color:var(--gold-dark);} .sticky-toc a:hover::before {background-color:var(--gold-dark);transform:scale(1.5);} .legal-content-card {background:var(--white);padding:4rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.05);border:1px solid var(--gray-200);} .legal-section {margin-bottom:3.5rem;} .legal-section:last-child {margin-bottom:0;} .legal-section h3 {font-family:var(--font-serif);font-size:1.8rem;color:var(--green-dark);margin-bottom:1.25rem;display:flex;align-items:center;gap:0.75rem;} .legal-section h3::before {content:'';display:block;width:24px;height:2px;background-color:var(--gold);} .legal-section p,.legal-section ul {color:var(--gray-700);font-size:1.05rem;line-height:1.8;margin-bottom:1.25rem;} .legal-section p:last-child,.legal-section ul:last-child {margin-bottom:0;} .legal-section ul {padding-left:1.5rem;list-style:none;} .legal-section ul li {margin-bottom:0.75rem;position:relative;} .legal-section ul li::before {content:'\2022';color:var(--gold);font-weight:bold;position:absolute;left:-1.25rem;} .legal-link {color:var(--gold-dark);font-weight:500;text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition);} .legal-link:hover {border-bottom-color:var(--gold-dark);} @media (max-width:900px) {.legal-container {grid-template-columns:1fr;gap:2rem;} .legal-sidebar {position:static;} .legal-content-card {padding:2.5rem;}} .nav-logo-img {height:84px;width:auto;display:block;object-fit:contain;filter:brightness(1.15) drop-shadow(0 2px 6px rgba(0,0,0,0.25));transition:filter 0.3s ease,transform 0.3s ease;} .nav-logo-img:hover {filter:brightness(1.25) drop-shadow(0 3px 10px rgba(200,168,75,0.4));transform:scale(1.03);} .footer-logo-img {height:84px;width:auto;display:block;object-fit:contain;margin-bottom:0.75rem;filter:brightness(1.15) drop-shadow(0 2px 6px rgba(0,0,0,0.25));} .footer-brand .footer-logo {display:none;} .footer-brand .footer-tagline {margin-top:0;} .nav-logo {display:flex;align-items:center;text-decoration:none;padding:0;} .nav-logo-text,.nav-logo-sub {display:none;}