/* Diseño exclusivo del catálogo público de venta directa. */
.direct-sale-page { background:#f5f9fd; overflow-x:clip; }
.direct-sale-page .shell { max-width:1920px; padding-inline:clamp(16px,2vw,38px); }
.direct-sale-page .header-top { min-height:68px; padding-block:8px; }
.direct-sale-page .nav-inner > a { padding:10px 12px; text-transform:none; letter-spacing:0; }
.direct-sale-page .pvd-favorites-link { border:0!important; background:transparent!important; }
.pvd-header-cart { position:relative; color:#fff; background:transparent; border:0; padding:12px; cursor:pointer; }
.pvd-header-cart b { position:absolute; right:0; top:0; background:#ed0021; border-radius:50%; min-width:17px; height:17px; font-size:10px; }
.pvd-hero { color:#fff; background:#100203 url('assets/banners/venta-directa-publica-20261013.webp') center 56%/cover no-repeat; }
.pvd-hero-inner { min-height:clamp(190px,16vw,270px); display:flex; align-items:center; justify-content:space-between; gap:25px; padding-block:18px; }
.pvd-hero-copy { width:38%; text-shadow:0 2px 10px #000b; }
.pvd-eyebrow { display:inline-block; background:#f00020; border-radius:3px; padding:4px 13px; font-size:12px; font-weight:800; margin-bottom:9px; text-shadow:none; }
.pvd-hero h1 { font-size:clamp(30px,3vw,48px); line-height:1.04; letter-spacing:-1.4px; font-weight:900; margin-bottom:12px; }
.pvd-hero h1 span { color:#ffcd00; }
.pvd-hero p { font-size:clamp(11px,.98vw,15px); line-height:1.45; max-width:470px; }
.pvd-hero ul { list-style:none; display:grid; gap:12px; font-size:12px; padding:18px; background:#050606dc; border-left:1px solid #ffffff20; border-radius:4px; }
.pvd-hero li { display:flex; gap:11px; align-items:center; }.pvd-hero li i { color:#ffcd00; font-size:18px; width:20px; text-align:center; }
.pvd-categories { display:grid; grid-template-columns:1.2fr repeat(var(--pvd-cols,9),minmax(0,1fr)); gap:8px; padding:12px 0; border-bottom:1px solid #e7edf5; }
.pvd-category { display:flex; align-items:center; gap:7px; min-width:0; padding:4px; border:1px solid #e4ebf3; border-radius:4px; background:linear-gradient(#fff,#eef4fb); transition:border-color .15s; }
.pvd-category > img,.pvd-category-art { width:42%; height:46px; flex-shrink:0; object-fit:cover; border-radius:3px; }
.pvd-category-art { background:url('assets/inicio/categorias-industria-hogar.webp') no-repeat; background-size:300% auto; }
.pvd-category > i { font-size:26px; padding:8px; }.pvd-category > span { min-width:0; }
.pvd-category b { display:block; font-size:clamp(8px,.66vw,11px); line-height:1.25; font-weight:800; }
.pvd-category small { display:block; font-size:9px; color:#62738f; margin-top:4px; white-space:nowrap; }
.pvd-category.is-active { background:#ed0021; color:#fff; border-color:#ed0021; box-shadow:0 3px 9px #ed002125; }.pvd-category.is-active small { color:#fff; }.pvd-category:hover { border-color:#ed0021; }
.pvd-layout { display:grid; grid-template-columns:clamp(180px,17%,280px) minmax(0,1fr) clamp(165px,13%,220px); align-items:start; gap:16px; padding:16px 0 35px; }
.pvd-sidebar,.pvd-results,.pvd-right { min-width:0; }
.pvd-filter-panel { position:relative; border:1px solid #dfe7f1; background:#f4f8fd; border-radius:5px; padding:14px; }
.pvd-filter-panel summary { display:flex; justify-content:space-between; align-items:center; list-style:none; font-weight:800; font-size:15px; cursor:pointer; }.pvd-filter-panel summary::-webkit-details-marker { display:none; }.pvd-filter-panel summary i { font-size:12px; }.pvd-filter-panel summary span i { margin-right:5px; }
.pvd-clear { display:block; color:#6c7e97; font-size:10px; text-align:right; margin:8px 0 15px; }.pvd-clear:hover { color:#ed0021; }
.pvd-sidebar form { display:grid; gap:16px; }.pvd-field { display:grid; gap:7px; font-size:11px; font-weight:800; }
.pvd-sidebar input[type=search],.pvd-sidebar input[type=number],.pvd-sidebar select,.pvd-display select { min-width:0; width:100%; color:#51617c; font:inherit; font-size:10px; font-weight:400; padding:8px; border:1px solid #dce5ef; border-radius:4px; background:#f8fbff; }
.pvd-sidebar :is(input,select):focus-visible { outline:2px solid #ec9c00; outline-offset:2px; }
.pvd-search { position:relative; }.pvd-search i { position:absolute; top:11px; left:9px; color:#8a9ab0; font-size:10px; }.pvd-search input { padding-left:26px!important; }
.pvd-sidebar fieldset { min-width:0; border:0; }.pvd-sidebar legend { font-size:11px; font-weight:800; margin-bottom:8px; }
.pvd-choice { display:flex; gap:6px; align-items:center; font-size:11px; color:#53657e; padding-block:3px; cursor:pointer; }.pvd-choice input { width:13px; height:13px; accent-color:#ed0021; }.pvd-choice span { flex:1; }.pvd-choice b { font-size:10px; font-weight:500; color:#798ba4; }
.pvd-price-range { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.pvd-price-range label > span { display:block; font-size:9px; color:#71839b; margin-bottom:4px; }.pvd-price-range input { padding-inline:5px!important; }
.pvd-price-error { margin-top:8px; color:#c9001c; font-size:11px; }.pvd-price-error[hidden] { display:none; }
.pvd-apply,.pvd-red-button { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; border:0; border-radius:4px; padding:10px 8px; background:#ed0021; color:#fff; font:inherit; font-size:11px!important; font-weight:700!important; cursor:pointer; }.pvd-apply:hover,.pvd-red-button:hover { background:#ce001e; }
.pvd-results { scroll-margin-top:16px; }.pvd-results-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:54px; margin-bottom:14px; }.pvd-results-heading > div:first-child { min-width:0; }
.pvd-results-heading h2 { display:flex; align-items:center; gap:12px; font-size:24px; font-weight:800; letter-spacing:-.8px; line-height:1.25; }.pvd-results-heading h2 i { color:#ed0021; font-size:29px; }.pvd-results-heading p { font-size:10px; color:#667894; margin:6px 0 0 42px; }
.pvd-benefits { display:flex; gap:8px; flex-shrink:0; }.pvd-benefits > div { display:flex; align-items:center; gap:9px; border:1px solid #e4ecf5; background:#f8fbff; border-radius:4px; padding:11px; }.pvd-benefits i { color:#ed0021; font-size:21px; }.pvd-benefits b { display:block; font-size:9px; }.pvd-benefits small { display:block; font-size:8px; color:#72839b; margin-top:3px; }
.pvd-toolbar { display:flex; align-items:center; gap:12px; justify-content:space-between; margin-bottom:12px; }.pvd-tabs { display:flex; gap:5px; min-width:0; overflow-x:auto; scrollbar-width:thin; flex:1; }.pvd-tabs a { padding:10px 9px; font-size:10px; white-space:nowrap; color:#536582; border-bottom:2px solid transparent; }.pvd-tabs a.is-active { color:#ed0021; border-bottom-color:#ed0021; font-weight:800; }
.pvd-display { display:flex; align-items:center; gap:9px; flex-shrink:0; }.pvd-display label { display:flex; align-items:center; gap:5px; font-size:9px; white-space:nowrap; }.pvd-display select { width:106px; padding:6px; font-size:9px; }.pvd-views { display:flex; padding:3px; background:#fff; border:1px solid #e1e9f3; border-radius:4px; }.pvd-views button { border:0; background:transparent; color:#74839a; padding:5px; cursor:pointer; font-size:12px; }.pvd-views button[aria-pressed=true] { color:#ed0021; }
.pvd-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; align-items:stretch; }
.pvd-product { display:flex; flex-direction:column; position:relative; min-width:0; background:#fff; border:1px solid #e0e7f0; border-radius:5px; overflow:hidden; box-shadow:0 2px 6px #17324d06; transition:box-shadow .15s,transform .15s; }.pvd-product:hover { box-shadow:0 6px 16px #17324d18; transform:translateY(-2px); }
.pvd-product-image { position:relative; display:block; overflow:hidden; aspect-ratio:1.8; background:#eaf0f7; }.pvd-product-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pvd-favorite { position:absolute; top:6px; right:6px; background:#fffc; color:#3c4b62; width:25px; height:25px; display:grid; place-items:center; border:1px solid #dbe4ed; border-radius:5px; cursor:pointer; font-size:14px; }.pvd-favorite[aria-pressed=true] { color:#ed0021; }
.pvd-product-body { display:flex; flex-direction:column; align-items:flex-start; padding:9px; flex:1; }.pvd-product h3 { font-size:12px; font-weight:800; line-height:1.3; min-height:32px; margin:0 0 5px; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }.pvd-product h3 a:hover { color:#ed0021; }.pvd-condition { display:inline-block; border-radius:3px; padding:2px 5px; color:#50627f; background:#eef3f9; font-size:9px; margin-bottom:7px; }
.pvd-price { color:#ed0021; font-weight:800; font-size:clamp(14px,1.1vw,19px); line-height:1.5; overflow-wrap:anywhere; }.pvd-price small { color:#677a96; font-size:9px; font-weight:500; }.pvd-location { display:flex; gap:4px; align-items:baseline; color:#53637b; font-size:9px; line-height:1.4; margin:4px 0 8px; }
.pvd-add,.pvd-detail-link { display:flex; justify-content:center; align-items:center; gap:6px; padding:8px 4px; width:100%; margin-top:auto; border:0; border-radius:3px; background:#ffdf21; color:#182339; font-size:10px!important; font-weight:800!important; cursor:pointer; }.pvd-add:hover { background:#ffce00; }.pvd-add.is-added { background:#e8f7ee; color:#116e46; }
.pvd-grid.is-list { grid-template-columns:1fr; }.pvd-grid.is-list .pvd-product { display:grid; grid-template-columns:190px 1fr; }.pvd-grid.is-list .pvd-product-image { height:100%; aspect-ratio:auto; min-height:160px; }.pvd-grid.is-list .pvd-favorite { right:auto; left:8px; }.pvd-grid.is-list .pvd-add { max-width:220px; }.pvd-grid.is-list h3 { min-height:0; font-size:15px; }
.pvd-empty { text-align:center; padding:55px 20px; border:1px dashed #d5dfed; border-radius:5px; background:#fff; }.pvd-empty > i { font-size:35px; color:#93a5bc; margin-bottom:14px; }.pvd-empty h3 { font-size:18px; }.pvd-empty p { font-size:12px; color:#6e7d94; margin:8px 0 20px; }.pvd-empty a { display:inline-block; padding:10px 15px; border-radius:4px; background:#ffcd00; font-size:11px; font-weight:700; }
.pvd-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0; font-size:10px; color:#586d8a; }.pvd-pagination nav { display:flex; gap:5px; }.pvd-pagination a { display:grid; place-items:center; min-width:28px; height:30px; border:1px solid #dfe7f1; border-radius:4px; background:#fff; }.pvd-pagination a[aria-current=page] { background:#ed0021; color:#fff; border-color:#ed0021; }
.pvd-purchase-note { display:flex; align-items:baseline; gap:8px; padding:12px; border:1px solid #e1e9f3; border-radius:4px; color:#6b7d95; font-size:10px; line-height:1.6; }
.pvd-right { display:grid; gap:12px; }.pvd-right h2 { font-size:14px; font-weight:800; margin-bottom:12px; }.pvd-cart-box { background:#f9fcff; border:1px solid #e0e8f1; border-radius:5px; padding:13px; }.pvd-cart-box h2 { display:flex; align-items:center; gap:6px; }.pvd-cart-box h2 b { margin-left:auto; display:grid; place-items:center; border-radius:50%; min-width:18px; height:18px; font-size:10px; color:#fff; background:#ed0021; }
#pvdCartSummary { text-align:center; padding:4px 0 15px; }#pvdCartSummary > i { display:block; font-size:25px; margin:2px 0 12px; }#pvdCartSummary strong { display:block; font-size:11px; }#pvdCartSummary p { font-size:10px; color:#6c7c95; margin-top:5px; }#pvdCartSummary .pvd-cart-price { color:#ed0021; font-size:16px; font-weight:800; }
.pvd-how { background:#061725; color:#fff; border:1px solid #102535; border-radius:5px; padding:13px; }.pvd-how ol { list-style:none; display:grid; gap:17px; }.pvd-how li { display:flex; gap:9px; align-items:flex-start; }.pvd-how li > i { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; border-radius:50%; color:#101a28; background:#ffcd00; font-size:13px; }.pvd-how h3 { font-size:11px; margin:2px 0 4px; }.pvd-how p { font-size:10px; color:#c7d1e0; line-height:1.45; }
.pvd-help { background:#fff; border:1px solid #e0e8f1; border-radius:5px; padding:12px; }.pvd-help h2 { margin-bottom:3px; font-size:12px; }.pvd-help p { font-size:9px; color:#708099; margin-bottom:9px; }.pvd-help a { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:8px; border:1px solid #dce5ee; border-radius:3px; padding:9px 6px; font-size:10px; font-weight:700; }.pvd-help a.pvd-whatsapp { background:#00ad78; border-color:#00ad78; color:#fff; }
.pvd-dialog { width:min(650px,calc(100% - 28px)); max-height:calc(100dvh - 40px); overflow:auto; margin:auto; border:1px solid #dde6f1; border-radius:10px; padding:26px; color:#16233a; background:#fff; box-shadow:0 20px 80px #0006; }.pvd-dialog::backdrop { background:#04101dcc; }.pvd-dialog h2 { font-size:24px; padding-right:28px; }.pvd-close-icon { position:absolute; right:15px; top:15px; padding:8px; border:0; background:#edf2f8; border-radius:4px; color:#526680; cursor:pointer; }
#pvdDialogNote { font-size:12px; color:#65758a; line-height:1.6; margin:8px 0 18px; }.pvd-selection-item { display:grid; grid-template-columns:80px 1fr auto; gap:12px; align-items:center; padding:12px 0; border-top:1px solid #e3eaf2; }.pvd-selection-item img { width:80px; height:65px; object-fit:cover; border-radius:4px; }.pvd-selection-item h3 { font-size:13px; }.pvd-selection-item p { color:#ed0021; font-weight:800; font-size:13px; margin:5px 0; }.pvd-selection-item a { font-size:11px; font-weight:700; color:#1a567b; text-decoration:underline; }.pvd-selection-item button { border:0; background:#fff0f2; color:#c9001c; padding:9px; border-radius:4px; font-size:11px; cursor:pointer; }#pvdDialogTotal { text-align:right; font-size:16px; font-weight:800; margin:16px 0; }.pvd-selection-empty { text-align:center; color:#6b7d96; padding:28px 0; font-size:13px; }
.pvd-toast { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:10000; padding:12px 18px; border-radius:6px; background:#10273b; box-shadow:0 5px 25px #0003; color:#fff; max-width:calc(100% - 32px); width:max-content; font-size:12px; }.pvd-toast[hidden] { display:none; }
@media(min-width:1750px) { .pvd-layout { gap:22px; }.pvd-product h3 { font-size:14px; min-height:37px; }.pvd-product-body { padding:12px; }.pvd-category b { font-size:11px; } }
@media(max-width:1250px) { .pvd-benefits > div { padding:8px; }.pvd-benefits > div:last-child { display:none; }.pvd-layout { grid-template-columns:180px minmax(0,1fr) 165px; gap:12px; }.pvd-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }.pvd-categories { grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:132px; overflow-x:auto; scrollbar-width:thin; }.pvd-category b { font-size:10px; }.pvd-hero-copy { width:42%; }.pvd-hero ul { font-size:10px; padding:14px; }.pvd-hero h1 { font-size:34px; }.direct-sale-page .header-top { gap:16px; }.direct-sale-page .header-cta { gap:6px; }.direct-sale-page .header-cta .btn { padding-inline:9px; font-size:10px; } }
@media(max-width:1000px) { .pvd-layout { grid-template-columns:175px minmax(0,1fr); gap:15px; }.pvd-right { grid-column:1/-1; grid-template-columns:1fr 1.5fr 1fr; align-items:start; }.pvd-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.pvd-hero-copy { width:53%; }.pvd-hero ul { max-width:190px; }.pvd-product h3 { font-size:11px; }.pvd-product-body { padding:7px; }.pvd-add { font-size:9px!important; }.pvd-benefits { display:none; } }
@media(max-width:700px) { .direct-sale-page .shell { padding-inline:14px; }.pvd-hero { background-position:60% center; }.pvd-hero-inner { min-height:240px; padding-block:24px; background:linear-gradient(90deg,#050309dc,#05030960 65%,transparent); }.pvd-hero-copy { width:100%; }.pvd-hero h1 { font-size:35px; max-width:330px; }.pvd-hero p { max-width:300px; font-size:12px; }.pvd-desktop-break,.pvd-hero ul { display:none; }.pvd-eyebrow { font-size:10px; }.pvd-categories { padding-block:10px; grid-auto-columns:145px; }.pvd-layout { grid-template-columns:1fr; padding-top:12px; }.pvd-filter-panel { padding:12px; }.pvd-sidebar form { grid-template-columns:1fr 1fr; gap:14px; }.pvd-sidebar form > label:first-child,.pvd-sidebar fieldset:first-of-type,.pvd-apply { grid-column:1/-1; }.pvd-sidebar fieldset:first-of-type { display:flex; flex-wrap:wrap; gap:0 14px; }.pvd-sidebar fieldset:first-of-type .pvd-choice { min-width:43%; }.pvd-choice { padding-block:5px; }.pvd-sidebar input[type=search],.pvd-sidebar input[type=number],.pvd-sidebar select { font-size:12px; min-height:38px; }.pvd-results-heading h2 { font-size:25px; }.pvd-results-heading p { font-size:11px; margin-left:0; }.pvd-toolbar { flex-wrap:wrap; }.pvd-tabs { flex-basis:100%; }.pvd-tabs a { font-size:11px; }.pvd-display { width:100%; justify-content:space-between; }.pvd-display select { min-height:35px; font-size:11px; width:125px; }.pvd-views button { padding:9px; }.pvd-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.pvd-product-image { aspect-ratio:1.45; }.pvd-product-body { padding:10px; }.pvd-product h3 { font-size:12px; }.pvd-price { font-size:16px; }.pvd-add { min-height:36px; font-size:10px!important; }.pvd-favorite { width:32px; height:32px; }.pvd-right { grid-template-columns:1fr 1fr; }.pvd-help { grid-column:1/-1; }.pvd-pagination { flex-wrap:wrap; }.pvd-grid.is-list .pvd-product { grid-template-columns:120px 1fr; }.pvd-grid.is-list h3 { font-size:12px; }.pvd-dialog { padding:20px; }.pvd-selection-item { grid-template-columns:65px 1fr; gap:10px; }.pvd-selection-item img { width:65px; height:60px; }.pvd-selection-item button { grid-column:2; justify-self:start; }.direct-sale-page .pvd-header-cart { padding:10px; }.direct-sale-page .pvd-favorites-link { padding-inline:6px!important; } }
@media(prefers-reduced-motion:reduce) { .pvd-product,.pvd-category { transition:none; }.pvd-product:hover { transform:none; } }
