*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1;width:100%;padding:1rem}:root{--color-siena-tostado: #A0522D;--color-verde-salvia: #87A96B;--color-alabastro-calido: #F5E6D3;--color-vara-de-oro: #D4A437;--color-rosa-polvoriento: #C47A6D;--color-blanco: #ffffff;--color-negro: #111111;--color-gris-100: #f6f3f0;--color-gris-700: #6b6b6b;--ff-primary: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ff-secondary: "Playfair Display", Georgia, "Times New Roman", serif;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--font-size-base: 16px;--line-height-base: 1.6;--tracking-title: .1em;--tracking-cta: .08em;--tracking-legend: .02em}html{font-size:var(--font-size-base);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,#root{height:100%;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem 0;width:100%}nav{display:flex;flex-direction:column;align-items:center;background-color:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;margin:0 auto;padding:.5rem 1rem;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}nav a img{display:block;height:3em;width:auto;margin:0 auto}nav h2{font-family:var(--ff-secondary);font-weight:var(--fw-bold);color:var(--color-siena-tostado);text-align:center;margin:.5rem 0;letter-spacing:var(--tracking-title);text-transform:uppercase;font-size:1.3rem;margin-left:0}nav ul{display:flex;flex-direction:column;font-weight:400;list-style:none;gap:.5em;align-items:center;margin:0;padding:0}nav li a{text-decoration:none;color:sienna;font-family:sans-serif;font-size:1rem;padding:.3em .7em;border-radius:6px;transition:background .18s}nav li a:hover{background:var(--color-alabastro-calido)}@media (min-width: 600px){nav{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 2rem}nav a img{height:3.5em;margin:0}nav h2{font-size:1.7rem;margin-left:1.5rem;margin-bottom:0;text-align:center;margin-left:300px}nav ul{flex-direction:row;gap:2em;margin-right:0;align-items:center}}footer{display:flex;flex-direction:column;align-items:center;padding:2em 1em 1em;background:#ffffffd9;color:sienna;text-align:center;box-shadow:0 -2px 12px #a0522d12;border-top:1px solid #f5e6d3;font-family:var(--ff-primary, sans-serif)}footer ul{list-style:none;padding:0;margin:0 0 1em;display:flex;flex-direction:column;gap:.7em;font-size:1em}footer ul li{display:flex;align-items:center;gap:.5em;opacity:.85;transition:opacity .18s}footer ul li:hover{opacity:1}footer ul li:before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-right:.3em;background-size:contain;background-repeat:no-repeat}footer p{font-size:.9em;margin:0;max-width:600px;opacity:.7;line-height:1.5}@media (min-width: 768px){footer ul{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:2.5rem}footer{padding:2em 2em 1em}}.ProductPage{display:flex;min-height:100vh;padding:2rem 0;flex-direction:column}.inputBuscar{width:100%;max-width:420px;padding:.85rem 1rem .85rem 2.7rem;font-size:1.08rem;border:1.5px solid var(--color-alabastro-calido);border-radius:12px;margin:0 auto 2.2rem;box-shadow:0 4px 18px #a0522d12;transition:border-color .25s,box-shadow .25s;background:var(--color-blanco) url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' stroke='%23A0522D' stroke-width='2' viewBox='0 0 20 20'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cline x1='15' y1='15' x2='19' y2='19'/%3E%3C/svg%3E") no-repeat 1rem center}.inputBuscar:focus{border-color:var(--color-siena-tostado);box-shadow:0 6px 24px #a0522d21;outline:none}.PageTitulo{font-family:var(--ff-secondary);font-size:1.3rem;font-weight:var(--fw-bold);color:var(--color-siena-tostado);text-align:center;margin-bottom:.7rem;letter-spacing:var(--tracking-title);text-transform:uppercase;position:relative}.PageTitulo:after{content:"";display:block;width:60px;height:4px;margin:.5rem auto 1.2rem;border-radius:2px;opacity:.7}.product-grid{display:grid;gap:1rem;grid-template-columns:1fr;padding:1rem;align-items:start;max-width:1200px;margin:0 auto}.product-card{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:16px;padding:1rem;background:var(--color-blanco);position:relative;overflow:hidden;box-shadow:0 2px 8px #0a0a0a0d;border:1px solid rgba(10,10,10,.03);transition:box-shadow .25s ease,transform .25s ease}.product-card:hover{box-shadow:0 8px 20px #0a0a0a1a;transform:translateY(-3px)}.product-card:before{content:"";position:absolute;top:40%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--color-alabastro-calido) 0%,transparent 70%);z-index:0;opacity:.5;filter:blur(18px)}.card-image{width:200px;height:180px;object-fit:contain;margin-bottom:.75rem;position:relative;z-index:1}.card-body{width:100%;position:relative;z-index:1}.product-card .title{font-family:var(--ff-primary);font-size:1.1rem;font-weight:var(--fw-bold);color:var(--color-siena-tostado);margin:.5rem 0;letter-spacing:var(--tracking-cta);text-transform:uppercase}.product-card .descripcion{font-family:var(--ff-primary);font-size:.95rem;color:var(--color-gris-700);margin-top:1rem;margin-bottom:1rem;line-height:1.4}.product-card .boton{background-color:var(--color-siena-tostado);color:var(--color-blanco);font-family:var(--ff-primary);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-cta);padding:.8rem 1.5rem;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%;max-width:220px}.product-card .boton:hover{background-color:var(--color-vara-de-oro);box-shadow:0 6px 18px #d4a43740}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1rem 1.25rem}.card-image{width:200px;height:150px}.product-card:before{width:340px;height:340px}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem}.card-image{width:320px;height:260px}.product-card:before{width:380px;height:380px}.PageTitulo{font-size:2.2rem}.product-card .title{font-size:1.2rem}.product-card .descripcion{font-size:1rem}}.modal-eliminar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e1e1e73;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInBg .25s}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.modal-eliminar{background:var(--color-blanco, #fff);border-radius:18px;box-shadow:0 12px 40px #a0522d2e,0 2px 8px #0000001a;padding:1.5rem 1rem 1.2rem;width:92vw;max-width:430px;text-align:center;position:relative;animation:modalPopIn .28s cubic-bezier(.42,0,.58,1)}@media (min-width: 480px){.modal-eliminar{padding:2.2rem 2.7rem 2rem;max-width:500px}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-eliminar h2{margin-bottom:1.1rem;color:var(--color-siena-tostado, #a0522d);font-size:1.35rem;font-family:var(--ff-secondary, serif);font-weight:700;letter-spacing:var(--tracking-title, .1em);line-height:1.2;word-break:break-word}@media (min-width: 480px){.modal-eliminar h2{font-size:1.6rem}}.modal-eliminar p{margin-bottom:2rem;color:#333;font-size:1.08rem;font-family:var(--ff-primary, sans-serif)}.modal-eliminar-botones{display:flex;flex-direction:column;gap:.8rem}@media (min-width: 480px){.modal-eliminar-botones{flex-direction:row;gap:1.2rem}}.modal-eliminar .cancelar,.modal-eliminar .eliminar{flex:1;padding:.8rem 0;border:none;border-radius:9px;font-size:1.08rem;font-family:var(--ff-primary, inherit);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;font-weight:500;box-shadow:0 2px 8px #a0522d0f}.modal-eliminar .cancelar{background:#f3f3f3;color:#444;border:1px solid #e0e0e0}.modal-eliminar .cancelar:hover{background:#e0e0e0;color:sienna;border-color:#d4a437}.modal-eliminar .eliminar{background:#a32424;color:#fff;border:1px solid #a32424;font-weight:600;letter-spacing:var(--tracking-cta, .08em)}.modal-eliminar .eliminar:hover{background:#c0392b;border-color:#c0392b;box-shadow:0 4px 18px #e6393921}.Detalle{display:flex;align-items:flex-start;flex-direction:column;gap:2rem;max-width:1200px;margin:2rem auto;padding:2rem;background:#fff;border-radius:16px}.acciones{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto 1rem}.btnCarrito,.btnEliminar{display:block;width:200px;max-width:300px;margin:2.5rem auto 0;background-color:var(--color-siena-tostado);color:var(--color-blanco);border:none;padding:.8rem 0;border-radius:10px;cursor:pointer;font-size:1.1rem;font-family:var(--ff-primary);font-weight:var(--fw-medium);letter-spacing:var(--tracking-cta);box-shadow:0 4px 18px #a0522d1a;transition:background-color .22s,box-shadow .22s,transform .18s;text-align:center}.btnCarrito:hover{background-color:var(--color-vara-de-oro);box-shadow:0 8px 32px #d4a4372e}.btnEliminar{background-color:#9c1b1b}.btnEliminar:hover{background-color:#a32424;box-shadow:0 8px 32px #e639392e}.btnVolver{background-color:var(--color-siena-tostado );color:var(--color-blanco);border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .25s ease}.Detalle .imagen img{max-width:500px;width:100%;height:auto}.imagen{display:flex;justify-content:center;align-items:center;flex:1;position:relative;z-index:1;transition:transform .25s ease}.imagen:hover{position:relative;z-index:1;transform:translateY(-3px)}.Detalle:before{content:"";position:absolute;top:40%;left:50%;width:500px;height:500px;transform:translate(-50%,-30%);border-radius:50%;background:radial-gradient(circle,var(--color-vara-de-oro) 0%,transparent .7rem);z-index:0;opacity:.5;filter:blur(18px)}.Detalle .descripcion{flex:1;flex-direction:column;justify-content:center;align-items:center}.Detalle .descripcion .titulo{font-size:2rem;color:#8a3d1a;margin-bottom:1rem;font-weight:700}.Detalle .descripcion>p{font-size:1rem;color:#444;margin-bottom:2rem;line-height:1.6}.Detalle .detalles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.Detalle .detalles h3{font-size:1rem;font-weight:600;color:#333;margin-bottom:.25rem}.Detalle .detalles p{font-size:.95rem;color:#666;margin:0}@media (min-width: 768px){.Detalle{flex-direction:row;gap:3rem}.Detalle .descripcion{align-items:flex-start}.Detalle .descripcion .titulo{font-size:2.5rem}.imagen{max-width:600px;z-index:1;transition:transform .25s ease}.acciones{flex-direction:row;gap:1rem}.Detalle .descripcion>p{font-size:1.1rem}.Detalle:before{top:40%;left:40%;width:500px;height:500px;transform:translate(-50%,-30%);border-radius:50%;background:radial-gradient(circle,var(--color-vara-de-oro) 0%,transparent .7rem);z-index:0}.descripcion{margin-top:130px}}.ContactForm{max-width:600px;margin:2rem auto;padding:2rem;background:var(--color-blanco);border-radius:16px;box-shadow:0 2px 12px #a0522d12;border:1px solid var(--color-alabastro-calido)}.ContactForm-titulo{font-family:var(--ff-secondary);font-size:1.8rem;font-weight:var(--fw-bold);color:var(--color-siena-tostado);text-align:center;margin-bottom:1.5rem;letter-spacing:var(--tracking-title);text-transform:uppercase}.formulario{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-family:var(--ff-primary);font-weight:var(--fw-medium);color:var(--color-siena-tostado);margin-bottom:.5rem;font-size:1rem}.form-group input,.form-group textarea{padding:.85rem 1rem;border:1.5px solid var(--color-alabastro-calido);border-radius:8px;font-family:var(--ff-primary);font-size:1rem;transition:border-color .25s,box-shadow .25s;background:var(--color-blanco)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-siena-tostado);box-shadow:0 4px 18px #a0522d21;outline:none}.boton.enviar{background-color:var(--color-siena-tostado);color:var(--color-blanco);font-family:var(--ff-primary);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-cta);padding:.9rem 2rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .25s ease,transform .2s ease;width:100%;margin-top:.5rem}.boton.enviar:hover{background-color:var(--color-vara-de-oro);transform:translateY(-2px)}.success-message{background-color:var(--color-verde-salvia);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:var(--fw-medium)}@media (min-width: 768px){.ContactForm{padding:2.5rem;margin:3rem auto}.ContactForm-titulo{font-size:2.2rem}}.crear-producto-page{max-width:100%;margin:2rem auto;padding:0 2rem;background:#f8f9fa;min-height:100vh;border-radius:30px}.btnVolver{background-color:var(--color-siena-tostado);color:var(--color-blanco);border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .25s ease;margin-bottom:2rem}.btnVolver:hover{background-color:var(--color-vara-de-oro)}.formulario-seccion{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:3rem;margin-top:20px;position:relative;box-shadow:0 4px 18px #a0522d1a;border:1px solid #f0f0f0}.formulario-seccion:before{content:"";position:absolute;top:30%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--color-vara-de-oro) 0%,transparent .7rem);z-index:0;opacity:.2;filter:blur(18px)}.titulo{font-size:2.2rem;color:#8a3d1a;margin-bottom:2.5rem;font-weight:700;text-align:center;position:relative;z-index:1;padding-bottom:.5rem;border-bottom:3px solid var(--color-vara-de-oro);display:inline-block;width:100%}.campos-grupo{position:relative;z-index:1}.formulario{display:flex;flex-direction:column;gap:2rem}.campo{display:flex;flex-direction:column;gap:.7rem}.campo label{font-size:1rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.5rem}.campo label:after{content:"*";color:var(--color-siena-tostado);font-weight:700;display:none}.campo:has(input[required]) label:after,.campo:has(textarea[required]) label:after{display:inline}.campo input,.campo textarea{padding:1rem;border:2px solid #e8e8e8;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .25s ease;background:#fff;box-shadow:0 2px 4px #0000000d}.input-file{padding:.8rem!important;background:#f9f9f9!important;cursor:pointer;border-style:dashed!important}.input-file:hover{background:#f0f0f0!important;border-color:var(--color-siena-tostado)!important}.file-info{font-size:.8rem;color:#666;font-style:italic;margin-top:.25rem;display:block}.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--color-siena-tostado);box-shadow:0 0 0 4px #a0522d1a,0 4px 12px #0000001a;transform:translateY(-2px)}.campo textarea{resize:vertical;min-height:100px;line-height:1.5}.campos-fila{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.preview-imagen{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f9f9f9,#f0f0f0);border-radius:12px;border:2px dashed #ddd;text-align:center;transition:all .25s ease}.preview-imagen:hover{border-color:var(--color-siena-tostado);background:linear-gradient(135deg,#faf9f7,#f5f2ee)}.preview-imagen p{margin:0;font-weight:600;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.preview-imagen img{max-width:200px;max-height:200px;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px #00000026;margin:0 auto;transition:transform .25s ease}.preview-imagen img:hover{transform:scale(1.05)}.btnCrear{width:100%;max-width:400px;margin:2rem auto 0;background:linear-gradient(135deg,var(--color-siena-tostado) 0%,#8b4513 100%);color:var(--color-blanco);border:none;padding:1rem 0;border-radius:12px;cursor:pointer;font-size:1.1rem;font-family:var(--ff-primary);font-weight:700;letter-spacing:var(--tracking-cta);box-shadow:0 6px 20px #a0522d4d;transition:all .25s ease;text-align:center;text-transform:uppercase;position:relative;overflow:hidden}.btnCrear:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btnCrear:hover:not(:disabled){background:linear-gradient(135deg,var(--color-vara-de-oro) 0%,#b8941f 100%);box-shadow:0 8px 25px #d4a43766;transform:translateY(-3px)}.btnCrear:hover:not(:disabled):before{left:100%}.btnCrear:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#ccc;box-shadow:none}.mensaje-exito{padding:1.2rem;background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb;border-radius:12px;text-align:center;font-weight:600;margin-bottom:1.5rem;box-shadow:0 4px 12px #1557241a;position:relative}.mensaje-exito:before{content:"✓";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;font-weight:700;color:#155724}.mensaje-error{padding:1.2rem;background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb;border-radius:12px;text-align:center;font-weight:600;margin-bottom:1.5rem;box-shadow:0 4px 12px #721c241a;position:relative}.mensaje-error:before{content:"⚠";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;font-weight:700;color:#721c24}.productos-seccion{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 18px #a0522d1a;margin-top:1rem}.subtitulo{font-size:1.5rem;color:#8a3d1a;margin-bottom:2rem;font-weight:700;text-align:center;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.loading,.sin-productos{text-align:center;padding:3rem 2rem;color:#666;font-size:1.1rem;background:#f9f9f9;border-radius:12px;border:2px dashed #ddd}.productos-lista{display:grid;gap:1.5rem;margin-top:1rem}.producto-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid #e8e8e8;border-radius:12px;transition:all .25s ease;background:#fff;position:relative;overflow:hidden}.producto-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-siena-tostado);opacity:0;transition:opacity .25s ease}.producto-item:hover{box-shadow:0 8px 25px #a0522d1f;transform:translateY(-3px);border-color:var(--color-siena-tostado)}.producto-item:hover:before{opacity:1}.producto-imagen{flex-shrink:0;width:100px;height:100px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#ebebeb);display:flex;align-items:center;justify-content:center;border:2px solid #f0f0f0;transition:transform .25s ease}.producto-item:hover .producto-imagen{transform:scale(1.05)}.producto-imagen img{width:100%;height:100%;object-fit:cover}.sin-imagen{color:#bbb;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;text-align:center}.producto-info{flex:1;min-width:0;padding-right:1rem}.producto-nombre{font-size:1.2rem;font-weight:700;color:#333;margin:0 0 .5rem;line-height:1.3}.producto-descripcion{font-size:.95rem;color:#666;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.producto-detalles{display:flex;gap:1.5rem;font-size:.9rem;align-items:center}.precio{font-weight:700;color:var(--color-siena-tostado);font-size:1.1rem;background:#a0522d1a;padding:.3rem .8rem;border-radius:6px}.stock{color:#666;background:#f8f9fa;padding:.3rem .8rem;border-radius:6px;font-weight:500}.producto-acciones{display:flex;gap:.75rem;flex-shrink:0;align-items:center}.btnVer,.btnEliminar{padding:.45rem .9rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:all .2s ease;min-width:30%;height:40%;display:flex;align-items:center;justify-content:center}.btnVer,.btnEliminar{padding:.45rem .9rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:all .2s ease;min-width:30%;display:flex;align-items:center;justify-content:center}.btnVer{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 2px 6px #007bff40;margin-top:39px}.btnVer:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 10px #007bff59}.btnEliminar{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 6px #dc354540;width:50px}.btnEliminar:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #dc354566}.btnVer svg,.btnEliminar svg{width:18px;height:18px;display:block}@media (max-width: 768px){.crear-producto-page{margin:1rem;padding:0 1rem}.formulario-seccion,.productos-seccion{padding:1rem}.titulo{font-size:1.5rem}.subtitulo{font-size:1.2rem}.campos-fila{grid-template-columns:1fr}.formulario-seccion:before{width:300px;height:300px}.producto-item{flex-direction:column;text-align:center}.producto-imagen{width:100px;height:100px}.producto-info{text-align:center}.producto-acciones{width:100%;justify-content:center}.btnVer,.btnEliminar{flex:1;max-width:120px}}