/* Real DOM top: original category art, real interactive controls. No screenshot background. */
.ctp-pixel-top{display:none!important}
.mobile-menu-toggle{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #34445b;border-radius:12px;background:#101a29;color:#f4f6fb;cursor:pointer}
.mobile-menu-toggle svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mobile-menu-toggle[aria-expanded="true"]{border-color:#ff1744;color:#ff1744}
html[data-ctp-theme="light"] .mobile-menu-toggle{background:#f7f8fa;border-color:#e3e5e9;color:#15171d}
.header-search:before{content:"";display:block;flex:0 0 20px;height:20px;margin:0 0 0 17px;background:url("/assets/icons/search.svg") center/contain no-repeat}
.header-search input{padding-left:10px}
.wa-dot{display:grid;place-items:center;width:32px;height:32px;flex:none}
.wa-dot img{width:28px;height:28px;object-fit:contain}
.account-open,.cart-open{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.account-open img,.cart-open img{display:block;width:22px;height:22px;object-fit:contain;filter:grayscale(1) brightness(.15)}
html:not([data-ctp-theme="light"]) .account-open img,html:not([data-ctp-theme="light"]) .cart-open img{filter:grayscale(1) brightness(0) invert(1)}
html[data-ctp-theme="light"] .cart-open img{filter:grayscale(1) brightness(0) invert(1)}
.hero-cta{background:#ff1744!important;color:#fff!important;box-shadow:0 8px 25px #d11e3c30!important}
.carousel-dot.active{background:#ff1744!important}
.trust-strip>div{min-width:0}
.trust-strip img{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:contain}
@media(min-width:1000px){
.announcement{display:none!important}.site-header{height:112px;position:relative;padding:10px 2.2%;gap:24px;border:0;box-shadow:none}.brand img{width:154px;max-height:92px}.header-search{border-radius:40px;height:56px;max-width:600px;background:#fff;box-shadow:0 6px 25px #1520340d;border:1px solid #edf0f4}.header-search input{font-size:15px}.header-search button{background:#ff1744;border-radius:50%;width:46px;height:46px;margin:4px;color:#fff}.category-nav{height:auto;min-height:128px;justify-content:space-between;gap:8px;padding:8px 2%;border:0;overflow-x:auto;scrollbar-width:thin}.category-nav .all-categories,.category-nav .nav-design{display:none!important}.real-category{flex:1 0 0;min-width:86px;max-width:180px;display:block;line-height:0;border-radius:18px;overflow:hidden;transition:transform .2s}.real-category:hover,.real-category:focus-visible{transform:translateY(-3px);outline:2px solid #ff2449;outline-offset:2px}.real-category img{width:100%;height:auto;display:block;aspect-ratio:123/109;object-fit:fill}.hero{margin-top:6px;width:calc(100% - 28px);max-width:none;border-radius:20px}.hero-content h1{font-size:clamp(40px,4.5vw,66px)}.hero-cta{background:#ff1744;border-radius:40px}.trust-strip{width:calc(100% - 44px);max-width:none;margin:12px auto 14px;border-radius:22px;box-shadow:0 10px 24px #1111110b}.smart-discovery{width:calc(100% - 44px);max-width:none;border-radius:24px;margin-top:14px;margin-bottom:20px}
}
@media(max-width:999px){.real-category{flex:0 0 92px;display:block;border-radius:13px;overflow:hidden;line-height:0}.real-category img{display:block;width:100%;height:auto}.category-nav{justify-content:flex-start;gap:8px;overflow-x:auto}.category-nav .nav-design{display:none}}
@media(max-width:620px){.real-category{flex-basis:78px}.category-nav{height:auto;min-height:88px;padding:8px 12px}.category-nav .all-categories{display:none}}

/* Match the supplied desktop reference: oversized benefit illustrations with compact copy. */
@media(min-width:1000px){
  .trust-strip{
    width:calc(100% - 44px);
    max-width:none;
    min-height:242px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:12px auto 14px;
    padding:24px 34px;
    border-radius:24px;
    box-shadow:0 10px 24px #1111110b;
  }
  .trust-strip>div{gap:16px;min-width:0}
  .trust-strip img{
    width:clamp(105px,12.2vw,185px);
    height:clamp(105px,12.2vw,185px);
    flex:0 0 clamp(105px,12.2vw,185px);
  }
  .trust-strip b{font-size:14px;line-height:1.25}
  .trust-strip small{font-size:11px;line-height:1.4}
}

/* Keep the long category name complete while retaining its original image. */
.real-category[href="/categorias/material-pop.html"]{position:relative}
.real-category[href="/categorias/material-pop.html"]::before{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:22%;background:rgba(255,255,255,.97)}
.real-category[href="/categorias/material-pop.html"]::after{content:"Material P.O.P.";position:absolute;z-index:2;left:0;right:0;bottom:0;height:22%;display:grid;place-items:center;color:#17191f;font:700 clamp(9px,1.05vw,14px)/1 'DM Sans',Arial,sans-serif;white-space:nowrap}
.real-category:hover,.real-category:focus-visible{outline-offset:-2px}
@media(max-width:620px){.real-category[href="/categorias/material-pop.html"]::before,.real-category[href="/categorias/material-pop.html"]::after{height:22%}.real-category[href="/categorias/material-pop.html"]::after{font-size:9px}}

/* Screenshot correction: keep category artwork inside its own tile. */
@media(min-width:1000px){
  .category-nav{min-height:0;gap:8px;padding:8px clamp(12px,1.3vw,22px);overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity}
  .category-nav .real-category{position:relative;flex:0 0 clamp(96px,9.4vw,145px);width:clamp(96px,9.4vw,145px);max-width:none;min-width:0;aspect-ratio:123/109;border-radius:16px;overflow:hidden;scroll-snap-align:start}
  .category-nav .real-category img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
  .category-nav .real-category:hover,.category-nav .real-category:focus-visible{transform:translateY(-2px);outline-offset:-3px}
  .trust-strip{min-height:170px;padding:18px 28px;gap:10px}
  .trust-strip img{width:clamp(68px,7vw,108px);height:clamp(68px,7vw,108px);flex:0 0 clamp(68px,7vw,108px)}
  .trust-strip>div{gap:12px}
}
@media(min-width:621px) and (max-width:999px){
  .category-nav{gap:7px;padding:8px 12px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity}
  .category-nav .real-category{flex:0 0 92px;width:92px;min-width:0;max-width:none;aspect-ratio:123/109;scroll-snap-align:start}
  .category-nav .real-category img{width:100%;height:100%;object-fit:contain;object-position:center}
  .trust-strip img{width:64px;height:64px;flex:0 0 64px}
}
@media(max-width:620px){
  .category-nav{gap:7px;padding:8px 12px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity}
  .category-nav .real-category{flex:0 0 78px;width:78px;min-width:0;max-width:none;aspect-ratio:123/109;scroll-snap-align:start}
  .category-nav .real-category img{width:100%;height:100%;object-fit:contain;object-position:center}
  .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
  .trust-strip img{width:52px;height:52px;flex:0 0 52px}
}