:root{--verde: #2d5a27;--verde-claro: #4a7c42;--verde-palido: #e8f0e6;--tierra: #8b5e3c;--crema: #faf8f4;--crema-oscura: #f0ece4;--gris-texto: #1a1a1a;--gris-suave: #6b6b6b;--gris-borde: #e0ddd8;--blanco: #ffffff;--negro: #111111;--sombra: 0 2px 12px rgba(0,0,0,.07);--sombra-hover: 0 8px 32px rgba(0,0,0,.13);--radio: 8px;--radio-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--crema);color:var(--gris-texto);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100vw}h1,h2,h3{font-family:Playfair Display,serif;line-height:1.2;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radio);font-size:14px;font-weight:600;border:none;transition:all .22s;white-space:nowrap}.btn-primario{background:var(--verde);color:#fff}.btn-primario:hover{background:var(--verde-claro);transform:translateY(-1px);box-shadow:var(--sombra)}.btn-secundario{background:transparent;color:var(--verde);border:1.5px solid var(--verde)}.btn-secundario:hover{background:var(--verde-palido)}.btn-tierra{background:var(--tierra);color:#fff}.btn-tierra:hover{opacity:.9}.btn-lg{padding:14px 30px;font-size:16px}.btn-sm{padding:7px 16px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.btn{min-height:44px}.btn-lg{padding:14px 24px;font-size:15px}}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.campo label{font-size:13px;font-weight:600;color:var(--gris-suave);text-transform:uppercase;letter-spacing:.5px}.campo input,.campo textarea,.campo select{padding:12px 14px;border:1.5px solid var(--gris-borde);border-radius:var(--radio);font-size:16px;font-family:inherit;background:#fff;color:var(--gris-texto);transition:border-color .2s;outline:none;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.campo input:focus,.campo textarea:focus,.campo select:focus{border-color:var(--verde)}.campo textarea{resize:vertical;min-height:100px}.card{background:#fff;border-radius:var(--radio-lg);box-shadow:var(--sombra);overflow:hidden}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-verde{background:var(--verde-palido);color:var(--verde)}.badge-tierra{background:#f5ece4;color:var(--tierra)}.badge-gris{background:#f0f0f0;color:var(--gris-suave)}.loading-pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--crema)}.spinner{width:34px;height:34px;border:2.5px solid var(--gris-borde);border-top-color:var(--verde);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:28px;right:16px;left:16px;padding:14px 22px;border-radius:var(--radio);font-size:14px;font-weight:500;z-index:9999;box-shadow:var(--sombra-hover);animation:slideUp .3s ease;text-align:center}@media (min-width: 480px){.toast{left:auto;right:28px;max-width:360px}}.toast-ok{background:var(--verde);color:#fff}.toast-error{background:#c0392b;color:#fff}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flotarPunto{0%,to{transform:translateY(0) scale(1);opacity:.15}50%{transform:translateY(-18px) scale(1.2);opacity:.35}}.grid-productos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.grid-productos{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width: 1024px){.grid-productos{grid-template-columns:repeat(4,1fr);gap:20px}}.grid-admin{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.grid-admin{grid-template-columns:1fr 1fr;gap:32px}}.grid-checkout{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 900px){.grid-checkout{grid-template-columns:1fr 380px;gap:32px}}.grid-detalle{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.grid-detalle{grid-template-columns:1fr 1fr;gap:52px}}.grid-destacados-2,.grid-destacados-3,.grid-destacados-4,.grid-destacados-5,.grid-destacados-6{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 640px){.grid-destacados-3,.grid-destacados-5,.grid-destacados-6{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.grid-destacados-4{grid-template-columns:repeat(2,1fr)}}.hero-titulo{font-size:36px}@media (min-width: 480px){.hero-titulo{font-size:48px}}@media (min-width: 768px){.hero-titulo{font-size:58px}}.navbar{padding:0 16px!important}@media (min-width: 768px){.navbar{padding:0 32px!important}}.seccion-padding{padding:40px 16px 60px}@media (min-width: 768px){.seccion-padding{padding:64px 32px 80px}}.footer-grid{display:grid;grid-template-columns:1fr;gap:36px}@media (min-width: 640px){.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:48px}}.campo-calle-num{display:grid;grid-template-columns:1fr 100px;gap:12px}@media (max-width: 400px){.campo-calle-num{grid-template-columns:1fr}}.campos-3{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 640px){.campos-3{grid-template-columns:1fr 1fr 1fr}}@supports (padding: env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}