body{background:#f8f8f8;font-family:Arial,Helvetica,sans-serif}.App{text-align:center}.hero{color:#fff;background:linear-gradient(135deg,#ff914d,#ffb347);padding:60px 20px}.hero h1{font-size:3rem}.hero p{margin-top:15px;font-size:1.2rem}.productos{flex-wrap:wrap;justify-content:center;gap:25px;padding:50px 20px;display:flex}.card{background:#fff;border-radius:15px;width:250px;padding:25px;transition:all .3s;box-shadow:0 5px 15px #00000026}.card:hover{transform:translateY(-8px)}.card h3{margin:15px 0}.card p{color:#666}button{color:#ff914d;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:25px;padding:12px 28px;font-size:16px;font-weight:700}button:hover{transform:scale(1.05)}.footer{color:#fff;text-align:center;background:#333;margin-top:50px;padding:40px 20px}.footer h3{color:#ffb347;margin-bottom:15px}.footer p{margin:8px 0}.categorias{text-align:center;padding:60px 20px}.grid-categorias{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.categoria{cursor:pointer;background:#fff;border-radius:15px;width:180px;padding:30px 20px;font-size:22px;font-weight:700;transition:transform .3s;box-shadow:0 5px 15px #0000001a}.categoria:hover{transform:translateY(-5px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{color:#333;background:#f0ead2;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;transition:all .2s}.app{min-height:100vh}.hero{width:100%;margin:0;padding:0}.topbar{background:#123622;justify-content:space-between;align-items:center;gap:25px;width:100%;min-height:120px;padding:25px 40px;display:flex}.logo-img{object-fit:contain;flex-shrink:0;width:220px;height:auto}.topbar input{color:#333;background:#fff;border:none;border-radius:30px;outline:none;flex:1;width:100%;max-width:600px;padding:14px 22px;font-size:16px}.topbar input::placeholder{color:#888}.boton-carrito{color:#000;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.boton-carrito:hover{transform:scale(1.05)}.numero-carrito{color:#123622;background:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #00000026}.categorias{background:#f0ead2;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:18px 20px;display:flex}.categorias button{color:#1f5d3a;background:#fff;border-radius:25px;padding:10px 20px;font-size:15px;font-weight:600;box-shadow:0 2px 6px #0000000f}.categorias button:hover{color:#fff;background:#1f5d3a}.menu{position:relative}.submenu{z-index:50;background:#fff;border-radius:10px;min-width:220px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 20px #00000026}.submenu a{padding:12px 15px;display:block}.submenu a:hover{background:#f5f5f5}.menu:hover .submenu{display:block}.hero-texto{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.hero-texto h2{color:#fff;margin-bottom:20px;font-size:46px}.hero-texto p{color:#fff;max-width:700px;margin-bottom:25px;font-size:20px}.hero-img{border-radius:20px;width:420px;max-width:100%;margin:20px 0;box-shadow:0 12px 30px #0003}.comprar{color:#fff;background:#2f6b3f;border-radius:12px;padding:14px 28px;font-size:17px;font-weight:700}.comprar:hover{background:#123622}.productos{padding:25px 20px 50px}.tarjetas{grid-template-columns:repeat(4,1fr);gap:22px;width:100%;max-width:1200px;margin:0 auto;display:grid}.tarjeta{background:#fff;border-radius:18px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #00000014}.tarjeta:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.imagen-producto{background:#faf9f4;justify-content:center;align-items:center;width:100%;display:flex}.imagen-producto img{object-fit:contain;width:100%;height:230px;padding:18px;transition:transform .2s}.tarjeta:hover .imagen-producto img{transform:scale(1.04)}.info-producto{padding:16px}.info-producto h3{color:#333;min-height:44px;margin-bottom:12px;font-size:17px;line-height:1.3}.precio-carrito{justify-content:space-between;align-items:center;gap:10px;display:flex}.precio{color:#2f6b3f;font-size:21px;font-weight:700}.boton-agregar{color:#fff;background:#2f6b3f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;line-height:1;display:flex}.boton-agregar:hover{background:#123622;transform:scale(1.08)}.carrito-lateral{z-index:1000;background:#fff;width:380px;max-width:90%;height:100vh;padding:25px;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 25px #0000002e}.carrito-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.carrito-header h2{color:#123622;font-size:22px}.cerrar-carrito{color:#fff;background:#123622;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:24px;display:flex}.cerrar-carrito:hover{background:#2f6b3f;transform:scale(1.05)}.carrito-lateral>p{text-align:center;color:#777;padding:40px 10px}.item-carrito{border-bottom:1px solid #eee;align-items:center;gap:15px;padding:15px 0;display:flex}.item-carrito img{object-fit:contain;background:#f8f8f8;border-radius:10px;width:75px;height:75px}.info-carrito{flex:1}.item-carrito h4{color:#333;margin-bottom:6px;font-size:15px}.item-carrito p{color:#2f6b3f;margin-bottom:8px;font-weight:700}.cantidad-carrito{align-items:center;gap:12px;margin-top:10px;display:flex}.cantidad-carrito button{color:#fff;background:#123622;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;display:flex}.cantidad-carrito button:hover{background:#2f6b3f}.cantidad-carrito span{text-align:center;color:#333;min-width:20px;font-weight:700}.total-carrito{border-top:1px solid #eee;margin-top:25px;padding-top:20px}.total-carrito>div{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.total-carrito span{color:#333;font-size:18px;font-weight:700}.total-carrito strong{color:#123622;font-size:23px}.boton-comprar{color:#fff;background:#2f6b3f;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700}.boton-comprar:hover{background:#123622;transform:translateY(-1px)}@media (width<=900px){.topbar{gap:18px;padding:20px 25px}.logo-img{width:180px}.topbar input{max-width:none}.tarjetas{grid-template-columns:repeat(3,1fr);gap:18px}}@media (width<=600px){.topbar{background:#123622;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:15px;width:100%;min-height:auto;padding:18px 15px 20px;display:grid}.logo-img{grid-area:1/1;width:155px}.boton-carrito{grid-area:1/2;width:48px;height:48px}.topbar input{grid-area:2/1/auto/-1;width:100%;max-width:none;padding:13px 18px;font-size:15px}.categorias{flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding:12px 15px;overflow-x:auto}.categorias button{flex-shrink:0;padding:9px 16px;font-size:14px}.productos{padding:15px 12px 40px}.tarjetas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tarjeta{border-radius:14px}.imagen-producto img{object-fit:contain;width:100%;height:180px;padding:10px}.info-producto{padding:12px}.info-producto h3{min-height:39px;margin-bottom:10px;font-size:15px;line-height:1.3}.precio{font-size:17px}.boton-agregar{width:34px;height:34px}.carrito-lateral{width:100%;max-width:100%;padding:20px}}@media (width<=380px){.logo-img{width:135px}.topbar{padding-left:12px;padding-right:12px}.tarjetas{gap:9px}.imagen-producto img{height:155px}.info-producto{padding:10px}.precio{font-size:16px}}.producto-overlay{z-index:99999;background:#f0ead2;animation:.22s productoEntrada;position:fixed;inset:0;overflow-y:auto}@keyframes productoEntrada{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.producto-detalle{background:#f0ead2;max-width:1100px;min-height:100vh;margin:0 auto;position:relative}.producto-detalle-header{z-index:10;background:#f0ead2;grid-template-columns:48px 1fr 48px;align-items:center;height:64px;padding:0 18px;display:grid;position:sticky;top:0}.producto-detalle-header span{text-align:center;color:#666;letter-spacing:.4px;font-size:14px;font-weight:600}.producto-volver,.producto-cerrar{color:#123622;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:25px;display:flex;box-shadow:0 3px 12px #00000014}.producto-cerrar{font-size:28px}.producto-galeria{touch-action:pan-y;background:#fff;justify-content:center;align-items:center;width:100%;height:min(65vh,650px);min-height:340px;display:flex;position:relative;overflow:hidden}.producto-foto-principal{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:zoom-in;width:100%;height:100%}.producto-cargando,.producto-sin-imagen{color:#777;font-size:15px}.galeria-flecha{color:#123622;cursor:pointer;background:#fffffff0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:30px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #0000001f}.galeria-anterior{left:18px}.galeria-siguiente{right:18px}.galeria-contador{color:#fff;background:#123622db;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.producto-miniaturas{scrollbar-width:none;background:#f0ead2;gap:9px;padding:12px 18px;display:flex;overflow-x:auto}.producto-miniaturas::-webkit-scrollbar{display:none}.miniatura{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:9px;flex:0 0 68px;width:68px;height:68px;padding:2px;overflow:hidden}.miniatura.activa{border-color:#123622}.miniatura img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.producto-info-detalle{max-width:700px;margin:0 auto;padding:28px 22px 130px}.producto-categoria{text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:8px;font-size:11px;font-weight:700}.producto-info-detalle h1{color:#151515;margin:0;font-size:29px;font-weight:700;line-height:1.2}.producto-precio{color:#123622;margin-top:13px;font-size:29px;font-weight:800}.producto-descripcion{border-top:1px solid #1236221f;margin-top:28px;padding-top:22px}.producto-descripcion h3{color:#222;margin:0 0 9px;font-size:15px}.producto-descripcion p{color:#555;margin:0;font-size:15px;line-height:1.65}.selector-producto{margin-top:27px}.selector-titulo{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.selector-titulo strong{color:#222;font-size:15px}.selector-titulo span{color:#777;font-size:14px}.opciones-producto{flex-wrap:wrap;gap:9px;display:flex}.opcion-producto{color:#333;cursor:pointer;background:#fff;border:1px solid #d1d1d1;border-radius:8px;min-width:58px;min-height:45px;padding:10px 17px;font-size:14px;font-weight:600;transition:all .15s}.opcion-producto:hover{border-color:#123622}.opcion-producto.seleccionada{color:#fff;background:#123622;border-color:#123622}.producto-stock{color:#555;align-items:center;gap:8px;margin-top:25px;font-size:13px;display:flex}.stock-punto{background:#123622;border-radius:50%;width:8px;height:8px}.producto-footer{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#f0ead2f0;border-top:1px solid #1236221a;position:fixed;bottom:0;left:0;right:0}.producto-boton-carrito{color:#fff;cursor:pointer;background:#123622;border:none;border-radius:10px;width:min(700px,100%);height:54px;margin:0 auto;font-size:16px;font-weight:700;transition:all .15s;display:block;box-shadow:0 5px 18px #12362233}.producto-boton-carrito:hover{transform:translateY(-1px)}.producto-boton-carrito:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=700px){.producto-detalle-header{height:58px;padding:0 13px}.producto-volver,.producto-cerrar{width:39px;height:39px}.producto-galeria{height:48vh;min-height:300px}.producto-info-detalle{padding:25px 18px 125px}.producto-info-detalle h1{font-size:25px}.producto-precio{font-size:27px}.galeria-flecha{width:40px;height:40px;font-size:27px}.galeria-anterior{left:10px}.galeria-siguiente{right:10px}.miniatura{flex-basis:60px;width:60px;height:60px}.producto-footer{padding-left:12px;padding-right:12px}}@media (width>=701px){.producto-overlay{justify-content:center;display:flex}.producto-detalle{width:100%;box-shadow:0 0 40px #0000001f}.producto-galeria{border-radius:0}}.imagen-ampliada-overlay{z-index:999999;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.imagen-ampliada{object-fit:contain;border-radius:8px;width:auto;max-width:95vw;height:auto;max-height:90vh}.imagen-ampliada-cerrar{color:#111;cursor:pointer;z-index:2;background:#fff;border:none;border-radius:50%;width:45px;height:45px;font-size:30px;line-height:1;position:absolute;top:15px;right:20px}.imagen-ampliada-flecha{color:#111;cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:10px;width:48px;height:60px;font-size:45px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.imagen-ampliada-flecha.izquierda{left:20px}.imagen-ampliada-flecha.derecha{right:20px}.imagen-ampliada-contador{color:#fff;background:#0009;border-radius:20px;padding:7px 14px;font-size:14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=600px){.imagen-ampliada{border-radius:0;max-width:100vw;max-height:85vh}.imagen-ampliada-flecha{width:40px;height:50px;font-size:36px}.imagen-ampliada-flecha.izquierda{left:8px}.imagen-ampliada-flecha.derecha{right:8px}}@media (width<=600px){.checkout-form{padding:18px}.checkout-grid{grid-template-columns:1fr}.checkout-campo-completo{grid-column:auto}.checkout-item{flex-direction:column;gap:4px}.checkout-total{font-size:17px}.checkout-exito{padding:35px 20px}}.checkout-detalle{max-width:720px}.checkout-form{padding:25px}.checkout-form h1{margin:0 0 8px}.checkout-subtitulo{opacity:.75;margin-top:0;margin-bottom:22px}.checkout-resumen{background:#f0ead2;border-radius:12px;margin-bottom:22px;padding:18px}.checkout-resumen>strong{margin-bottom:12px;display:block}.checkout-item{border-bottom:1px solid #1236221f;justify-content:space-between;gap:15px;padding:9px 0;font-size:14px;display:flex}.checkout-item:last-of-type{border-bottom:none}.checkout-total{border-top:2px solid #123622;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;font-size:18px;display:flex}.checkout-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checkout-grid label{flex-direction:column;gap:7px;font-weight:600;display:flex}.checkout-grid input{box-sizing:border-box;background:#fff;border:1px solid #12362240;border-radius:8px;outline:none;width:100%;padding:12px 13px;font-size:15px}.checkout-grid input:focus{border-color:#2f6b3f}.checkout-campo-completo{grid-column:1/-1}.checkout-error{color:#8b0000;background:#96000014;border-radius:8px;margin-top:18px;padding:12px 14px;font-size:14px}.checkout-boton{width:100%;margin-top:22px}.checkout-exito{text-align:center;padding:45px 25px}.checkout-exito-icono{color:#fff;background:#123622;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 18px;font-size:35px;font-weight:700;display:flex}.checkout-exito h1{margin-bottom:12px}.checkout-exito p{max-width:550px;margin:10px auto;line-height:1.5}.checkout-exito .producto-boton-carrito{margin-top:25px}@media (width<=600px){.checkout-form{padding:18px}.checkout-grid{grid-template-columns:1fr}.checkout-campo-completo{grid-column:auto}.checkout-item{flex-direction:column;gap:4px}.checkout-total{font-size:17px}.checkout-exito{padding:35px 20px}}