:root{--brpn-accent:#0f6f57;--brpn-bg:#0d1117;--brpn-panel:#111820;--brpn-soft:#18212b;--brpn-text:#f7fafc;--brpn-muted:#9aa7b5;--brpn-line:rgba(255,255,255,.08);--brpn-shadow:0 30px 80px rgba(0,0,0,.28)}
.brpn-root{position:relative;z-index:999999}.brpn-root svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brpn-backdrop{position:fixed;inset:0;background:rgba(5,8,12,.52);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.24s ease}.brpn-open .brpn-backdrop{opacity:1;visibility:visible}
.brpn-original-desktop-nav{display:none!important}.brpn-desktop-actions{display:flex!important;align-items:center;gap:10px;min-height:48px}.brpn-desktop-trigger,.brpn-track-trigger{display:inline-flex;align-items:center;gap:10px;height:42px;border-radius:12px;padding:0 16px;text-decoration:none!important;font-weight:700;font-size:14px;letter-spacing:.01em;transition:.2s ease}.brpn-desktop-trigger{border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.14);color:#fff;cursor:pointer}.brpn-desktop-trigger:hover{background:rgba(0,0,0,.25);transform:translateY(-1px)}.brpn-desktop-trigger svg:last-child{width:15px}.brpn-track-trigger{color:#fff;border:1px solid transparent}.brpn-track-trigger:hover{background:rgba(255,255,255,.1);color:#fff}
.brpn-mega{position:fixed;left:50%;top:112px;width:min(1240px,calc(100vw - 48px));max-height:calc(100vh - 138px);transform:translate(-50%,-10px) scale(.99);opacity:0;visibility:hidden;background:var(--brpn-bg);color:var(--brpn-text);border:1px solid var(--brpn-line);border-radius:20px;box-shadow:var(--brpn-shadow);overflow:hidden;transition:.22s cubic-bezier(.2,.8,.2,1)}.brpn-mega-open .brpn-mega{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.brpn-mega-shell{display:grid;grid-template-columns:290px 1fr;min-height:520px;max-height:calc(100vh - 138px)}.brpn-mega-side{padding:22px;border-right:1px solid var(--brpn-line);overflow:auto;background:linear-gradient(180deg,#0f151d,#0b1016)}.brpn-brandline{display:flex;align-items:center;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#c3cbd4;margin:0 4px 18px}.brpn-brand-dot{width:8px;height:8px;border-radius:99px;background:var(--brpn-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--brpn-accent) 18%,transparent)}.brpn-search{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.065);border:1px solid var(--brpn-line);border-radius:13px;padding:0 12px;height:46px}.brpn-search svg{color:#98a4b2;width:18px}.brpn-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;padding:0!important;font-size:14px}.brpn-search input::placeholder{color:#7f8a97}.brpn-topcats{margin-top:14px;display:flex;flex-direction:column;gap:3px}.brpn-topcat{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:11px;background:transparent;border:0;color:#d9e0e7;text-align:left;font-size:14px;cursor:pointer;transition:.16s ease}.brpn-topcat:hover,.brpn-topcat.is-active{background:rgba(255,255,255,.075);color:#fff}.brpn-topcat.is-active{box-shadow:inset 3px 0 0 var(--brpn-accent)}.brpn-topcat svg{width:15px;color:#7f8a97}.brpn-mega-content{padding:28px 30px 34px;overflow:auto;background:radial-gradient(800px 260px at 90% 0%,color-mix(in srgb,var(--brpn-accent) 13%,transparent),transparent 62%),var(--brpn-panel)}.brpn-mega-heading{display:flex;justify-content:space-between;gap:24px;min-height:104px;padding-bottom:22px;border-bottom:1px solid var(--brpn-line);margin-bottom:24px}.brpn-eyebrow{display:block;color:var(--brpn-accent);text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:11px;margin-bottom:6px}.brpn-mega-heading h2,.brpn-search-results h2{font-size:28px;line-height:1.15;margin:0 0 9px;color:#fff}.brpn-mega-heading a{color:#cbd5df;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-size:13px}.brpn-mega-heading a svg{width:14px}.brpn-hero-img{width:132px;height:90px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.05)}.brpn-hero-img img{width:100%;height:100%;object-fit:cover}.brpn-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.brpn-group{padding:16px;border:1px solid var(--brpn-line);border-radius:15px;background:rgba(255,255,255,.025);transition:.18s ease}.brpn-group:hover{background:rgba(255,255,255,.045);transform:translateY(-1px);border-color:rgba(255,255,255,.13)}.brpn-group-title{display:grid;grid-template-columns:40px 1fr 16px;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font-weight:750;font-size:14px}.brpn-group-title>svg{width:15px;color:#7f8a97}.brpn-group-icon,.brpn-mobile-icon{display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.055)}.brpn-group-icon{width:40px;height:40px;border-radius:11px}.brpn-group-icon img,.brpn-mobile-icon img{width:100%;height:100%;object-fit:contain}.brpn-cat-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--brpn-accent)}.brpn-cat-fallback svg{width:19px}.brpn-group-links{display:flex;flex-direction:column;gap:7px;margin:13px 0 0 50px}.brpn-group-links a{color:#9eabb8!important;text-decoration:none!important;font-size:13px;transition:.15s}.brpn-group-links a:hover{color:#fff!important;transform:translateX(2px)}.brpn-group-links .brpn-viewall{color:var(--brpn-accent)!important;font-weight:750;margin-top:2px}.brpn-empty-card{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:18px;border:1px solid var(--brpn-line);border-radius:15px;color:#fff!important;text-decoration:none!important}.brpn-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.brpn-result-grid>a{display:grid;grid-template-columns:40px 1fr 16px;gap:10px;align-items:center;padding:11px;border:1px solid var(--brpn-line);border-radius:12px;color:#fff!important;text-decoration:none!important;background:rgba(255,255,255,.025)}.brpn-result-grid img,.brpn-result-grid .brpn-cat-fallback{width:40px;height:40px;border-radius:9px;object-fit:contain;background:rgba(255,255,255,.05)}
.brpn-mobile{display:none;position:fixed;left:0;top:0;bottom:0;width:min(92vw,420px);background:var(--brpn-bg);color:#fff;transform:translateX(-103%);transition:.28s cubic-bezier(.2,.8,.2,1);box-shadow:30px 0 70px rgba(0,0,0,.35);z-index:2}.brpn-mobile-open .brpn-mobile{transform:translateX(0)}.brpn-mobile-head{height:74px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--brpn-line);background:rgba(255,255,255,.015)}.brpn-mobile-title{min-width:0;display:flex;flex-direction:column;gap:2px}.brpn-mobile-title strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brpn-mobile-title small{font-size:11px;color:var(--brpn-muted)}.brpn-back,.brpn-close{width:40px;height:40px;border:0;border-radius:11px;background:rgba(255,255,255,.055);color:#fff;display:grid;place-items:center;cursor:pointer}.brpn-back{opacity:0;pointer-events:none}.brpn-back.is-visible{opacity:1;pointer-events:auto}.brpn-mobile-search{padding:14px 14px 4px}.brpn-mobile-stage{position:absolute;left:0;right:0;top:136px;bottom:64px;overflow:auto;padding:10px 14px 22px}.brpn-mobile-panel{transition:.22s ease;transform:translateX(0);opacity:1}.brpn-mobile-panel.is-entering{transform:translateX(28px);opacity:.25}.brpn-mobile-viewall{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:13px 14px;border-radius:12px;background:color-mix(in srgb,var(--brpn-accent) 20%,transparent);border:1px solid color-mix(in srgb,var(--brpn-accent) 45%,transparent);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:750}.brpn-mobile-list{display:flex;flex-direction:column;gap:4px}.brpn-mobile-item{display:grid;grid-template-columns:46px 1fr 18px;align-items:center;gap:12px;min-height:62px;padding:8px 10px;border-radius:13px;color:#fff!important;text-decoration:none!important;transition:.16s ease}.brpn-mobile-item:active{background:rgba(255,255,255,.065);transform:scale(.992)}.brpn-mobile-icon{width:46px;height:46px;border-radius:12px}.brpn-mobile-label{min-width:0;display:flex;flex-direction:column;gap:2px}.brpn-mobile-label strong{font-size:14px;line-height:1.25}.brpn-mobile-label small{font-size:10px;color:var(--brpn-muted)}.brpn-mobile-item>svg{width:16px;color:#71808f}.brpn-mobile-foot{position:absolute;left:0;right:0;bottom:0;height:64px;border-top:1px solid var(--brpn-line);padding:9px 14px;background:#0c1117}.brpn-mobile-foot a{height:46px;border-radius:12px;background:rgba(255,255,255,.055);display:flex;align-items:center;gap:10px;padding:0 14px;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700}.brpn-noresults{padding:28px 16px;text-align:center;color:var(--brpn-muted)}.brpn-mobile-fallback{display:none}
html.brpn-open,html.brpn-open body{overflow:hidden!important}
@media(max-width:1023px){.brpn-original-desktop-nav{display:initial!important}.brpn-desktop-actions,.brpn-mega{display:none!important}.brpn-mobile{display:block}.brpn-mobile-fallback{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit}.brpn-mobile-fallback svg{width:20px}.brpn-mobile-fallback span{font-size:12px}}
@media(min-width:1024px){.brpn-mobile,.brpn-mobile-fallback{display:none!important}}
@media(min-width:1400px){.brpn-mega{width:min(1320px,calc(100vw - 72px))}.brpn-columns{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.brpn-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* v2.1 refinements: circular taxonomy art + reliable internal desktop scrolling */
.brpn-mega{height:min(720px,calc(100vh - 138px));max-height:calc(100vh - 138px)}
.brpn-mega-shell{height:100%;min-height:0;max-height:none;overflow:hidden}
.brpn-mega-side,.brpn-mega-content{min-height:0;max-height:100%;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.brpn-mega-side::-webkit-scrollbar,.brpn-mega-content::-webkit-scrollbar{width:8px}.brpn-mega-side::-webkit-scrollbar-thumb,.brpn-mega-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.brpn-group-icon,.brpn-mobile-icon,.brpn-result-grid img,.brpn-result-grid .brpn-cat-fallback{border-radius:50%!important;aspect-ratio:1/1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}
.brpn-group-icon{width:44px;height:44px}.brpn-mobile-icon{width:48px;height:48px}.brpn-group-icon img,.brpn-mobile-icon img,.brpn-result-grid img{width:100%;height:100%;object-fit:cover;border-radius:50%!important}
.brpn-hero-img{width:96px;height:96px;border-radius:50%!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.24)}.brpn-hero-img img{border-radius:50%;object-fit:cover}
@media(min-width:1024px){html.brpn-mega-open,html.brpn-mega-open body{overflow:hidden!important}.brpn-mega-content{-webkit-overflow-scrolling:touch}}

/* Premium tracking portal. The original shipment plugin remains mounted inside .brpn-track-existing. */
.brpn-tracking-page .main-page-wrapper,.brpn-tracking-page .site-content{background:#f4f7f6}
.brpn-track-portal{--btp-green:var(--brpn-accent,#0f6f57);max-width:1240px;margin:34px auto 70px;padding:0 20px;color:#122019}
.brpn-track-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px;align-items:center;min-height:390px;padding:52px 56px;border-radius:28px;background:radial-gradient(650px 350px at 82% 15%,color-mix(in srgb,var(--btp-green) 45%,transparent),transparent 62%),linear-gradient(135deg,#0b1512,#10231d 52%,#0c1714);box-shadow:0 28px 70px rgba(15,55,43,.18);color:#fff}
.brpn-track-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,#000,transparent 82%);pointer-events:none}
.brpn-track-hero-copy{position:relative;z-index:2}.brpn-track-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9fd7c6}.brpn-track-hero h1{margin:0 0 12px!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.02!important;letter-spacing:-.035em;color:#fff!important}.brpn-track-hero p{max-width:650px;margin:0 0 28px!important;font-size:16px;line-height:1.65;color:#c8d5d0}
.brpn-track-form{max-width:760px}.brpn-track-form>label{display:block;margin:0 0 8px;font-size:12px;font-weight:750;color:#dce8e4}.brpn-track-form-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;padding:6px;border-radius:16px;background:#fff;box-shadow:0 16px 35px rgba(0,0,0,.18)}.brpn-track-form-icon{display:grid;place-items:center;color:var(--btp-green)}.brpn-track-form-icon svg,.brpn-track-form button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.brpn-track-form input{height:52px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#17231f!important;font-size:14px!important;padding:0 10px!important;min-width:0}.brpn-track-form button{height:52px;border:0;border-radius:12px;padding:0 20px;display:inline-flex;align-items:center;gap:10px;background:var(--btp-green);color:#fff;font-weight:800;font-size:13px;cursor:pointer;transition:.18s ease}.brpn-track-form button:hover{filter:brightness(1.08);transform:translateY(-1px)}.brpn-track-form button svg{width:16px}
.brpn-track-trust{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:17px;color:#9fb0aa;font-size:11px}.brpn-track-trust span::first-letter{color:#63d2ae}
.brpn-track-visual{position:relative;min-height:280px;display:grid;place-items:center}.brpn-track-package{position:relative;z-index:2;width:138px;height:138px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 50px rgba(0,0,0,.25);transform:rotate(-5deg)}.brpn-track-package svg{width:76px;height:76px;fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.brpn-track-orbit{position:absolute;inset:20px;border:1px solid rgba(255,255,255,.11);border-radius:50%;animation:brpnOrbit 16s linear infinite}.brpn-track-orbit:before,.brpn-track-orbit:after{content:"";position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.1);border-radius:50%}.brpn-track-orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:#6fe0bb;box-shadow:0 0 0 8px rgba(111,224,187,.09)}.brpn-track-orbit span:nth-child(1){top:12%;left:18%}.brpn-track-orbit span:nth-child(2){right:6%;top:48%}.brpn-track-orbit span:nth-child(3){left:34%;bottom:3%}@keyframes brpnOrbit{to{transform:rotate(360deg)}}
.brpn-track-existing{position:relative;margin-top:24px;padding:28px 30px;border:1px solid #e1e8e5;border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(31,63,53,.07)}.brpn-track-existing:before{content:"Estado y detalle del envío";display:block;margin-bottom:18px;color:#1b2c26;font-size:18px;font-weight:850;letter-spacing:-.015em}.brpn-track-existing:empty{display:none}
.brpn-track-existing input[type=text],.brpn-track-existing input[type=search]{border-radius:12px}.brpn-track-existing button,.brpn-track-existing input[type=submit]{border-radius:11px}
@media(max-width:900px){.brpn-track-hero{grid-template-columns:1fr;padding:38px 28px}.brpn-track-visual{display:none}.brpn-track-form-row{grid-template-columns:44px 1fr}.brpn-track-form button{grid-column:1/-1;width:100%;justify-content:center;margin-top:4px}.brpn-track-trust{gap:8px 14px}.brpn-track-existing{padding:20px 18px}}
@media(max-width:520px){.brpn-track-portal{margin:18px auto 48px;padding:0 12px}.brpn-track-hero{padding:30px 20px;border-radius:22px;min-height:0}.brpn-track-hero h1{font-size:36px!important}.brpn-track-hero p{font-size:14px}.brpn-track-form-row{border-radius:14px}.brpn-track-trust{display:grid}.brpn-track-existing{border-radius:18px}}

/* v2.6: prevent ONLY the lower WoodMart desktop menu from flashing before JavaScript initializes. */
@media(min-width:1024px){
 body.brpn-desktop-enabled .whb-header-bottom .wd-header-nav,
 body.brpn-desktop-enabled .whb-header-bottom .wd-header-menu,
 body.brpn-desktop-enabled .whb-header-bottom .whb-navigation,
 body.brpn-desktop-enabled .whb-header-bottom nav.wd-nav-wrapper,
 body.brpn-desktop-enabled .whb-header-bottom .wd-nav-main,
 body.brpn-desktop-enabled [class*="header-bottom"] .wd-header-nav,
 body.brpn-desktop-enabled [class*="header-bottom"] .wd-header-menu,
 body.brpn-desktop-enabled [class*="header-bottom"] .whb-navigation{display:none!important}
}

/* v2.2: direct shipment lookup feedback. */
.brpn-track-feedback{min-height:22px;margin-top:10px;font-size:12px;font-weight:650;color:#b6c6c0;transition:.18s ease}
.brpn-track-feedback.is-success{color:#8fe0c1}.brpn-track-feedback.is-error{color:#ffb6b6}.brpn-track-feedback.is-loading{color:#d6e3de}
.brpn-track-form button:disabled{opacity:.72;cursor:wait;transform:none!important}.brpn-track-form button.is-loading:after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:brpnSpin .7s linear infinite}@keyframes brpnSpin{to{transform:rotate(360deg)}}


/* v2.3: WoodMart sticky-header stability, premium microinteractions and full-width tracking page. */
@media(min-width:1024px){
  .brpn-desktop-actions{
    position:relative;
    flex:0 0 auto;
    isolation:isolate;
    contain:layout style;
    transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
  }
  .whb-sticked .brpn-desktop-actions,
  .whb-sticky-header .brpn-desktop-actions,
  .whb-clone .brpn-desktop-actions{
    transform:translateZ(0);
    backface-visibility:hidden;
  }
  .brpn-desktop-trigger{
    position:relative;
    overflow:hidden;
    transform:translateZ(0);
    transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);
  }
  .brpn-desktop-trigger:before{
    content:"";
    position:absolute;
    top:-80%;
    left:-35%;
    width:28%;
    height:260%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
    transform:rotate(18deg) translateX(-220%);
    transition:transform .55s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  .brpn-desktop-trigger:hover{
    background:rgba(0,0,0,.22);
    border-color:color-mix(in srgb,var(--brpn-accent) 62%,rgba(255,255,255,.18));
    box-shadow:0 8px 24px rgba(0,0,0,.12),0 0 0 1px color-mix(in srgb,var(--brpn-accent) 16%,transparent) inset;
    transform:translateY(-1px) translateZ(0);
  }
  .brpn-desktop-trigger:hover:before{transform:rotate(18deg) translateX(540%)}
  .brpn-desktop-trigger svg:first-child{transition:transform .25s cubic-bezier(.2,.8,.2,1),color .22s ease}
  .brpn-desktop-trigger:hover svg:first-child{transform:scale(1.08);color:#fff}
  .brpn-desktop-trigger svg:last-child{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
  .brpn-desktop-trigger:hover svg:last-child{transform:translateX(2px)}
  .brpn-track-trigger{gap:9px;background:transparent!important;transform:translateZ(0)}
  .brpn-track-trigger:hover{background:rgba(255,255,255,.045)!important}
}

/* Subtle green attention beacon: the dot pulses, never the whole button. */
.brpn-track-beacon{
  position:relative;
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--brpn-accent);
  box-shadow:0 0 0 0 color-mix(in srgb,var(--brpn-accent) 26%,transparent);
  animation:brpnBeacon 2.8s ease-out infinite;
}
.brpn-track-beacon:after{
  content:"";
  position:absolute;
  inset:-4px;
  border:1px solid color-mix(in srgb,var(--brpn-accent) 38%,transparent);
  border-radius:50%;
  opacity:.45;
}
@keyframes brpnBeacon{
  0%,62%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brpn-accent) 0%,transparent);opacity:.88}
  72%{box-shadow:0 0 0 6px color-mix(in srgb,var(--brpn-accent) 14%,transparent);opacity:1}
  84%{box-shadow:0 0 0 11px color-mix(in srgb,var(--brpn-accent) 0%,transparent);opacity:.9}
}
.brpn-mobile-foot a{background:rgba(255,255,255,.055)!important}
.brpn-mobile-foot a:hover,.brpn-mobile-foot a:active{background:rgba(255,255,255,.07)!important}
.brpn-mobile-track-link{gap:10px!important}

/* Full-width premium tracking workspace below the existing site header/banner. */
.brpn-tracking-page .brpn-track-portal{
  box-sizing:border-box;
  width:100vw;
  max-width:100vw;
  margin:0 calc(50% - 50vw) 0;
  padding:clamp(26px,3vw,46px) clamp(18px,3.2vw,58px) clamp(54px,6vw,90px);
  background:linear-gradient(180deg,#f4f7f6 0%,#f7f9f8 100%);
}
.brpn-tracking-page .brpn-track-hero,
.brpn-tracking-page .brpn-track-existing{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.brpn-tracking-page .brpn-track-hero{min-height:clamp(390px,44vh,560px)}
@media(max-width:900px){
  .brpn-tracking-page .brpn-track-portal{padding:20px 14px 52px}
  .brpn-tracking-page .brpn-track-hero{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .brpn-track-beacon{animation:none!important}
  .brpn-desktop-trigger:before{display:none!important}
}


/* v2.4: zero-jank sticky header + refined Brandré action system. */
@media(min-width:1024px){
  /* Keep the action rail layout-stable. Avoid container transforms/contain that can fight WoodMart sticky transforms. */
  .brpn-desktop-actions{
    position:relative;
    display:flex!important;
    align-items:center;
    gap:9px;
    min-height:48px;
    flex:0 0 auto;
    isolation:auto;
    contain:none;
    transform:none!important;
    backface-visibility:visible;
    will-change:auto;
  }
  .whb-sticked .brpn-desktop-actions,
  .whb-sticky-header .brpn-desktop-actions,
  .whb-clone .brpn-desktop-actions{transform:none!important;backface-visibility:visible;will-change:auto}

  .brpn-action-button{
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    height:42px;
    padding:0 15px;
    border-radius:12px;
    text-decoration:none!important;
    white-space:nowrap;
    font-size:13.5px;
    font-weight:760;
    letter-spacing:.005em;
    line-height:1;
    border:1px solid rgba(255,255,255,.15);
    color:#fff!important;
    background:rgba(7,18,15,.12);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 12px rgba(0,0,0,.06);
    transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s cubic-bezier(.2,.8,.2,1);
  }
  .brpn-action-button:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  }
  .brpn-action-button:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--brpn-accent) 48%,rgba(255,255,255,.18));
    background:rgba(8,24,19,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 22px rgba(0,0,0,.10);
  }
  .brpn-action-button:focus-visible{outline:2px solid color-mix(in srgb,var(--brpn-accent) 78%,white);outline-offset:2px}
  .brpn-action-icon{width:18px!important;height:18px!important;flex:0 0 auto;transition:transform .22s ease,color .22s ease}
  .brpn-action-button:hover .brpn-action-icon{transform:translateY(-1px) scale(1.04)}

  /* Category label itself turns Brandré green on hover, as requested. */
  .brpn-desktop-trigger>span{transition:color .2s ease}
  .brpn-desktop-trigger:hover>span{color:var(--brpn-accent)!important}
  .brpn-desktop-trigger:hover svg:first-child{color:var(--brpn-accent)!important}

  /* Tracking remains restrained on desktop; only its status point pulses. */
  .brpn-track-trigger{background:transparent!important}
  .brpn-track-trigger:hover{background:rgba(255,255,255,.045)!important}

  /* Empresas has a premium glass treatment but stays visually balanced with the other actions. */
  .brpn-business-trigger{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));}
  .brpn-business-trigger:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--brpn-accent) 15%,rgba(255,255,255,.07)),rgba(255,255,255,.035))!important}
  .brpn-business-trigger>svg:last-child{width:14px!important;height:14px!important;opacity:.72;transition:transform .2s ease}
  .brpn-business-trigger:hover>svg:last-child{transform:translateX(2px)}
}

/* Mobile: restore the full tracking button emphasis, with cart icon and a slow subtle whole-button pulse. */
@media(max-width:1023px){
  .brpn-mobile-foot{height:68px;padding:9px 14px}
  .brpn-mobile-stage{bottom:68px}
  .brpn-mobile-track-link{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,color-mix(in srgb,var(--brpn-accent) 84%,#0b2f24),var(--brpn-accent))!important;
    border:1px solid color-mix(in srgb,var(--brpn-accent) 72%,white 10%);
    box-shadow:0 7px 20px color-mix(in srgb,var(--brpn-accent) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.12);
    animation:brpnMobileTrackPulse 4.6s ease-in-out infinite;
  }
  .brpn-mobile-track-link:hover,.brpn-mobile-track-link:active{background:linear-gradient(135deg,color-mix(in srgb,var(--brpn-accent) 88%,#0b2f24),var(--brpn-accent))!important}
  .brpn-mobile-track-link .brpn-action-icon{width:19px!important;height:19px!important;flex:0 0 auto}
  .brpn-mobile-track-link:after{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    box-shadow:0 0 0 0 color-mix(in srgb,var(--brpn-accent) 0%,transparent);
    animation:brpnMobileTrackRing 4.6s ease-out infinite;
    pointer-events:none;
  }
  .brpn-mobile-track-link .brpn-track-beacon{display:none!important}
}
@keyframes brpnMobileTrackPulse{
  0%,58%,100%{filter:brightness(1);transform:translateZ(0)}
  68%{filter:brightness(1.07);transform:translateY(-1px)}
  78%{filter:brightness(1.015);transform:translateZ(0)}
}
@keyframes brpnMobileTrackRing{
  0%,58%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brpn-accent) 0%,transparent)}
  70%{box-shadow:0 0 0 5px color-mix(in srgb,var(--brpn-accent) 10%,transparent)}
  84%{box-shadow:0 0 0 9px color-mix(in srgb,var(--brpn-accent) 0%,transparent)}
}
@media(prefers-reduced-motion:reduce){.brpn-mobile-track-link,.brpn-mobile-track-link:after{animation:none!important}}

/* v2.5: single stable desktop rail, white desktop icons, delivery-truck tracking icon. */
@media(min-width:1024px){
  /* Hard safety: only the canonical rail is allowed to render in desktop headers. */
  .brpn-desktop-actions:not(.brpn-desktop-actions-primary){display:none!important}
  .brpn-desktop-actions-primary{display:flex!important;transform:none!important;animation:none!important;will-change:auto!important}

  /* Keep the rail and buttons paint-stable while WoodMart enters/leaves sticky mode. */
  .brpn-desktop-actions-primary,
  .brpn-desktop-actions-primary .brpn-action-button{
    transform:none!important;
    backface-visibility:visible!important;
    will-change:auto!important;
  }
  .brpn-desktop-actions-primary .brpn-action-button{
    transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
  }
  .brpn-desktop-actions-primary .brpn-action-button:hover{transform:none!important}
  .brpn-desktop-trigger:before{display:none!important}

  /* Icons stay white on PC for contrast against the dark WoodMart header. */
  .brpn-desktop-actions-primary .brpn-action-icon,
  .brpn-desktop-actions-primary .brpn-desktop-trigger>svg,
  .brpn-desktop-actions-primary .brpn-business-trigger>svg{
    color:#fff!important;
    stroke:#fff!important;
  }
  .brpn-desktop-actions-primary .brpn-action-button:hover .brpn-action-icon,
  .brpn-desktop-actions-primary .brpn-desktop-trigger:hover>svg:first-child{
    color:#fff!important;
    stroke:#fff!important;
    transform:none!important;
  }
  /* Only the Category text turns green on hover; its icon remains white. */
  .brpn-desktop-actions-primary .brpn-desktop-trigger:hover>span{color:var(--brpn-accent)!important}
}

.brpn-shipping-icon{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}


/* v2.6: lower-row-only desktop mount, no sticky jank, mobile Empresas action. */
@media(min-width:1024px){
  /* Never suppress an upper-row menu. The plugin owns only the chosen lower navigation node. */
  .whb-header:not(.whb-header-bottom) > .whb-row:not(.whb-header-bottom) .wd-header-nav:not(.brpn-original-desktop-nav),
  .whb-header:not(.whb-header-bottom) > .whb-row:not(.whb-header-bottom) .wd-header-menu:not(.brpn-original-desktop-nav){display:revert!important}

  /* Absolutely stable rail: no transforms, no animated geometry, no expensive paint effects while sticky toggles. */
  .brpn-desktop-actions-primary{
    animation:none!important;transition:none!important;transform:none!important;filter:none!important;
    will-change:auto!important;contain:none!important;backface-visibility:visible!important;
  }
  .brpn-desktop-actions-primary .brpn-action-button,
  .brpn-desktop-actions-primary .brpn-action-button:hover,
  .brpn-desktop-actions-primary .brpn-action-icon,
  .brpn-desktop-actions-primary .brpn-action-button:hover .brpn-action-icon{
    animation:none!important;transform:none!important;filter:none!important;will-change:auto!important;
  }
  .brpn-desktop-actions-primary .brpn-action-button{transition:background-color .12s linear,border-color .12s linear,color .12s linear!important}
  .brpn-desktop-actions-primary .brpn-action-button:before,.brpn-desktop-actions-primary .brpn-action-button:after{animation:none!important;transition:none!important}
  .brpn-desktop-actions-primary svg{color:#fff!important;stroke:#fff!important}
  .brpn-desktop-actions-primary .brpn-desktop-trigger:hover>span{color:var(--brpn-accent)!important}
}

@media(max-width:1023px){
  .brpn-mobile-foot{height:122px!important;display:grid;grid-template-columns:1fr;gap:8px;padding:9px 14px!important}
  .brpn-mobile-stage{bottom:122px!important}
  .brpn-mobile-foot a{height:48px!important;min-height:48px!important}
  .brpn-mobile-business-link{
    position:relative;display:flex!important;align-items:center;gap:10px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045))!important;
    border:1px solid rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .brpn-mobile-business-link .brpn-action-icon{width:19px!important;height:19px!important;fill:none!important;stroke:#fff!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .brpn-mobile-business-chevron{margin-left:auto;width:15px!important;height:15px!important;fill:none!important;stroke:#8fa39b!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
}

/* v2.7: persistent desktop search + subtle premium attention pulses (paint-only, no geometry changes). */
@media(min-width:1024px){
  /* Keep the category search visible while only the left category list scrolls. */
  .brpn-mega-side > .brpn-search{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    margin-top:0!important;
    background:#17202a!important;
    border-color:rgba(255,255,255,.11)!important;
    box-shadow:0 8px 18px rgba(7,10,14,.20),0 -12px 0 12px #0f151d!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .brpn-mega-side > .brpn-search:focus-within{
    border-color:color-mix(in srgb,var(--brpn-accent) 52%,rgba(255,255,255,.15))!important;
    box-shadow:0 8px 18px rgba(7,10,14,.20),0 -12px 0 12px #0f151d,0 0 0 2px color-mix(in srgb,var(--brpn-accent) 16%,transparent)!important;
  }

  /* Premium pulses use opacity/background only: no transform/filter/layout animation. */
  .brpn-desktop-actions-primary .brpn-track-trigger,
  .brpn-desktop-actions-primary .brpn-business-trigger{
    position:relative!important;
    overflow:hidden!important;
  }
  .brpn-desktop-actions-primary .brpn-track-trigger::before,
  .brpn-desktop-actions-primary .brpn-business-trigger::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    background:linear-gradient(105deg,transparent 0%,color-mix(in srgb,var(--brpn-accent) 22%,transparent) 46%,color-mix(in srgb,var(--brpn-accent) 9%,transparent) 68%,transparent 100%)!important;
    opacity:0!important;
    animation:brpnPremiumSignal 5.8s ease-in-out infinite!important;
  }
  .brpn-desktop-actions-primary .brpn-business-trigger::before{animation-delay:1.65s!important}
  .brpn-desktop-actions-primary .brpn-track-trigger > *,
  .brpn-desktop-actions-primary .brpn-business-trigger > *{position:relative;z-index:1}
}

@media(max-width:1023px){
  /* Tracking keeps its current green treatment. Empresas receives the same restrained attention rhythm. */
  .brpn-mobile-track-link,
  .brpn-mobile-business-link{position:relative!important;overflow:hidden!important}
  .brpn-mobile-track-link::before,
  .brpn-mobile-business-link::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.11) 46%,rgba(255,255,255,.045) 67%,transparent 100%);
    opacity:0;
    animation:brpnPremiumSignal 5.8s ease-in-out infinite;
  }
  .brpn-mobile-business-link::before{animation-delay:1.65s}
  .brpn-mobile-track-link > *,
  .brpn-mobile-business-link > *{position:relative;z-index:1}

  /* Disable the older filter/transform pulse so the new signal stays fluid. */
  .brpn-mobile-track-link{animation:none!important;filter:none!important;transform:none!important}
  .brpn-mobile-track-link:after{animation:none!important;box-shadow:none!important}
}

@keyframes brpnPremiumSignal{
  0%,58%,100%{opacity:0}
  66%{opacity:.28}
  73%{opacity:.10}
  80%{opacity:.22}
  88%{opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .brpn-desktop-actions-primary .brpn-track-trigger::before,
  .brpn-desktop-actions-primary .brpn-business-trigger::before,
  .brpn-mobile-track-link::before,
  .brpn-mobile-business-link::before{animation:none!important}
}

/* v2.7.1: keep the complete left header visible (brand line + search) without overlap/cropping. */
@media(min-width:1024px){
  .brpn-mega-side{
    position:relative!important;
    padding-top:0!important;
    scrollbar-gutter:stable;
  }
  .brpn-mega-side > .brpn-brandline{
    position:sticky!important;
    top:0!important;
    z-index:12!important;
    min-height:54px!important;
    margin:0!important;
    padding:20px 4px 12px!important;
    background:#0f151d!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:visible!important;
    line-height:1.2!important;
  }
  .brpn-mega-side > .brpn-search{
    position:sticky!important;
    top:54px!important;
    z-index:11!important;
    margin:0 0 14px!important;
    flex:0 0 auto!important;
    width:100%!important;
    box-sizing:border-box!important;
    background:#17202a!important;
    box-shadow:0 10px 18px rgba(7,10,14,.18),0 -8px 0 8px #0f151d!important;
  }
  .brpn-mega-side > .brpn-search:focus-within{
    box-shadow:0 10px 18px rgba(7,10,14,.18),0 -8px 0 8px #0f151d,0 0 0 2px color-mix(in srgb,var(--brpn-accent) 16%,transparent)!important;
  }
  .brpn-mega-side > .brpn-topcats{margin-top:0!important}
}