:root{--color-impulso: #173928;--color-onpoint: #E46B47;--color-luz: #F1C9C7;--color-ritmo: #DF9234;--color-focus: #7A91B3;--color-pulse: #F4EFE6;--color-negro: #1a1a1a;--color-blanco: #ffffff;--color-bg: var(--color-pulse);--color-text: var(--color-impulso);--color-accent: var(--color-onpoint);--font-display: "ClashDisplay", sans-serif;--font-body: "Acumin", "Helvetica Neue", Arial, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--max-width: 1200px;--container-padding: 2rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 20px;--radius-pill: 100px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .08);--shadow-md: 0 8px 30px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .2);--shadow-onpoint: 0 8px 30px rgba(228, 107, 71, .4);--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .3s var(--ease-out);--transition-med: .5s var(--ease-out);--transition-slow: .8s var(--ease-out)}@font-face{font-family:ClashDisplay;src:url(/fonts/ClashDisplay-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:ClashDisplay;src:url(/fonts/ClashDisplay-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Acumin;src:url(/fonts/AcuminPro-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Acumin;src:url(/fonts/AcuminPro-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Acumin;src:url(/fonts/AcuminPro-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.visible{opacity:1;transform:translateY(0)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.clash{font-family:var(--font-display);text-transform:uppercase}.texture-overlay{position:relative}.texture-overlay:after{content:"";position:absolute;inset:0;background-image:url(/images/texturas/texture-3.jpg);background-size:400px;opacity:.04;pointer-events:none;mix-blend-mode:multiply}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;transition:all .4s var(--ease-out)}nav.scrolled{padding:.75rem 0;box-shadow:0 2px 20px #00000026}nav.scrolled:before{content:"";position:absolute;inset:0;background:#173928f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1}nav .container{display:flex;justify-content:space-between;align-items:center}.nav-logo{height:32px;transition:opacity var(--transition-fast)}.nav-logo:hover{opacity:.8}.nav-links{display:flex;gap:var(--space-md);align-items:center}.nav-links a{font-family:var(--font-body);font-size:.875rem;color:var(--color-pulse);letter-spacing:.05em;transition:color var(--transition-fast),opacity var(--transition-fast);opacity:.85}.nav-links a:hover{opacity:1;color:var(--color-onpoint)}.nav-cta{background:var(--color-onpoint)!important;color:var(--color-blanco)!important;padding:.6rem 1.5rem!important;border-radius:var(--radius-pill);font-weight:700!important;opacity:1!important;transition:transform var(--transition-fast),background var(--transition-fast)!important}.nav-cta:hover{transform:scale(1.05);background:#d05a38!important}.hamburger{display:none;flex-direction:column;gap:5px;z-index:101;padding:8px}.hamburger span{width:24px;height:2px;background:var(--color-pulse);transition:all var(--transition-fast);display:block;border-radius:2px}@media(max-width:768px){.nav-links{display:none;position:fixed;inset:0;background:#173928fa;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;z-index:100}.nav-links.open{display:flex}.nav-links a{font-size:1.3rem}.hamburger{display:flex}}.hero{min-height:100vh;min-height:100dvh;background:var(--color-impulso);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;padding:var(--space-md)}.hero-logo{width:min(480px,75vw);margin:0 auto var(--space-md);animation:fadeUp 1s ease-out}.hero-tagline{font-family:var(--font-display);font-size:clamp(.9rem,2.5vw,1.4rem);color:var(--color-onpoint);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;animation:fadeUp 1s ease-out .2s both}.hero-phrase{font-size:clamp(1rem,2vw,1.2rem);color:var(--color-pulse);opacity:.75;max-width:480px;margin:0 auto 2.5rem;line-height:1.7;animation:fadeUp 1s ease-out .4s both}.hero-cta{display:inline-block;background:var(--color-onpoint);color:var(--color-blanco);font-family:var(--font-display);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;padding:1rem 2.5rem;border-radius:var(--radius-pill);transition:transform var(--transition-fast),box-shadow var(--transition-fast);animation:fadeUp 1s ease-out .6s both}.hero-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-onpoint)}.hero-sello{position:absolute;width:140px;opacity:.07}.hero-sello--left{left:5%;top:20%;animation:spin 40s linear infinite}.hero-sello--right{right:5%;bottom:15%;animation:spin 40s linear infinite reverse}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;z-index:2}.hero-scroll svg{width:24px;height:24px;stroke:var(--color-pulse);opacity:.4}@media(max-width:480px){.hero-logo{width:min(300px,80vw)}}.about{padding:var(--space-xl) 0;background:var(--color-pulse)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}.about-text h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);text-transform:uppercase;color:var(--color-impulso);line-height:.95;margin-bottom:var(--space-md)}.about-text h2 span{color:var(--color-onpoint)}.about-text p{font-size:1.05rem;line-height:1.8;color:var(--color-impulso);opacity:.8;margin-bottom:1.25rem}.about-visual{display:flex;justify-content:center;align-items:center;position:relative}.about-ilus{width:300px;filter:drop-shadow(0 20px 40px rgba(23,57,40,.1));transition:transform .6s var(--ease-out)}.about-ilus:hover{transform:scale(1.05) rotate(-2deg)}.about-badge{position:absolute;width:110px;bottom:-20px;right:10%;animation:spin 30s linear infinite reverse}@media(max-width:768px){.about{padding:5rem 0}.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-visual{order:-1}.about-ilus{width:220px}.about-badge{width:80px}}.products{padding:var(--space-xl) 0;background:var(--color-impulso)}.products-header{text-align:center;margin-bottom:var(--space-lg)}.products-header h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);text-transform:uppercase;color:var(--color-pulse);line-height:.95;margin-bottom:var(--space-sm)}.products-header h2 span{color:var(--color-onpoint)}.products-header p{font-size:1.05rem;color:var(--color-pulse);opacity:.6}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.product-card{background:var(--color-pulse);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-med),box-shadow var(--transition-med)}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000004d}.product-img{height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-card:nth-child(1) .product-img{background:var(--color-onpoint)}.product-card:nth-child(2) .product-img{background:var(--color-ritmo)}.product-img__placeholder{font-family:var(--font-body);font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;text-align:center;padding:var(--space-md)}.product-img__placeholder .bag-icon{font-size:3.5rem;margin-bottom:.75rem;opacity:.5;display:block}.product-img .sello-float{position:absolute;width:90px;opacity:.12;right:15px;top:15px}.product-info{padding:var(--space-md)}.product-name{font-family:var(--font-display);font-size:1.8rem;text-transform:uppercase;color:var(--color-impulso);margin-bottom:.4rem}.product-origin{font-size:.85rem;color:var(--color-onpoint);font-weight:700;letter-spacing:.05em;margin-bottom:1.25rem}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.product-detail{font-size:.85rem;color:var(--color-impulso);opacity:.7}.product-detail strong{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-bottom:.15rem}.product-notes{font-size:.9rem;color:var(--color-impulso);line-height:1.6;padding-top:1.25rem;border-top:1px solid rgba(23,57,40,.1);margin-bottom:1.5rem}.product-notes strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5;display:block;margin-bottom:.25rem}.product-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-impulso);color:var(--color-pulse);font-family:var(--font-display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:.85rem 2rem;border-radius:var(--radius-pill);transition:transform var(--transition-fast),background var(--transition-fast);width:100%;justify-content:center}.product-cta:hover{transform:scale(1.03);background:#0f2a1c}.product-cta svg{width:18px;height:18px;flex-shrink:0}.product-weight{text-align:center;margin-top:.75rem;font-size:.8rem;opacity:.45}@media(max-width:768px){.products{padding:5rem 0}.products-grid{grid-template-columns:1fr;gap:2.5rem}.product-img{height:220px}}@media(max-width:480px){.product-details{grid-template-columns:1fr}}.universe{padding:6rem 0;background:var(--color-pulse);overflow:hidden}.universe-header{text-align:center;margin-bottom:2.5rem}.universe-header h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;color:var(--color-impulso)}.universe-header h2 span{color:var(--color-onpoint)}.marquee-wrapper{overflow:hidden;padding:var(--space-md) 0}.marquee{display:flex;gap:3rem;animation:marquee 35s linear infinite;width:max-content}.marquee-item{flex-shrink:0;width:160px;height:160px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.marquee-item:hover{transform:scale(1.1)}.marquee-item img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:768px){.marquee-item{width:120px;height:120px}}.contact{padding:var(--space-xl) 0;background:var(--color-onpoint)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}.contact-text h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);text-transform:uppercase;color:var(--color-pulse);line-height:.95;margin-bottom:1.5rem}.contact-text p{font-size:1.05rem;color:var(--color-pulse);opacity:.85;line-height:1.7;margin-bottom:var(--space-md)}.contact-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:fit-content}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.contact-btn--wa{background:var(--color-blanco);color:var(--color-impulso)}.contact-btn--ig{background:transparent;color:var(--color-pulse);border:2px solid var(--color-pulse)}.contact-btn svg{width:20px;height:20px}.contact-visual{display:flex;justify-content:center}.contact-ilus{width:260px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.15));animation:float 6s ease-in-out infinite}@media(max-width:768px){.contact{padding:5rem 0}.contact-grid{grid-template-columns:1fr;gap:2.5rem}.contact-visual{order:-1}.contact-ilus{width:180px}}footer{padding:3rem 0;background:var(--color-impulso)}footer .container{display:flex;justify-content:space-between;align-items:center}.footer-logo{height:28px;opacity:.5}.footer-text{font-size:.8rem;color:var(--color-pulse);opacity:.35}.footer-text a{color:var(--color-onpoint);opacity:1}@media(max-width:768px){footer .container{flex-direction:column;gap:var(--space-sm);text-align:center}}
