@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&family=Cinzel:wght@600;700;800;900&display=swap";:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-brand: "Cinzel", "Playfair Display", Georgia, serif;--surface: #fbf9f4;--surface-dim: #dbdad5;--surface-bright: #fbf9f4;--surface-container-lowest: #ffffff;--surface-container-low: #f5f3ee;--surface-container: #f0eee9;--surface-container-high: #eae8e3;--surface-container-highest: #e4e2dd;--on-surface: #1b1c19;--on-surface-variant: #434843;--inverse-surface: #30312e;--inverse-on-surface: #f2f1ec;--outline: #737873;--outline-variant: #c3c8c1;--surface-tint: #4f6354;--primary: #06190d;--on-primary: #ffffff;--primary-container: #1b2e21;--on-primary-container: #819685;--inverse-primary: #b6ccb9;--secondary: #795741;--on-secondary: #ffffff;--secondary-container: #ffd1b5;--on-secondary-container: #7a5742;--tertiary: #735c00;--on-tertiary: #ffffff;--tertiary-container: #cca72f;--on-tertiary-container: #4e3d00;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--primary-fixed: #d1e8d5;--primary-fixed-dim: #b6ccb9;--on-primary-fixed: #0c1f13;--on-primary-fixed-variant: #384b3d;--secondary-fixed: #ffdbc7;--secondary-fixed-dim: #eabda2;--on-secondary-fixed: #2d1505;--on-secondary-fixed-variant: #5f402b;--tertiary-fixed: #ffe088;--tertiary-fixed-dim: #e9c349;--on-tertiary-fixed: #241a00;--on-tertiary-fixed-variant: #574500;--background: #fbf9f4;--on-background: #1b1c19;--surface-variant: #e4e2dd;--bg-main: var(--background);--bg-secondary: var(--surface-container-low);--bg-card: var(--surface-container-lowest);--bg-card-hover: var(--surface-container);--bg-glass: rgba(251, 249, 244, .9);--accent-amber: var(--secondary);--accent-amber-hover: #5f402b;--accent-amber-light: var(--secondary-container);--accent-amber-glow: rgba(121, 87, 65, .18);--yerba-green: var(--surface-tint);--yerba-green-light: var(--primary-fixed);--text-main: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--outline);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(27, 28, 25, .05);--shadow-md: 0 8px 24px rgba(27, 28, 25, .08);--shadow-lg: 0 16px 40px rgba(27, 28, 25, .12);--shadow-amber: 0 10px 25px -5px rgba(121, 87, 65, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden;position:relative}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,iframe{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}h1,h2,h3,.font-serif{font-family:var(--font-serif)}.text-gradient-amber{background:linear-gradient(135deg,var(--secondary) 0%,var(--tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--surface-tint) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);box-shadow:var(--shadow-sm)}.glass-nav{background:#fbf9f4eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--surface-container-high)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary);font-weight:600;padding:12px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1b2e21 0%,var(--primary) 100%)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-container);color:var(--on-surface);font-weight:600;padding:12px 24px;border-radius:var(--radius-md);border:1px solid var(--outline-variant);cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--surface-container-high);border-color:var(--outline);transform:translateY(-2px)}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-weight:700;padding:14px 28px;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 10px 25px -5px #25d36659;transition:all var(--transition-normal)}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 14px 32px -5px #25d36680}.badge-offer{background:var(--error);color:var(--on-error);font-size:.72rem;font-weight:800;letter-spacing:.05em;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase}.badge-artisan{background:var(--secondary-container);color:var(--on-secondary-container);border:1px solid var(--secondary-fixed-dim);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase}.badge-tag{background:var(--surface-container-high);color:var(--on-surface-variant);font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite!important;display:inline-block}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}.form-input,.form-select{width:100%;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--on-surface);padding:12px 16px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.95rem;outline:none;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--accent-amber-glow)}.form-input::placeholder{color:var(--outline)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
