@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;700;800&family=Bebas+Neue&display=swap";html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{text-rendering:optimizespeed;background-color:var(--bg-color);min-height:100dvh;color:var(--text-color);background-image:linear-gradient(#000000a6,#000000a6),url(./bg-bamboo-BGSJlN4-.webp);background-position:50%;background-size:cover;width:100%;position:relative;overflow-x:hidden}@media (width<=768px){body{background-attachment:scroll}}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{font-family:var(--font-primary);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}.section-title{font-family:var(--font-display);letter-spacing:2px;color:var(--color-white);text-shadow:0 2px 10px #0009,0 0 30px #e6001226;margin-bottom:var(--spacing-md);font-size:3rem}@media (width<=768px){.section-title{font-size:2.2rem}}.app-wrapper{flex-direction:column;width:100%;max-width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.main-content{padding:var(--spacing-2xl) 0;flex-grow:1}.container{width:100%;max-width:1200px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);box-sizing:border-box;margin-left:auto;margin-right:auto}@media (width>=768px){.container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.header{z-index:100;background:color-mix(in srgb, var(--bg-color) 80%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;display:flex;position:relative}.header__logo{z-index:101;align-items:center;text-decoration:none;display:flex}.header__logo .header__logo-img{width:auto;height:48px;display:block}.header__toggle{cursor:pointer;z-index:101;padding:var(--spacing-sm);background:0 0;border:none;flex-direction:column;gap:5px;display:flex}.header__toggle .hamburger-line{background-color:var(--text-color);border-radius:var(--radius-pill);width:25px;height:3px;transition:all .3s}@media (width>=768px){.header__toggle{display:none}}.header__nav{align-items:center;gap:var(--spacing-lg);display:flex}@media (width<=767px){.header__nav{background-color:var(--bg-color);padding:var(--spacing-xl) var(--spacing-md);border-top:1px solid var(--border-color);opacity:0;visibility:hidden;flex-direction:column;transition:all .3s ease-in-out;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px);box-shadow:0 10px 15px #0000001a}.header__nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}}.header__link{color:var(--text-color);font-weight:500;font-family:var(--font-heading);transition:color .2s}.header__link:hover{color:var(--color-primary)}.footer{background:color-mix(in srgb, var(--bg-color-alt) 80%, transparent);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;margin-top:auto}.footer__inner{gap:var(--spacing-xl);flex-direction:column;display:flex}.footer__brand{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-xl);border-bottom:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.footer__logo{border-radius:var(--radius-md);object-fit:cover;width:64px;height:64px}.footer__name{font-family:var(--font-display);letter-spacing:2px;color:var(--color-white);font-size:1.8rem}.footer__info{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.footer__info{gap:var(--spacing-lg);grid-template-columns:1fr}}.footer__section-title{font-family:var(--font-heading);color:var(--color-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:700}.footer__item{align-items:center;gap:var(--spacing-sm);color:var(--text-color-muted);margin-bottom:var(--spacing-sm);font-size:.9rem;display:flex}.footer__item a{color:var(--text-color-muted);transition:color .2s}.footer__item a:hover{color:var(--color-secondary)}.footer__bottom{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg);text-align:center;color:var(--text-color-muted);font-size:.85rem}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn--primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #e600124d}.btn--primary:hover{background-color:color-mix(in srgb, var(--color-primary) 90%, black);transform:translateY(-2px);box-shadow:0 6px 20px #e6001266}.btn--primary:active{transform:translateY(1px)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-black);box-shadow:0 4px 14px #ffc4004d}.btn--secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc40066}.btn--large{padding:var(--spacing-md) var(--spacing-2xl);letter-spacing:1px;font-size:1.15rem}.card{background:color-mix(in srgb, var(--bg-color-alt) 70%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid #ffffff14;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.card:hover{border-color:#e600124d;transform:translateY(-8px);box-shadow:0 12px 32px #0000004d}.card__image-wrapper{aspect-ratio:3/2;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card__badge{top:var(--spacing-sm);left:var(--spacing-sm);font-family:var(--font-heading);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;z-index:2;padding:2px 10px;font-size:.75rem;font-weight:700;position:absolute}.card__badge--popular{background:var(--color-primary);color:var(--color-white)}.card__badge--recomendado{background:var(--color-accent);color:var(--color-white)}.card__badge--premium{color:var(--color-black);background:linear-gradient(135deg,#ffc400,#e60012)}.card__badge--pieces{left:auto;right:var(--spacing-sm);background:var(--color-primary);color:var(--color-white)}.card__variant-hint{color:var(--color-secondary);margin-bottom:var(--spacing-md);font-size:.8rem}.card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .card__image{transform:scale(1.1)}.card__content{padding:var(--spacing-lg);flex-direction:column;flex-grow:1;display:flex}.card__title{margin-bottom:var(--spacing-xs);color:var(--text-color);font-size:1.25rem}.card__desc{color:var(--text-color-muted);margin-bottom:var(--spacing-lg);flex-grow:1;font-size:.9rem}.card__footer{padding-top:var(--spacing-md);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.card__price{font-family:var(--font-display);letter-spacing:1px;background-color:var(--color-secondary);color:var(--color-black);border-radius:var(--radius-pill);padding:4px 14px;font-size:1.4rem;line-height:1}.catalog__tabs{gap:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-sm);max-width:100%;display:flex;overflow:auto hidden}.catalog__tabs::-webkit-scrollbar{display:none}.catalog__tab{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-color-muted);font-family:var(--font-heading);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;flex-shrink:0;font-size:1rem;font-weight:500;transition:all .25s}.catalog__tab:hover{color:var(--color-secondary);background:#ffffff0d}.catalog__tab--active{color:var(--color-secondary);border-bottom-color:var(--color-primary)}@media (width<=767px){.catalog__tabs{display:none}}.catalog__filter-mobile{width:100%;margin-bottom:var(--spacing-lg)}@media (width>=768px){.catalog__filter-mobile{display:none}}.catalog__select{appearance:none;background-color:color-mix(in srgb, var(--bg-color-alt) 80%, transparent);width:100%;color:var(--color-white);font-family:var(--font-heading);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 1rem top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em,100%;border:1px solid #ffffff1a;outline:none;font-size:1.1rem;font-weight:500;box-shadow:0 4px 12px #0003}.catalog__select:focus{border-color:var(--color-primary)}.catalog__select option{background-color:var(--color-gray-800);color:var(--color-white)}.floating-nav{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);z-index:999;background:#0009;border:1px solid #e6001266;gap:16px;padding:8px 16px;animation:.3s fadeInUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width>=768px){.floating-nav{display:none}}.floating-nav__btn{font-family:var(--font-heading);color:var(--color-white);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:4px 8px;font-size:.9rem;font-weight:700;transition:color .2s;display:flex}.floating-nav__btn:hover,.floating-nav__btn:active{color:var(--color-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.hero{text-align:center;min-height:85dvh;padding:var(--spacing-2xl) var(--spacing-md);justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;position:relative;overflow-x:hidden}.hero__inner{align-items:center;gap:var(--spacing-lg);flex-direction:column;width:100%;max-width:700px;display:flex}.hero__logo{border-radius:var(--radius-lg);width:220px;height:auto;box-shadow:0 8px 32px #0006}@media (width<=768px){.hero__logo{width:160px}}.hero__title{font-family:var(--font-display);letter-spacing:4px;color:var(--color-white);text-shadow:0 0 30px #dc2626cc,2px 2px #7f1d1d;margin-bottom:0;font-size:4rem}@media (width<=768px){.hero__title{font-size:2.8rem}}.hero__subtitle{color:var(--text-color-muted);max-width:480px;font-size:1.15rem;line-height:1.6}.catalog{gap:var(--spacing-2xl);flex-direction:column;padding-bottom:5rem;display:flex}.catalog__header{text-align:center;max-width:600px;margin:0 auto}.catalog__title{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px}.catalog__subtitle{color:var(--text-color-muted);font-size:1.1rem}.catalog__grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=600px){.catalog__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.catalog__grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.catalog__grid{grid-template-columns:repeat(4,1fr)}}.catalog__empty{text-align:center;color:var(--text-color-muted);padding:var(--spacing-2xl);font-size:1.1rem}.catalog__promos{gap:var(--spacing-lg);flex-direction:column;grid-column:1/-1;display:flex}.catalog .promo-card{gap:var(--spacing-lg);background:color-mix(in srgb, var(--bg-color-alt) 60%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid #ffffff14;flex-direction:row;width:100%;max-width:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.catalog .promo-card:hover{border-color:#e600124d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.catalog .promo-card__image-wrapper{flex-shrink:0;width:200px;min-height:180px;position:relative;overflow:hidden}@media (width<=600px){.catalog .promo-card__image-wrapper{width:100px;min-height:120px}}.catalog .promo-card__image{object-fit:cover;width:100%;height:100%}.catalog .promo-card__pieces{top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-primary);color:var(--color-white);font-family:var(--font-heading);border-radius:var(--radius-pill);padding:2px 10px;font-size:.75rem;font-weight:700;position:absolute}.catalog .promo-card__content{min-width:0;padding:var(--spacing-lg);justify-content:center;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.catalog .promo-card__name{font-family:var(--font-display);letter-spacing:1px;color:var(--color-white);font-size:1.8rem}@media (width<=600px){.catalog .promo-card__name{font-size:1.4rem}}.catalog .promo-card__desc{color:var(--text-color-muted);font-size:.9rem;line-height:1.5}.catalog .promo-card__footer{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (width<=600px){.catalog .promo-card__footer .btn{padding:6px 14px;font-size:.85rem}}.catalog .promo-card__price{font-family:var(--font-display);letter-spacing:1px;background-color:var(--color-secondary);color:var(--color-black);border-radius:var(--radius-pill);padding:4px 16px;font-size:1.6rem;line-height:1}@media (width<=600px){.catalog .promo-card__price{padding:3px 12px;font-size:1.3rem}}:root{--color-primary:#e60012;--color-secondary:#ffc400;--color-accent:#008a3c;--bg-color:#fff;--bg-color-alt:#f4f4f5;--text-color:#0a0a0a;--text-color-muted:#18181b;--border-color:#e5e7eb;--font-primary:Inter, system-ui, sans-serif;--font-heading:Outfit, system-ui, sans-serif;--font-display:Bebas Neue, cursive;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px}[data-theme=dark]{--color-primary:#e60012;--color-secondary:#ffc400;--color-accent:#008a3c;--bg-color:#0d1f15;--bg-color-alt:#18181b;--text-color:#fff;--text-color-muted:#a1a1aa;--border-color:#2a3a2e;--font-display:Bebas Neue, cursive}