@import url("https://fonts.googleapis.com/css2?family=Belleza&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{line-height:1.6;background-color:var(--templo-bg-primary);overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{font-family:var(--font-primary),var(--font-fallback);font-weight:var(--font-normal);color:var(--templo-text-primary)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:var(--text-4xl)}h1,h2{letter-spacing:.02em}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-md);color:var(--templo-text-secondary)}a{color:var(--templo-brown-medium);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--templo-brown-dark)}.btn,.btn-ghost,.btn-outline,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-2xl);font-family:var(--font-primary),var(--font-fallback);font-size:var(--text-sm);font-weight:var(--font-normal);letter-spacing:.05em;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--templo-brown-dark);color:var(--templo-text-white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:#3B2803;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--templo-beige);color:var(--templo-brown-dark);border:1px solid var(--templo-brown-medium)}.btn-secondary:hover{background-color:var(--templo-brown-lighter);border-color:var(--templo-brown-dark)}.btn-outline{background-color:transparent;color:var(--templo-brown-dark);border:1px solid var(--templo-brown-dark)}.btn-outline:hover{background-color:var(--templo-brown-dark);border-color:var(--templo-brown-dark);color:var(--templo-text-white)}.btn-icon{display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-base)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input,select,textarea{width:100%;padding:var(--space-md);font-family:var(--font-primary),var(--font-fallback);font-size:var(--text-base);color:var(--templo-text-primary);background-color:var(--templo-bg-card);border:1px solid var(--templo-border);border-radius:var(--radius-sm);transition:all var(--transition-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--templo-brown-medium);box-shadow:0 0 0 3px rgba(102,77,60,.1)}input::placeholder,textarea::placeholder{color:var(--templo-text-muted)}.card{background-color:var(--templo-bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-base);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.container{padding:0 var(--container-padding)}.page-container{min-height:calc(100vh - 70px);padding:var(--space-2xl) var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--templo-text-muted);font-size:var(--text-lg)}@media (max-width:768px){html{font-size:14px}.page-container{padding:var(--space-lg) var(--space-md)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--templo-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--templo-brown-lighter);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--templo-brown-medium)}.btn-detail{background-color:var(--templo-brown-dark);color:var(--templo-text-white);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-sm);font-size:var(--text-sm);letter-spacing:.02em}.btn-detail:hover{background-color:#3B2803;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-new{background-color:var(--templo-brown-dark);color:var(--templo-text-white);border:2px solid var(--templo-beige);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium)}.btn-new:hover{background-color:#3B2803;border-color:var(--templo-text-white)}.btn-cart{background-color:transparent;color:var(--templo-brown-medium);border:1.5px solid var(--templo-brown-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm)}.btn-cart:hover{background-color:var(--templo-beige);color:var(--templo-brown-dark);border-color:var(--templo-brown-dark)}.btn-visit{background-color:var(--templo-brown-lighter);color:var(--templo-text-white);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-full);font-size:var(--text-sm);letter-spacing:.02em}.btn-visit:hover{background-color:var(--templo-brown-medium);transform:scale(1.02)}.btn-info{background-color:transparent;color:var(--templo-brown-medium);border:1px solid var(--templo-brown-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.03em}.btn-info:hover{background-color:var(--templo-bg-secondary);border-color:var(--templo-brown-dark);color:var(--templo-brown-dark)}:root{--templo-brown-dark:#4E3524;--templo-brown-medium:#664D3C;--templo-brown-light:#856A57;--templo-brown-lighter:#B29780;--templo-beige:#E4D7C5;--templo-bg-primary:#FDFBF7;--templo-bg-secondary:#F8F5F0;--templo-bg-card:#FFFFFF;--templo-text-primary:#3B2803;--templo-text-secondary:#664D3C;--templo-text-muted:#9B8778;--templo-text-white:#FFFFFF;--templo-success:#8B5A2B;--templo-error:#C85A54;--templo-warning:#D4A574;--templo-info:#8B9AA8;--templo-border:#D4C4B3;--templo-border-light:#E8DED2;--templo-shadow:rgba(78,53,36,0.08);--templo-shadow-md:rgba(78,53,36,0.12);--templo-shadow-lg:rgba(78,53,36,0.16);--font-primary:"Belleza",serif;--font-fallback:Georgia,"Times New Roman",serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--shadow-sm:0 1px 2px 0 var(--templo-shadow);--shadow-base:0 1px 3px 0 var(--templo-shadow),0 1px 2px -1px var(--templo-shadow);--shadow-md:0 4px 6px -1px var(--templo-shadow-md),0 2px 4px -2px var(--templo-shadow-md);--shadow-lg:0 10px 15px -3px var(--templo-shadow-lg),0 4px 6px -4px var(--templo-shadow-lg);--shadow-xl:0 20px 25px -5px var(--templo-shadow-lg),0 8px 10px -6px var(--templo-shadow-lg);--container-max-width:1400px;--container-padding:var(--space-xl);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.spacing-section{padding:var(--space-3xl) 0}.spacing-container{padding:0 var(--container-padding);max-width:var(--container-max-width);margin:0 auto}.text-center{text-align:center}.text-primary{color:var(--templo-text-primary)}.text-secondary{color:var(--templo-text-secondary)}.text-muted{color:var(--templo-text-muted)}.bg-primary{background-color:var(--templo-bg-primary)}.bg-secondary{background-color:var(--templo-bg-secondary)}.bg-card{background-color:var(--templo-bg-card)}.App{min-height:100vh;background-color:var(--templo-bg-primary)}.container{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-xl)}.Toastify__toast-container{z-index:var(--z-tooltip)}.Toastify__toast{font-family:var(--font-primary),var(--font-fallback);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.Toastify__toast--success{background-color:var(--templo-success)}.Toastify__toast--error{background-color:var(--templo-error)}.Toastify__toast--warning{background-color:var(--templo-warning)}.Toastify__toast--info{background-color:var(--templo-info)}@media (max-width:768px){.container{padding:var(--space-lg) var(--space-md);padding-bottom:calc(70px + env(safe-area-inset-bottom, 0px))}}