@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";.main-header-wrapper{position:sticky;top:0;width:100%;z-index:20;background:#f5e6d3eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-primary-muted);box-shadow:0 16px 32px #2d2a2614}.main-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo nav cart";align-items:center;column-gap:clamp(1.25rem,6vw,3.5rem);padding:clamp(.8rem,2.8vw,1.2rem) clamp(1.8rem,6.2vw,3.2rem);max-width:min(1060px,92vw);margin:0 auto}.main-header:after{content:"";position:absolute;inset:auto clamp(1rem,6vw,4rem) -1px clamp(1rem,6vw,4rem);height:1px;background:linear-gradient(90deg,transparent,rgba(160,82,45,.35),transparent);pointer-events:none}.recuadro-logo{grid-area:logo;display:inline-flex;align-items:center;justify-content:center;justify-self:start;width:max-content;padding:.35rem .6rem;border-radius:var(--radius-md);background:var(--color-background);border:1px solid rgba(217,179,130,.5);box-shadow:0 10px 18px #2d2a2614;transition:transform .2s ease;cursor:pointer;border-width:1px;color:inherit}.recuadro-logo:hover,.recuadro-logo:focus-visible{transform:translateY(-2px)}.logo{height:clamp(36px,7vw,54px);width:auto}.menu-navegacion{grid-area:nav;display:flex;align-items:center;justify-content:center;gap:clamp(1.25rem,4.5vw,2.4rem)}.menu-navegacion button{font-family:var(--font-sans);font-weight:600;font-size:.92rem;letter-spacing:.18em;color:var(--color-primary);padding:.15rem 0 .45rem;position:relative;background:none;border:none;text-transform:uppercase;cursor:pointer}.menu-navegacion button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.menu-navegacion button:hover:after,.menu-navegacion button:focus-visible:after,.menu-navegacion button.active:after{transform:scaleX(1)}.menu-navegacion button.active{color:var(--color-secondary)}.cart{grid-area:cart;justify-self:end;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:var(--radius-md);background:var(--color-background);border:1px solid rgba(160,82,45,.25);box-shadow:0 12px 18px #2d2a2614;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.cart:hover{transform:translateY(-2px);background:var(--color-surface-muted);box-shadow:0 16px 26px #2d2a261f}.icono-carro{width:clamp(26px,5vw,36px);height:clamp(22px,4vw,28px)}#cart-count{position:absolute;top:-18px;right:-10px;min-width:26px;height:26px;border-radius:50%;background:var(--color-accent);color:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 8px 16px #d4a43733}.cart-popup{position:absolute;top:calc(100% + .75rem);right:0;display:none;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 26px 40px #2d2a2629;border:1px solid rgba(217,179,130,.6);min-width:200px}.cart.open .cart-popup{display:flex}.popup-btn{width:100%;padding:.65rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-transform:uppercase;background:var(--color-primary);color:var(--color-surface);transition:background-color .2s ease}.popup-btn#clear-cart{background:var(--color-rose)}.popup-btn#checkout{background:var(--color-success)}.popup-btn:hover,.popup-btn:focus-visible{filter:brightness(.95)}@media (max-width: 960px){.main-header{grid-template-columns:auto 1fr auto;padding:.9rem clamp(1rem,5vw,2.2rem)}}@media (max-width: 720px){.main-header{grid-template-columns:1fr auto;grid-template-areas:"logo cart" "nav nav";row-gap:.75rem;align-items:center;padding:.75rem clamp(1rem,6vw,1.8rem) clamp(.9rem,6vw,2rem)}.recuadro-logo{justify-self:center}.menu-navegacion{width:100%;justify-content:center;gap:clamp(.5rem,5vw,1.5rem)}.menu-navegacion button{font-size:.8rem;letter-spacing:.14em}.cart{justify-self:end;padding:.45rem .75rem}#cart-count{min-width:22px;height:22px;font-size:.7rem}}#footer{display:flex;justify-content:center;background-color:#f5e6d3;width:100%;box-sizing:border-box;margin-top:2vh}.env-footer{display:flex;width:100%;max-width:100%;padding:3vh 4vw;justify-content:space-around;border:#a0522d solid 1px;border-radius:5px;background-color:#f5e6d3;box-sizing:border-box;gap:2vw}.env-footer:hover{background-color:#d4a53788;background:linear-gradient(0deg,#d4a5376e,#f5e6d3)}.destacado{font-size:150%;font-family:sans-serif;color:sienna}.sub{font-family:sans-serif;font-size:110%;color:sienna}.datos{font-family:sans-serif;font-size:100%;color:#000;text-decoration:none}.link-web{font-family:sans-serif;font-size:100%;color:sienna;text-decoration:none}@media (max-width: 768px){.env-footer{flex-direction:column;padding:4vh 6vw;gap:3vh;text-align:center}.env-footer>div{width:100%}.destacado{font-size:130%;margin-bottom:1vh}.sub{font-size:110%;margin-bottom:.5vh}.datos{font-size:100%;line-height:1.4;margin-bottom:.3vh}.link-web{font-size:100%;display:inline-block;margin:.2vh 0}}@media (max-width: 480px){.env-footer{padding:3vh 5vw;gap:2.5vh}.destacado{font-size:120%}.sub{font-size:105%}.datos,.link-web{font-size:95%}}html{font-size:16px}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:flex;max-width:100%}input,button,textarea,select{font:inherit}:root{--color-background: #f5e6d3;--color-background-alt: #f9f7f5;--color-surface: #ffffff;--color-surface-muted: #f0d2b8;--color-ink: #2d2a26;--color-text: #333333;--color-heading: #2d2a26;--color-primary: #a0522d;--color-primary-muted: rgba(160, 82, 45, .12);--color-secondary: #8c6239;--color-accent: #d4a437;--color-accent-soft: rgba(212, 164, 55, .18);--color-rose: #c47a6d;--color-success: #87a96b;--color-cream: #d9b382;--font-display: "Playfair Display", serif;--font-sans: "Inter", "Roboto", "Helvetica Neue", Arial, sans-serif;--size-container: min(1120px, 92vw);--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 3.5rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-soft: 0 10px 24px rgba(45, 42, 38, .08);--shadow-focus: 0 0 0 3px rgba(212, 164, 55, .25)}#root{min-height:100vh;display:flex;flex-direction:column}.page-shell{flex:1;display:flex;flex-direction:column;gap:0;padding:0}a{text-decoration:none;transition:color .2s ease,opacity .2s ease}a:hover,a:focus-visible{color:var(--color-primary)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-heading);letter-spacing:.015em}h1{font-size:clamp(2.1rem,4vw,3.2rem)}h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}h3{font-size:clamp(1.35rem,2.5vw,1.8rem)}p,li{font-family:var(--font-sans);color:var(--color-text)}section,.section{width:100%;padding:var(--spacing-lg) 0}.container,.section__content{width:var(--size-container);margin:0 auto}.surface{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.surface--muted{background:var(--color-background-alt);border:1px solid var(--color-primary-muted)}.section-title{text-transform:uppercase;font-size:.95rem;letter-spacing:.32em;color:var(--color-secondary);font-weight:600;margin-bottom:var(--spacing-xs)}.state-message{text-align:center;font-size:1rem;letter-spacing:.04em;color:var(--color-secondary);padding:var(--spacing-lg) 0}.state-error{color:var(--color-rose)}.section-heading{margin-bottom:var(--spacing-md)}.eyebrow{font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-secondary)}.text-muted{color:#2d2a26ad}.badge,.pill{display:inline-flex;align-items:center;gap:var(--spacing-xxs);padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-accent-soft);color:var(--color-primary)}.pill--success{background:#87a96b2e;color:var(--color-success)}.pill--rose{background:#c47a6d2e;color:var(--color-rose)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;padding:.75rem 1.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.06em}.btn:hover,.btn:focus-visible,button:hover,button:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-primary{background:var(--color-primary);color:var(--color-surface)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--color-secondary)}.btn-accent{background:var(--color-accent);color:var(--color-ink)}.btn-ghost{background:transparent;border-color:#a0522d66;color:var(--color-primary)}.btn-ghost:hover,.btn-ghost:focus-visible{background:#a0522d1a}.btn[disabled],button[disabled]{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(160,82,45,.3),transparent);margin:var(--spacing-lg) auto;width:var(--size-container)}footer{margin-top:auto;padding:var(--spacing-lg) 0;background:var(--color-background)}@media (max-width: 768px){.page-shell{padding-top:var(--spacing-lg);gap:var(--spacing-lg)}.container,.section__content{width:min(92vw,680px)}.surface{border-radius:var(--radius-md)}}.page-home{display:flex;flex-direction:column;gap:var(--spacing-xl)}.hero-banner{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:clamp(360px,72vh,560px);display:block;border-radius:var(--radius-lg);background:var(--color-primary) url(/assets/img/banners/fabrica-mueble.jpg) center/cover no-repeat;overflow:hidden;box-shadow:var(--shadow-soft)}.hero-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#14131159,#2d2a2626 45%,#d9b38214);transition:background .45s ease,opacity .45s ease;opacity:.85}.hero-banner:hover:after,.hero-banner:focus-within:after{opacity:1}.hero-banner__overlay{position:relative;min-height:clamp(360px,72vh,560px);padding:clamp(3rem,10vw,6rem) clamp(2.5rem,8vw,5.5rem);display:grid;place-items:center;text-align:center;color:var(--color-surface);gap:var(--spacing-sm);max-width:780px;margin:0 auto;opacity:0;visibility:hidden;transform:translateY(24px) scale(.98);transition:opacity .45s ease,transform .45s ease}.hero-banner:hover .hero-banner__overlay,.hero-banner:focus-within .hero-banner__overlay{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.hero-banner__quote-box{display:grid;gap:.75rem;padding:clamp(1.75rem,4vw,2.5rem) clamp(2.25rem,6vw,3.5rem);background:linear-gradient(90deg,#eee6d3d9,#d1bbb7cc);border-radius:var(--radius-lg);box-shadow:0 24px 52px #2d2a2659;border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(10px);transition:transform .45s ease,box-shadow .45s ease}.hero-banner:hover .hero-banner__quote-box,.hero-banner:focus-within .hero-banner__quote-box{transform:translateY(0);box-shadow:0 28px 60px #2d2a266b}.hero-banner__quote{font-weight:600;text-shadow:0 20px 30px rgba(0,0,0,.25);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.35}.hero-banner__author{font-size:1rem;letter-spacing:.42em;text-transform:uppercase;color:#1c150edb;font-weight:600}.subtitulo{display:inline-flex;align-items:center;justify-content:center;width:100%;text-transform:uppercase;letter-spacing:.4em;font-size:.9rem;color:var(--color-secondary)}.productos-destacados{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.productos-grid-destacados{width:var(--size-container);display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.productos-grid-destacados .card-producto{background:var(--color-surface);border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,2.25rem);box-shadow:var(--shadow-soft)}@media (max-width: 820px){.hero-banner{width:100vw;border-radius:0}.hero-banner__overlay{padding:clamp(2.75rem,11vw,4.25rem) clamp(2rem,8vw,4rem)}.productos-grid-destacados{width:min(92vw,680px)}}@media (max-width: 540px){.hero-banner__author{letter-spacing:.22em;font-size:.95rem}.productos-grid-destacados .card-producto{padding:clamp(1.1rem,6vw,1.6rem)}}@media (hover: none){.hero-banner__overlay{opacity:1;visibility:visible;transform:translateY(0)}.hero-banner:after{background:linear-gradient(110deg,#141311ad,#c47a6d8c,#d9b3828c);opacity:1}}:root{--burnt-sienna: #A0522D;--sage-green: #87A96B;--warm-alabaster: #F5E6D3;--goldenrod: #D4A437;--dusty-rose: #C47A6D;--charcoal: #2C2C2C;--soft-white: #FEFEFE;--light-gray: #F8F8F8;--brass-mate: #9C8B6E;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--radius-lg: 18px;--radius-md: 12px;--container: 1200px;--font-display: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-accent: "Space Grotesk", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--warm-alabaster);color:var(--charcoal);line-height:1.5}.containerProd{max-width:var(--container);margin:0 auto;padding:20px}.breadcrumbs{font-size:.85rem;color:#666;margin:12px 0 24px;display:flex;align-items:center;gap:12px}.breadcrumb-back{background:none;border:none;color:var(--burnt-sienna);font:inherit;padding:0;cursor:pointer}.breadcrumb-back:hover,.breadcrumb-back:focus-visible{text-decoration:underline}.product{display:grid;grid-template-columns:1fr;gap:26px;margin-bottom:40px}.gallery{display:flex;flex-direction:column;gap:16px}.gallery-container{overflow:hidden;border-radius:var(--radius-lg);border:2px solid var(--goldenrod);box-shadow:var(--shadow-md);transition:box-shadow .3s ease}.gallery-container:hover{box-shadow:var(--shadow-lg)}.gallery-media{width:100%;height:400px;object-fit:cover;background:var(--light-gray);transition:transform .3s ease;cursor:zoom-in;display:block;border:none}.gallery-media:hover{transform:scale(1.1)}.thumbs{display:flex;gap:12px;justify-content:center}.thumb{width:60px;height:60px;background:var(--light-gray);border-radius:var(--radius-md);cursor:pointer;border:2px solid transparent;border-color:var(--goldenrod);transition:border-color .2s ease}.thumb:hover{border-color:var(--sage-green)}.panel{display:flex;flex-direction:column;gap:20px}.title{font-family:var(--font-display);font-size:2rem;font-weight:600;margin:0;color:var(--charcoal)}.subtitle{font-size:.9rem;color:var(--brass-mate);margin:0;text-transform:uppercase;letter-spacing:.5px}.price-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.price{font-family:var(--font-accent);font-size:1.75rem;font-weight:600;color:var(--burnt-sienna)}.badge{padding:6px 12px;background:var(--sage-green);color:#fff;border-radius:20px;font-size:.8rem;font-weight:500}.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.quantity-selector{display:flex;align-items:center;gap:8px}.quantity-label{font-weight:500;color:var(--charcoal);font-size:.95rem}.quantity-input{width:60px;padding:8px 12px;border:2px solid var(--light-gray);border-radius:var(--radius-md);font-size:.95rem;font-weight:500;text-align:center;background:#fff;color:var(--charcoal);transition:border-color .2s ease}.quantity-input:focus{outline:none;border-color:var(--sage-green)}.quantity-input:hover{border-color:var(--sage-green)}.btn{padding:12px 24px;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:140px}.btn-primary{background:var(--burnt-sienna);color:#fff}.btn-primary:hover{background:#8b4513;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--charcoal);border-color:var(--light-gray)}.btn-outline:hover{border-color:var(--sage-green);color:var(--sage-green)}.btn-danger{background:var(--dusty-rose);color:#fff}.btn-danger:hover{background:#b56a5e;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--light-gray);color:var(--charcoal);border-color:var(--light-gray)}.btn-secondary:hover{background:#e0e0e0;border-color:#ccc}.admin-actions{margin-top:20px;padding-top:20px;border-top:1px solid var(--light-gray);display:flex;gap:12px;justify-content:flex-end}.btn-editar-producto{background:var(--sage-green);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;max-width:200px}.btn-editar-producto:hover{background:#76955d;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-editar-producto:active{transform:translateY(0)}.btn-eliminar-producto{background:#c47a6d;color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;max-width:200px}.btn-eliminar-producto:hover{background:#b56a5e;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-eliminar-producto:active{transform:translateY(0)}.delete-confirm-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-confirm-content{background:#fff;padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;width:100%;text-align:center}.delete-confirm-content p{font-size:1.1rem;margin-bottom:25px;color:var(--charcoal)}.delete-confirm-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.delete-confirm-buttons .btn{flex:1;min-width:120px}.divider{height:1px;background:var(--light-gray);margin:10px 0}.meta{display:flex;flex-direction:column;gap:12px}.meta-row{display:flex;align-items:flex-start;gap:12px}.dot{width:6px;height:6px;background:var(--sage-green);border-radius:50%;margin-top:8px;flex-shrink:0}.features{margin:0}.features-table{width:100%;border-collapse:collapse;border:1px solid var(--goldenrod);border-radius:var(--radius-md);overflow:hidden;background:var(--goldenrod);box-shadow:var(--shadow-sm)}.features-table tbody tr:not(:last-child){border-bottom:1px solid var(--goldenrod)}.feature-label{background:var(--warm-alabaster);padding:16px 20px;font-weight:600;font-size:.9rem;color:var(--burnt-sienna);text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--goldenrod);width:30%;vertical-align:middle}.feature-value{background:#fff;padding:16px 20px;color:var(--charcoal);font-size:.95rem;line-height:1.4;vertical-align:middle}.chip{padding:6px 12px;background:var(--light-gray);color:var(--charcoal);border-radius:16px;font-size:.8rem;font-weight:500}@media (max-width: 767px){.gallery-media{height:280px;object-fit:contain;background:#fff}.gallery-container{background:#fff}.cta{flex-direction:column;align-items:stretch}.quantity-selector{justify-content:center}.btn{width:100%}.gallery-media:hover{transform:none}}@media (min-width: 768px) and (max-width: 1024px){.gallery-media{height:350px;object-fit:contain;background:#fff}.gallery-container{background:#fff}.title{font-size:2.2rem}.cta{flex-wrap:nowrap}.quantity-selector{flex-direction:row}.product{grid-template-columns:1fr;gap:30px}}@media (min-width: 1025px) and (max-width: 1199px){.gallery-media{height:450px;object-fit:cover}.title{font-size:2.3rem}.cta{flex-wrap:nowrap}.quantity-selector{flex-direction:row}.product{grid-template-columns:1.1fr .9fr;gap:35px}}@media (min-width: 1200px){.container{padding:30px 20px}.gallery-media{height:550px;object-fit:cover}.title{font-size:2.5rem}.cta{flex-wrap:nowrap}.quantity-selector{flex-direction:row}.product{grid-template-columns:1.1fr .9fr;gap:40px}}input,textarea{width:100%;padding:15px;border:2px solid #F5E6D3;border-radius:10px;font-size:16px;transition:all .3s ease;background:#f5e6d3;color:#000;caret-color:#000}.success-message{display:none;text-align:center;padding:30px;background:#f5e6d3;border:1px solid #87A96B;border-radius:10px;color:sienna;margin-top:20px;animation:slideIn .5s ease}.catalogo-page{width:var(--size-container);margin:0 auto;display:grid;gap:var(--spacing-lg);padding:var(--spacing-lg) 0 var(--spacing-xl)}.catalogo-page__search{width:var(--size-container);margin:0 auto;display:grid;gap:var(--spacing-xxs)}.catalogo-page__search-label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#2d2a26a6}.catalogo-page__search-input{padding:.85rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--color-primary-muted);background-color:#ffffffe0;box-shadow:0 8px 18px #2d2a260f;transition:border-color .2s ease,box-shadow .2s ease}.catalogo-page__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.catalogo-page__header{display:grid;gap:var(--spacing-xs);justify-items:center;text-align:center}.catalogo-page__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:#2d2a268c;font-size:.8rem;font-weight:600}.catalogo-page__title{text-transform:uppercase;letter-spacing:.38em;font-size:clamp(1.6rem,4vw,2.3rem);font-family:var(--font-display);color:var(--color-primary)}.catalogo{width:100%;display:grid;gap:var(--spacing-lg)}.catalogo .state-message{grid-column:1 / -1}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,4vw,2.5rem)}.card-producto{position:relative;display:grid;gap:var(--spacing-sm);padding:clamp(1.5rem,4vw,2.2rem);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(217,179,130,.6);box-shadow:var(--shadow-soft);transition:transform .24s ease,box-shadow .24s ease;overflow:hidden;cursor:pointer}.card-producto:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(212,164,55,.12) 0%,transparent 40%);opacity:0;transition:opacity .24s ease}.card-producto:hover,.card-producto:focus-visible{transform:translateY(-6px);box-shadow:0 28px 42px #2d2a2629}.card-producto:hover:after,.card-producto:focus-visible:after{opacity:1}.card-producto:focus-visible{outline:3px solid rgba(212,164,55,.45);outline-offset:4px}.img-producto{width:100%;max-width:260px;justify-self:center;object-fit:contain;aspect-ratio:1;transition:transform .24s ease}.card-producto:hover .img-producto,.card-producto:focus-visible .img-producto{transform:scale(1.05)}.nombre-producto{font-family:var(--font-display);font-size:1.1rem;color:var(--color-heading);text-align:center}.precio-producto{text-align:center;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--color-secondary)}.btn-detalles{justify-self:center;margin-top:var(--spacing-sm);padding:.65rem 1.4rem;border-radius:var(--radius-md);border:1px solid rgba(160,82,45,.35);background:#a0522d14;color:var(--color-primary);letter-spacing:.28em;font-size:.7rem;font-weight:600;transition:background-color .2s ease,border-color .2s ease}.btn-detalles:hover,.btn-detalles:focus-visible{background:var(--color-accent);color:var(--color-ink);border-color:var(--color-accent)}.add-product-card{border:2px dashed rgba(217,179,130,.6);background:#ffffff80}.add-product-card:hover,.add-product-card:focus-visible{border-color:var(--color-accent);background:#d4a43714}.add-product-icon{width:100%;max-width:260px;height:260px;display:flex;align-items:center;justify-content:center;justify-self:center;color:var(--sage-green);transition:transform .24s ease,color .24s ease}.add-product-card:hover .add-product-icon,.add-product-card:focus-visible .add-product-icon{transform:scale(1.05);color:var(--color-accent)}@media (max-width: 768px){.catalogo-page{width:min(92vw,700px);gap:var(--spacing-md)}}@media (max-width: 540px){.catalogo-page,.grid-container{width:min(92vw,480px)}.btn-detalles{letter-spacing:.18em}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,sienna,#87a96b);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:500px;position:relative;overflow:hidden}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,sienna,#d4a437)}h1{text-align:center;color:sienna;margin-bottom:10px;font-size:2.5em;font-weight:400;font-family:Playfair Display,Georgia,serif;text-transform:uppercase;letter-spacing:.1em}.form-section{margin-top:40px;padding-top:30px;border-top:2px solid #f5e6d3}.form-section h2{color:sienna;font-size:1.5em;font-weight:500;margin-bottom:8px;font-family:Inter,sans-serif;text-transform:none;letter-spacing:normal;text-align:left}.section-description{color:#666;font-size:.9em;margin-bottom:20px;font-style:italic}.subtitle{text-align:center;color:sienna;margin-bottom:30px;font-size:1.1em;line-height:1.6;font-weight:300;letter-spacing:.02em}.form-group{margin-bottom:25px;position:relative}label{display:block;margin-bottom:8px;color:sienna;font-weight:500;font-size:.95em}input,textarea{width:100%;padding:15px;border:2px solid #f5e6d3;border-radius:10px;font-size:16px;transition:all .3s ease;background:#f5e6d3;color:#000;caret-color:#000}input:focus,textarea:focus{outline:none;border-color:#87a96b;background:#fff;box-shadow:0 0 0 3px #87a96b33;color:#000}textarea{resize:vertical;min-height:120px;font-family:inherit}.error{color:#c47a6d;font-size:.85em;margin-top:5px;display:none;animation:fadeIn .3s ease}.error.show{display:block}.input-error{border-color:#c47a6d!important;background:#f5e6d3!important}.btn{width:100%;padding:15px;background:linear-gradient(135deg,sienna,#d4a437);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.08em}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #a0522d4d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-message{display:none;text-align:center;padding:30px;background:#f5e6d3;border:1px solid #87a96b;border-radius:10px;color:sienna;margin-top:20px;animation:slideIn .5s ease}.success-message.show{display:block}.success-icon{font-size:3em;margin-bottom:15px;color:#87a96b}.form-container{transition:opacity .3s ease,transform .3s ease,max-height .3s ease;overflow:hidden;max-height:2000px}.form-container.hidden{opacity:0;transform:translateY(-20px);max-height:0;margin:0;padding-top:0;padding-bottom:0;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{display:none;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.btn.loading .loading{display:inline-block}.btn.loading span{display:none}input::placeholder,textarea::placeholder{color:#666}@media (max-width: 600px){.container{padding:30px 20px;margin:10px}h1{font-size:2em}}html,body,#root{height:100%}body{margin:0;background-color:#f5e6d3!important;background-image:none!important;display:block!important;padding:0!important}.container-global{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5e6d3;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{margin:0 auto;max-width:500px;width:100%}.features-section{margin-top:30px;padding:20px;background:#f5e6d3;border-radius:10px;border:2px solid #d4a437}.features-section h3{color:sienna;font-size:1.3em;margin-bottom:15px;font-weight:500;text-align:center}.add-feature-section{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:8px;border:2px dashed #d4a437;display:flex;gap:10px;align-items:center}.add-feature{display:flex;gap:10px;margin-bottom:20px}.feature-select{flex:1;padding:12px;border:2px solid #d4a437;border-radius:8px;font-size:15px;background:#fff;color:#333;cursor:pointer;transition:all .3s ease}.feature-select:focus{outline:none;border-color:#87a96b;box-shadow:0 0 0 3px #87a96b33}.btn-add-feature{padding:12px 20px;background:#87a96b;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-add-feature:hover:not(:disabled){background:#6d8a55;transform:translateY(-2px);box-shadow:0 5px 15px #87a96b4d}.btn-add-feature:disabled{opacity:.5;cursor:not-allowed}.features-list{display:flex;flex-direction:column;gap:15px}.feature-item{background:#fff;padding:15px;border-radius:8px;border:1px solid #d4a437}.feature-item label{display:block;margin-bottom:8px;color:sienna;font-weight:500;font-size:.9em}.feature-group{background:#fafafa;padding:15px;border-radius:8px;margin-bottom:15px;border:1px solid #f5e6d3}.feature-group label{color:sienna;font-weight:500;font-size:.95em;margin-bottom:8px}.feature-input-group{display:flex;gap:8px}.feature-input-group input{flex:1;padding:10px;border:2px solid #f5e6d3;border-radius:6px;font-size:14px;background:#f5e6d3;color:#000}.feature-input-group input:focus{border-color:#87a96b;background:#fff;outline:none}.btn-remove-feature{width:36px;height:36px;background:#c47a6d;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-remove-feature:hover{background:#a35a4d;transform:scale(1.05)}.features-list:empty:before{content:"No hay features agregadas aún.";display:block;text-align:center;color:#999;font-style:italic;padding:20px}button[type=submit]{margin-top:30px}.form-actions{margin-top:30px;display:flex;gap:12px;justify-content:flex-end}.form-actions .btn-primary{background:linear-gradient(135deg,#87a96b,#76955d);color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 15px #87a96b4d}.form-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #87a96b66;background:linear-gradient(135deg,#76955d,#658a4f)}.form-actions .btn-primary:active{transform:translateY(0)}.form-actions .btn-secondary{background:#999;color:#fff;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:500;font-size:1.05rem;transition:all .3s ease}.form-actions .btn-secondary:hover{background:#777;transform:translateY(-2px)}.form-actions .btn-secondary:active{transform:translateY(0)}