/* tnstyles: bundle=shop theme */
/* theme: shop-base */
@layer tns-theme { body.archive.woocommerce { --tn-shop-gap: clamp(14px, 2vw, 24px); --tn-shop-img-rad: 12px; --tn-shop-title-size: clamp(15px, 2.2vw, 17px); --tn-shop-price-size: 16px; --tn-shop-title-color: var(--tn-dark, #0b1320); --tn-shop-muted: var(--tn-mut, #6b7280); --tn-shop-bd: var(--tn-bd, #e6e8eb); } body.archive.tax-product_cat .tn-cat-hero { position: relative; width: 100vw; height: 250px; margin: 0 calc(50% - 50vw) 20px; display: flex; align-items: flex-end; overflow: hidden; background-color: #111827; background-image: var(--tn-cat-hero-bg); background-size: cover; background-position: center; color: #fff; } body.archive.tax-product_cat .tn-cat-hero.is-no-image { background-image: linear-gradient(120deg, #0f172a 0%, #1f2937 65%, #111827 100%); } body.archive.tax-product_cat .tn-cat-hero__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 23, 42, 0.18) 0%, rgba(15, 23, 42, 0.68) 100%); pointer-events: none; } body.archive.tax-product_cat .tn-cat-hero__inner { position: relative; z-index: 1; width: min(1220px, calc(100% - 36px)); margin: 0 auto; padding: 18px 0 20px; } body.archive.tax-product_cat .tn-cat-hero__breadcrumbs { margin: 0 0 8px; font-size: 13px; line-height: 1.3; opacity: 0.95; } body.archive.tax-product_cat .tn-cat-hero__breadcrumbs ol { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; } body.archive.tax-product_cat .tn-cat-hero__breadcrumbs li { display: inline-flex; align-items: center; gap: 8px; } body.archive.tax-product_cat .tn-cat-hero__breadcrumbs a { color: rgba(255, 255, 255, 0.92); text-decoration: none; } body.archive.tax-product_cat .tn-cat-hero__breadcrumbs a:hover { text-decoration: underline; } body.archive.tax-product_cat .tn-cat-hero__crumb-sep { opacity: 0.62; } body.archive.tax-product_cat .tn-cat-hero__title { margin: 0; color: #fff; font-size: clamp(24px, 3.5vw, 38px); line-height: 1.08; font-weight: 700; letter-spacing: -0.01em; } body.archive.woocommerce .woocommerce-products-header { margin: 0 0 14px; } body.archive.woocommerce .woocommerce-result-count { color: var(--tn-shop-muted); margin: 0 0 8px; } body.archive.woocommerce .woocommerce-ordering select { border: 1px solid var(--tn-shop-bd); border-radius: 12px; padding: 10px 12px; background: #fff; color: var(--tn-shop-title-color); } body.archive.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--tn-shop-gap); list-style: none; padding: 0; margin: 16px 0 20px !important; } @media (max-width: 1200px) { body.archive.woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { body.archive.woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } } @media (max-width: 520px) { body.archive.woocommerce ul.products { grid-template-columns: 1fr; gap: 12px; } } @media (max-width: 900px) { body.archive.tax-product_cat .tn-cat-hero { margin-bottom: 16px; } body.archive.tax-product_cat .tn-cat-hero__inner { width: calc(100% - 24px); padding: 14px 0 16px; } } @media (max-width: 640px) { body.archive.tax-product_cat .tn-cat-hero__title { font-size: clamp(22px, 7vw, 30px); } body.archive.tax-product_cat .tn-cat-hero__breadcrumbs { font-size: 12px; } } body.archive.woocommerce ul.products li.product { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; margin: 0 !important; position: relative; display: flex; flex-direction: column; min-width: 0; } body.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: block; aspect-ratio: unset !important; overflow: visible !important; text-decoration: none; color: inherit; } body.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:focus-visible { outline: 2px solid var(--tn-blue, #1a5fff); outline-offset: 3px; border-radius: 10px; } body.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5 !important; object-fit: cover !important; border-radius: var(--tn-shop-img-rad) !important; margin: 0 0 12px !important; background: #f6f7f8; } body.archive.woocommerce ul.products li.product img.tn-img--placeholder { display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5 !important; object-fit: cover !important; border-radius: var(--tn-shop-img-rad) !important; margin: 0 0 12px !important; } body.archive.woocommerce ul.products li.product .onsale { position: absolute !important; top: 16px !important; left: 16px !important; right: auto !important; margin: 0 !important; z-index: 10 !important; pointer-events: none !important; background: #f44336 !important; color: #fff !important; font-weight: 700 !important; padding: 6px 10px !important; border-radius: 999px !important; font-size: 12px !important; line-height: 1 !important; } body.archive.woocommerce ul.products li.product .woocommerce-loop-product__title, body.archive.woocommerce ul.products li.product h2.woocommerce-loop-product__title { text-align: left !important; margin: 10px 0 4px !important; font-size: var(--tn-shop-title-size) !important; font-weight: 600 !important; color: var(--tn-shop-title-color) !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: manual !important; } body.archive.woocommerce ul.products li.product .tn-spp-mini { margin: 0 0 6px !important; } body.archive.woocommerce ul.products li.product .tn-spp-mini__row { font-size: 12px; line-height: 1.25; } body.archive.woocommerce ul.products li.product .price { text-align: left !important; margin: 0 0 6px !important; font-weight: 800 !important; white-space: nowrap !important; font-size: var(--tn-shop-price-size) !important; line-height: 1.2 !important; background: transparent !important; padding: 0 !important; border: 0 !important; color: var(--tn-shop-title-color) !important; } body.archive.woocommerce ul.products li.product .price del { color: #9ca3af !important; margin-right: 8px !important; font-weight: 600 !important; } body.archive.woocommerce ul.products li.product .price ins { text-decoration: none !important; } body.archive.woocommerce ul.products li.product .price .woocommerce-Price-amount, body.archive.woocommerce ul.products li.product .price bdi { font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } body.archive.woocommerce ul.products li.product a.button, body.archive.woocommerce ul.products li.product .added_to_cart { display: none !important; } body.archive.woocommerce nav.woocommerce-pagination { display: flex; justify-content: center; margin: 18px 0 8px; } body.archive.woocommerce nav.woocommerce-pagination ul { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0; } body.archive.woocommerce nav.woocommerce-pagination ul li a, body.archive.woocommerce nav.woocommerce-pagination ul li span { display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid var(--tn-shop-bd); border-radius: 10px; text-decoration: none; color: var(--tn-shop-title-color); background: #fff; } body.archive.woocommerce nav.woocommerce-pagination ul li span.current, body.archive.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--tn-blue, #1a5fff); color: #fff; border-color: var(--tn-blue, #1a5fff); } body.archive.woocommerce .screen-reader-text{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; } body.archive.woocommerce .screen-reader-text:focus{ position:static !important; width:auto !important; height:auto !important; margin:0 !important; overflow:visible !important; clip:auto !important; white-space:normal !important; } body.archive.woocommerce ul.products li.product span.screen-reader-text{ display:none !important; } } @layer tns-theme { .tn-shopbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; margin: 8px 0 14px; border-top: 1px solid var(--tn-bd, #e5e7eb); border-bottom: 1px solid var(--tn-bd, #e5e7eb); } .tn-shopbar__filter { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--tn-bd, #e5e7eb); background: #fff; color: var(--tn-tx, #111827); font-size: 14px; font-weight: 600; cursor: pointer; } .tn-shopbar__filter:hover { background: #f8fafc; } .tn-shopbar__badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--tn-cta, #1a5fff); color: #fff; font-size: 11px; line-height: 1; font-weight: 700; } .tn-shopbar__sort { display: inline-flex; align-items: center; gap: 8px; } .tn-shopbar__sort-label { font-size: 12px; color: var(--tn-mut, #6b7280); font-weight: 600; } .tn-shopbar__sort-select { min-height: 44px; border: 1px solid var(--tn-bd, #e5e7eb); border-radius: 12px; background: #fff; color: var(--tn-tx, #111827); padding: 0 12px; font-size: 14px; } .tn-shopfilter { position: fixed; inset: 0; z-index: 9999; display: block; pointer-events: none; } .tn-shopfilter__overlay { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.36); opacity: 0; transition: opacity 0.18s ease; pointer-events: none; } .tn-shopfilter__panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(460px, 100vw); max-width: 100vw; background: #fff; border-left: 1px solid var(--tn-bd, #e5e7eb); box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14); transform: translate3d(100%, 0, 0); transition: transform 0.18s ease; display: flex; flex-direction: column; overflow: hidden; pointer-events: none; } .tn-shopfilter.is-open .tn-shopfilter__overlay { opacity: 1; } .tn-shopfilter.is-open .tn-shopfilter__panel { transform: translate3d(0, 0, 0); } .tn-shopfilter.is-open { pointer-events: auto; } .tn-shopfilter.is-open .tn-shopfilter__overlay, .tn-shopfilter.is-open .tn-shopfilter__panel { pointer-events: auto; } .tn-shopfilter__header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 14px 16px; border-bottom: 1px solid var(--tn-bd, #e5e7eb); background: #fff; } .tn-shopfilter__title { flex: 1; margin: 0; min-width: 0; font-size: 24px; line-height: 1.15; font-weight: 700; color: var(--tn-tx, #111827); } .tn-shopfilter__close, .tn-shopfilter__back { width: 40px; height: 40px; border-radius: 12px; border: 1px solid transparent; background: transparent; color: var(--tn-tx, #111827); display: inline-flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; padding: 0; } .tn-shopfilter__close:hover, .tn-shopfilter__back:hover { background: #f8fafc; border-color: var(--tn-bd, #e5e7eb); } .tn-shopfilter__body { flex: 1; overflow: auto; padding: 12px 16px 96px; background: #fff; } .tn-shopfilter__view { min-height: 100%; } .tn-shopfilter__list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--tn-bd, #e5e7eb); border-radius: 12px; overflow: hidden; background: #fff; } .tn-shopfilter__item { margin: 0; padding: 0; border-top: 1px solid #eceff5; } .tn-shopfilter__item:first-child { border-top: 0; } .tn-shopfilter__row, .tn-shopfilter__check { width: 100%; min-height: 48px; padding: 10px 12px; border: 0; border-radius: 0; background: #fff; margin: 0; cursor: pointer; } .tn-shopfilter__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--tn-tx, #111827); font: inherit; } .tn-shopfilter__row-left { font-size: 14px; font-weight: 600; } .tn-shopfilter__row-right { display: inline-flex; align-items: center; gap: 8px; } .tn-shopfilter__chev { font-size: 18px; line-height: 1; color: var(--tn-mut, #6b7280); } .tn-shopfilter__pill { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #e8efff; color: var(--tn-cta, #1a5fff); font-weight: 700; font-size: 11px; line-height: 1; } .tn-shopfilter__check { display: flex; align-items: center; gap: 10px; } .tn-shopfilter__check-label { color: var(--tn-tx, #111827); font-size: 14px; font-weight: 500; } .tn-shopfilter__check input { width: 18px; height: 18px; accent-color: var(--tn-cta, #1a5fff); margin: 0; cursor: pointer; } .tn-shopfilter__row:hover, .tn-shopfilter__check:hover { background: #f9fbff; } .tn-shopfilter__footer { position: sticky; bottom: 0; z-index: 2; border-top: 1px solid var(--tn-bd, #e5e7eb); background: #fff; padding: 12px 16px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; } .tn-shopfilter__clear, .tn-shopfilter__apply { min-height: 44px; min-width: 112px; padding: 0 16px; border-radius: 12px; font-size: 14px; cursor: pointer; } .tn-shopfilter__clear { border: 1px solid var(--tn-bd, #e5e7eb); background: #fff; color: var(--tn-tx, #111827); font-weight: 600; } .tn-shopfilter__clear:hover { background: #f8fafc; } .tn-shopfilter__apply { border: 1px solid var(--tn-cta, #1a5fff); background: var(--tn-cta, #1a5fff); color: #fff; font-weight: 700; } .tn-shopfilter__apply:hover { background: var(--tn-ctah, #134bd1); border-color: var(--tn-ctah, #134bd1); } html.tn-shopfilter-lock, body.tn-shopfilter-lock { overflow: hidden; } .tn-shop-is-loading ul.products { pointer-events: none; opacity: 0.55; } .tn-shop-is-loading { cursor: progress; } @media (max-width: 860px) { .tn-shopbar { flex-wrap: wrap; } .tn-shopbar__sort { width: 100%; justify-content: flex-end; } .tn-shopbar__sort-select { width: 100%; } .tn-shopfilter__panel { width: 100vw; } } }

/* tnstyles: bundle=shop guard=spp-visible */
@layer tns-override { body.archive.woocommerce ul.products li.product .tn-spp-mini,
      body.archive.woocommerce ul.products li.product .tn-spp,
      body.archive.woocommerce ul.products li.product .tn-installments,
      body.archive.woocommerce ul.products li.product .installments,
      body.archive.woocommerce ul.products li.product .cuotas {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
      }
      body.archive.woocommerce ul.products li.product .tn-spp-mini__row,
      body.archive.woocommerce ul.products li.product .tn-spp .tn-spp-row {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
        height: auto !important;
      } }