.npn{background:var(--surface-page,#fff);padding:var(--space-xl) 0 var(--space-3xl)}.npn__wrap{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}.npn__head{text-align:center;margin-bottom:var(--space-lg)}.npn__title{font-family:var(--font-display);font-size:var(--text-h1-size);font-weight:600;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.01em}.npn__sub{font-size:var(--text-body-size);color:var(--noupet-navy-500);margin:0 auto;max-width:52ch}.npn__rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px var(--gutter) 2px;margin:0 calc(-1 * var(--gutter))}.npn__rail::-webkit-scrollbar{display:none}.npn__card{flex:0 0 clamp(200px,62vw,240px);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--surface-card,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;box-shadow:var(--shadow-sm,0 1px 2px rgba(39,45,103,.06));transition:transform .18s ease,box-shadow .18s ease}.npn__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md,0 12px 32px -12px rgba(39,45,103,.18))}.npn__media{position:relative;display:block;aspect-ratio:4/3;background:var(--surface-sky);background-size:cover;background-position:center;overflow:hidden}.npn__icon{position:absolute;bottom:var(--space-sm);left:var(--space-sm);display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);background:var(--surface-card,#fff);border:1.5px solid var(--border-strong);color:var(--text-primary);transition:background-color .15s ease,color .15s ease}.npn__icon i{font-size:19px;line-height:1}.npn__card:hover .npn__icon{background:var(--noupet-navy-800);color:#fff}.npn__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:13px 14px}.npn__label{font-family:var(--font-body);font-weight:700;font-size:var(--text-small-size);line-height:1.25;color:var(--text-primary)}.npn__foot i{font-size:16px;line-height:1;color:var(--text-primary);transition:transform .18s ease}.npn__card:hover .npn__foot i{transform:translate(3px)}.npn__bar{height:4px;border-radius:4px;background:var(--noupet-navy-100,#DFE5FF);margin-top:var(--space-lg);overflow:hidden}.npn__bar span{display:block;height:100%;width:30%;border-radius:4px;background:linear-gradient(90deg,var(--noupet-navy-200) 0%,var(--noupet-navy-900) 100%);transition:width .12s linear}@media(min-width:1024px){.npn__rail{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;overflow:visible;margin:0;padding:0}.npn__card{flex:none;width:auto}.npn__bar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/noupet-necesidades.css.map */