/* NubeParts RC99 · Web / Storefront UX PRO
 * Capa aditiva sobre spec-frontend.css + spec-storefront-rc42.css.
 * No altera contratos de catálogo, precio/stock, cotización, VIN/OEM ni seguridad.
 */
:root{
  --np99-surface:#ffffff;
  --np99-surface-soft:#f8fafb;
  --np99-ink:#10222d;
  --np99-muted:#63747f;
  --np99-line:#dce5e9;
  --np99-radius:18px;
  --np99-radius-lg:26px;
  --np99-shadow:0 16px 45px rgba(7,25,35,.09);
  --np99-shadow-lg:0 28px 75px rgba(7,25,35,.15);
}
body.nubeparts3-native-page{background:#f5f8f9!important}
#nubeparts3-site{background:#f5f8f9}
#nubeparts3-site :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(226,29,43,.25);outline-offset:3px}

/* Header: less visual noise, stronger search/account hierarchy. */
.np3-header{border-bottom:0;box-shadow:0 1px 0 rgba(16,43,58,.08)}
.np3-header.is-sticky{box-shadow:0 16px 45px rgba(7,25,35,.12)}
.np3-topbar__promise{display:inline-flex;align-items:center;gap:8px}
.np3-topbar__promise:before{content:"";width:7px;height:7px;border-radius:999px;background:#52d29b;box-shadow:0 0 0 4px rgba(82,210,155,.12)}
.np3-mainbar__inner{min-height:82px;gap:24px}
.np3-header-search-wrap{min-width:0}
.np3-header-search-wrap .advanced-product-search-form-full{min-height:50px!important;padding:4px!important;border:1px solid #d4dfe3;border-radius:15px;background:#f8fafb;box-shadow:0 6px 20px rgba(7,25,35,.035);transition:border-color .2s,box-shadow .2s,background .2s}
.np3-header-search-wrap .advanced-product-search-form-full:focus-within{border-color:rgba(226,29,43,.45);background:#fff;box-shadow:0 0 0 4px rgba(226,29,43,.07),0 10px 25px rgba(7,25,35,.06)}
.np3-header-search-wrap .advanced-product-search-form-full select,
.np3-header-search-wrap .advanced-product-search-form-full input{min-height:40px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
.np3-header-search-wrap .advanced-product-search-form-full .aps-submit-button{min-height:42px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--np3-red),var(--np3-red-dark));color:#fff;font-weight:900;cursor:pointer}
.np3-header-actions .scrpc-quote-menu-button{min-height:44px!important;border-radius:12px!important}
.np3-nav{box-shadow:0 10px 24px rgba(7,25,35,.025)}
.np3-menu a{gap:8px}

/* Home: one clear task, trust immediately below search. */
.np3-home-search-hero{min-height:650px}
.np3-home-search-hero .np3-fallback-hero__content{padding-top:56px;padding-bottom:62px}
.np3-home-search-hero .np3-fallback-hero__panel{max-width:1220px!important;padding:34px!important;border-radius:28px!important}
.np3-home-search-hero .np3-fallback-hero__panel h1{max-width:720px;margin-bottom:12px;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.048em}
.np3-home-search-hero .np3-fallback-hero__lead{max-width:690px;font-size:17px;line-height:1.6}
.np99-hero-trust{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 2px;padding:0;list-style:none}
.np99-hero-trust li{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(4,20,28,.25);color:#f5fbfd;font-size:12px;font-weight:780;backdrop-filter:blur(10px)}
.np99-hero-trust li:before{content:"✓";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(82,210,155,.18);color:#71e2b1;font-size:10px;font-weight:900}
.np3-fallback-hero__vehicle-search{margin-top:22px}
.np3-fallback-hero__direct-search{margin-top:12px}
.np3-home-search-hero form :where(input,select,button){min-height:46px}

/* Proof band becomes a strong service proposition instead of four isolated boxes. */
.np3-commerce-proof{position:relative;z-index:4;margin-top:-1px;background:#fff;border-bottom:1px solid #e4eaed}
.np3-commerce-proof__grid{gap:0}
.np3-commerce-proof article{position:relative;padding:22px 24px}
.np3-commerce-proof article+article:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#e3eaed}

/* Section rhythm. */
.np3-section{padding:76px 0}
.np3-selling-heading{align-items:end}
.np3-selling-heading h2{max-width:760px}
.np3-selling-heading p{max-width:760px}
.np3-process-grid--seller{gap:16px}
.np3-process-grid--seller .np3-process-card{min-height:235px;padding:26px}
.np3-process-grid--seller .np3-process-card__number{font-size:34px}
.np3-process-grid--seller .np3-process-card h3{margin-top:36px}

/* Shop: guide the customer instead of dropping them directly into filters. */
.np3-shop-hero-v4{padding:58px 0 38px!important;background:linear-gradient(135deg,#071923 0%,#102f3f 62%,#153f50 100%)!important}
.np3-shop-hero-v4__grid{align-items:center;gap:44px}
.np3-shop-hero-v4__copy h1{max-width:760px;font-size:clamp(36px,4.4vw,58px)!important;line-height:1;letter-spacing:-.045em}
.np3-shop-hero-v4__copy p{max-width:720px;color:#c8d6dc!important;font-size:16px!important;line-height:1.65}
.np99-shop-steps{margin-top:25px;display:flex;flex-wrap:wrap;gap:9px}
.np99-shop-steps span{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);color:#eaf2f5;font-size:12px;font-weight:800}
.np99-shop-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#0d2a38;font-size:10px}
.np3-shop-section{padding:30px 0 74px!important}
.np3-shop-module{position:relative}
.np3-catalog-modes{position:sticky;top:0;z-index:20;border:1px solid var(--np99-line)!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 9px 30px rgba(7,25,35,.07);backdrop-filter:blur(15px)}
.np3-catalog-modes button{min-height:64px!important}
.np3-catalog-sidebar{border:1px solid var(--np99-line)!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(7,25,35,.055)!important}
.np3-catalog-results{min-width:0}
.scrpc-search-status{border:1px solid var(--np99-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(7,25,35,.045)}
.np3-catalog-product-list{gap:16px!important}
.np3-catalog-product-list .scrpc-product-card,
.np3-catalog-product-list .product-card,
.np3-featured-products .scrpc-product-card{border:1px solid #e0e7ea!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(7,25,35,.055)!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.np3-catalog-product-list .scrpc-product-card:hover,
.np3-catalog-product-list .product-card:hover,
.np3-featured-products .scrpc-product-card:hover{transform:translateY(-3px);border-color:rgba(226,29,43,.2)!important;box-shadow:0 18px 38px rgba(7,25,35,.1)!important}
.np3-catalog-help,.np3-catalog-bottom-help{border-radius:16px!important}

/* Product: reinforce decision confidence and keep the purchase action reachable on mobile. */
.np3-product-detail-shell{padding-top:26px!important;padding-bottom:72px!important}
.np3-product-breadcrumbs{margin-bottom:14px;color:#6a7a84;font-size:12px}
.np3-single-product-v2 .np3-product-shell,
.np3-single-product-v2 .scrpc-single-product{border-radius:22px}
.np99-product-confidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.np99-product-confidence span{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 13px;border:1px solid #dfe7ea;border-radius:13px;background:#fff;color:#40515a;font-size:12px;font-weight:800;box-shadow:0 5px 15px rgba(7,25,35,.035)}
.np99-product-confidence span:before{content:"✓";display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#e9f8f2;color:#19875d;font-size:11px}
.np3-single-product-v2 :where(.scrpc-product-actions,.np3-product-actions,.scrpc-actions){gap:10px}
.np3-single-product-v2 :where(button,.button,.np3-button){min-height:44px}

/* Runtime-added small status chips and fixed mobile shortcut. */
.np99-runtime-badge{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 9px;border:1px solid #dfe7ea;border-radius:999px;background:#fff;color:#52636d;font-size:11px;font-weight:800}
.np99-runtime-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#25a56f}
.np99-mobile-catalog-cta{display:none}

/* Login/register modal consistency on the public storefront. */
body.nubeparts3-native-page .nubeparts-login-modal__dialog,
body.nubeparts3-native-page .nubeparts-login-card{border-radius:22px!important;box-shadow:0 28px 80px rgba(7,25,35,.22)!important}
body.nubeparts3-native-page .nubeparts-login-modal :where(input,select,button){min-height:44px}

/* Footer. */
.np3-footer__lead{border-radius:20px 20px 0 0}
.np3-footer__grid{gap:40px}
.np3-footer__grid h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.np3-footer__grid a{transition:color .18s,transform .18s}
.np3-footer__grid a:hover{color:#fff;transform:translateX(2px)}

/* Accessibility / reduced motion. */
@media(prefers-reduced-motion:reduce){
  #nubeparts3-site *,#nubeparts3-site *:before,#nubeparts3-site *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

@media(max-width:1024px){
  .np3-mainbar__inner{grid-template-columns:175px minmax(0,1fr) auto;gap:14px}
  .np3-logo{width:170px}
  .np3-commerce-proof article{padding:18px 16px}
  .np99-product-confidence{grid-template-columns:1fr}
}

@media(max-width:760px){
  .np3-container{width:min(100% - 28px,1240px)}
  .np3-topbar__contacts{display:none}
  .np3-topbar__inner{justify-content:flex-end}
  .np3-mainbar__inner{min-height:70px;grid-template-columns:minmax(130px,165px) auto}
  .np3-header-search-wrap{grid-column:1/-1;grid-row:2;margin:0 0 12px}
  .np3-header-search-wrap .advanced-product-search-form-full{display:grid!important;grid-template-columns:1fr auto!important;gap:4px!important}
  .np3-header-search-wrap .aps-cat{display:none!important}
  .np3-header-search-wrap .aps-q{min-width:0}
  .np3-header-actions{grid-column:2;grid-row:1}
  .np3-home-search-hero{min-height:720px!important}
  .np3-home-search-hero .np3-fallback-hero__content{padding-top:34px;padding-bottom:38px}
  .np3-home-search-hero .np3-fallback-hero__panel{padding:23px 18px!important;border-radius:22px!important}
  .np3-home-search-hero .np3-fallback-hero__panel h1{font-size:clamp(34px,10vw,48px)}
  .np99-hero-trust{gap:7px}
  .np99-hero-trust li{font-size:11px}
  .np3-commerce-proof__grid{grid-template-columns:1fr 1fr!important}
  .np3-commerce-proof article+article:before{display:none}
  .np3-commerce-proof article{min-height:110px;border-bottom:1px solid #e5ebed}
  .np3-section{padding:58px 0}
  .np3-shop-hero-v4{padding:38px 0 25px!important}
  .np3-shop-hero-v4__visual{display:none!important}
  .np3-shop-hero-v4__grid{display:block!important}
  .np3-catalog-modes{top:0;overflow:auto;scrollbar-width:none;justify-content:flex-start!important}
  .np3-catalog-modes::-webkit-scrollbar{display:none}
  .np3-catalog-modes button{min-width:128px;flex:0 0 128px}
  .np3-catalog-layout{display:block!important}
  .np3-catalog-sidebar{margin-bottom:14px}
  .scrpc-search-status{align-items:flex-start!important}
  .np3-catalog-product-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .np99-mobile-catalog-cta{position:fixed;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:9997;display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px;border:1px solid rgba(16,43,58,.12);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(7,25,35,.2);backdrop-filter:blur(16px);transform:translateY(140%);opacity:0;transition:.25s}
  .np99-mobile-catalog-cta.is-visible{transform:none;opacity:1}
  .np99-mobile-catalog-cta a,.np99-mobile-catalog-cta button{min-height:44px;border:0;border-radius:11px;font-weight:900}
  .np99-mobile-catalog-cta a{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--np3-red),var(--np3-red-dark));color:#fff!important}
  .np99-mobile-catalog-cta button{padding:0 14px;background:#eef3f5;color:#263b46}
}

@media(max-width:520px){
  .np3-commerce-proof__grid{grid-template-columns:1fr!important}
  .np3-commerce-proof article{min-height:88px}
  .np3-catalog-product-list{grid-template-columns:1fr!important}
  .np99-shop-steps{display:grid;grid-template-columns:1fr 1fr}
  .np99-shop-steps span{min-height:40px;border-radius:12px}
}