/* Venta Loca Moderno · ListingHive / HivePress */
body.vl-modern{--vl-blue:#2058d7;--vl-coral:#d93d50;--vl-ink:#172744;--vl-muted:#617089;--vl-line:#e3e9f2;background:#f7f9fd;color:var(--vl-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}
.vl-modern h1,.vl-modern h2,.vl-modern h3,.vl-modern h4,.vl-modern .button,.vl-modern button,.vl-modern .header-logo__name{font-family:inherit;letter-spacing:-.035em}
.vl-modern .site-header{background:white;border-bottom:1px solid var(--vl-line)}
.vl-modern .header-navbar{padding-top:19px;padding-bottom:19px;min-height:76px}
.vl-modern .header-logo__name{color:var(--vl-blue);font-size:29px;font-weight:850;line-height:1.1;white-space:nowrap}
.vl-modern .header-logo__name span{color:var(--vl-coral)}
.vl-modern .header-navbar__menu a{font-size:14px;font-weight:650}
.vl-modern .header-navbar__menu ul li a:hover{color:var(--vl-blue)}
.vl-modern .site-content{padding-top:28px;padding-bottom:42px}
.vl-modern .container{max-width:1240px}
.vl-modern .button,.vl-modern button[type=submit],.vl-modern input[type=submit]{border-radius:12px;font-weight:700;box-shadow:none;letter-spacing:0;min-height:46px}
.vl-modern button[type=submit],.vl-modern .button--primary{background:var(--vl-blue);color:white;background-image:none}
.vl-modern button[type=submit]:hover{background:#1646b6}
.vl-modern .button--secondary{background:var(--vl-coral);color:#fff;background-image:none}
.vl-modern .header-navbar__actions .button{padding:12px 22px}
.vl-modern a:focus-visible,.vl-modern button:focus-visible,.vl-modern input:focus-visible,.vl-modern textarea:focus-visible,.vl-modern select:focus-visible{outline:3px solid #ffb640;outline-offset:3px}
.vl-intro{position:relative;background:#eaf0ff;border:1px solid #dce5ff;border-radius:22px;padding:26px 32px;margin-bottom:22px;overflow:hidden}
.vl-intro::after{content:"";position:absolute;width:180px;height:180px;border:32px solid #ffd7d9;border-radius:50%;right:-70px;top:-70px;pointer-events:none}
.vl-intro .vl-eyebrow{color:#244da5;font-size:10px;font-weight:800;letter-spacing:.16em;margin:0 0 10px}
.vl-intro h1{font-size:clamp(25px,3vw,38px);line-height:1.12;font-weight:800;margin:0 0 10px;max-width:85%;position:relative;z-index:1}
.vl-intro p:last-child{font-size:14px;color:#465b7d;margin:0;max-width:520px;position:relative;z-index:1}
.vl-modern .hp-page__header{margin-bottom:22px}
.vl-modern .hp-form--listing-search{border:1px solid #d4deee;background:#fff;border-radius:15px;padding:7px;box-shadow:0 4px 18px #17274406;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.vl-modern .hp-form--listing-search .hp-form__fields{flex:1;min-width:0;margin:0;padding:0}
.vl-modern .hp-form--listing-search .hp-form__field{padding:0;margin:0}
.vl-modern .hp-form--listing-search input[type=search]{border:0;background:transparent;font-size:16px;padding:12px;min-width:0;width:100%;height:48px}
.vl-modern .hp-form--listing-search .hp-form__footer{margin:0;padding:0;flex:0 0 auto}
.vl-modern .hp-form--listing-search button{padding:12px 22px;margin:0;min-height:48px;font-size:14px}
.vl-modern .hp-button--listing-filter{background:#edf2fa;color:#334c72;border:1px solid #dde5f2;padding:10px 17px;font-size:13px;min-height:42px}
.vl-modern .hp-page__topbar{margin-bottom:18px;gap:12px;align-items:center}
.vl-modern .hp-result-count{font-size:11px;letter-spacing:.04em;color:var(--vl-muted)}
.vl-modern .hp-form--listing-sort .hp-field__label{font-size:11px;letter-spacing:0}
.vl-modern .hp-listing--view-block{border:1px solid var(--vl-line);border-radius:17px;overflow:hidden;background:white;box-shadow:0 3px 12px #17274404;transition:box-shadow .18s ease,transform .18s ease;height:100%;display:flex;flex-direction:column}
.vl-modern .hp-listing--view-block:hover{box-shadow:0 10px 24px #17274412;transform:translateY(-3px)}
.vl-modern .hp-listing--view-block .hp-listing__image{background:#f0f3f8}
.vl-modern .hp-listing--view-block .hp-listing__image img{object-fit:contain;background:#f4f6fa}
.vl-modern .hp-listing--view-block .hp-listing__content{padding:16px;flex:1}
.vl-modern .hp-listing--view-block .hp-listing__title{font-size:16px;font-weight:750;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}
.vl-modern .hp-listing__title a{color:var(--vl-ink)}
.vl-modern .hp-listing--view-block .hp-listing__created-date{font-size:10px;letter-spacing:0;text-transform:none;color:var(--vl-muted)}
.vl-modern .hp-listing--view-block .hp-listing__footer{padding:8px 13px;border-top:1px solid #eef2f7;min-height:48px}
.vl-modern .hp-listing__action{min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center}
.vl-modern .hp-listing__action--favorite i{color:var(--vl-coral)}
.vl-modern .hp-listing__action--message i{color:var(--vl-blue)}
.vl-modern .hp-listing__attributes{color:var(--vl-blue);font-weight:700}
.vl-modern .hp-page__title{font-size:clamp(27px,4vw,38px);font-weight:800;line-height:1.2;margin-bottom:26px}
.vl-modern .hp-page__title::before{background:var(--vl-coral);height:4px;border-radius:4px;width:36px;margin-bottom:16px}
.vl-modern .hp-form__label{font-size:12px;letter-spacing:.03em;font-weight:650;color:#405473}
.vl-modern .hp-form__field{margin-bottom:22px}
.vl-modern input[type=text],.vl-modern input[type=email],.vl-modern input[type=password],.vl-modern input[type=number],.vl-modern textarea,.vl-modern select{border:1px solid #d6dfed;background:white;border-radius:11px;color:var(--vl-ink);padding:12px;font-size:16px}
.vl-modern textarea{min-height:150px}
.vl-modern .hp-form--listing-submit,.vl-modern .hp-form--listing-update{background:#fff;padding:24px;border:1px solid var(--vl-line);border-radius:18px}
.vl-modern .hp-field--attachment-upload .button{background:#edf2ff;color:#254fa8;border:1px dashed #8fa9dc}
.vl-modern .hp-modal{border-radius:20px}
.vl-modern .footer-widgets{padding:24px 0;background:#eef3fb}
.vl-modern .footer-widgets h2{font-size:18px}
.vl-modern .footer-navbar{padding:20px 0}
.vl-bottom-nav{display:none}
@media(min-width:1000px){.vl-modern .hp-listings>.hp-row>.hp-grid__item{flex-basis:33.3333%;max-width:33.3333%}}
@media(max-width:767px){
.vl-modern .header-navbar{padding:17px 0;min-height:66px;gap:10px}
.vl-modern .header-logo__name{font-size:26px}
.vl-modern .header-navbar__burger{margin-right:18px}
.vl-modern .header-navbar__actions .button{padding:10px 14px;min-height:42px;border-radius:13px}
.vl-modern .site-content{padding-top:18px}
.vl-modern .container{padding-left:16px;padding-right:16px}
.vl-intro{padding:22px 19px;margin-bottom:16px;border-radius:18px}
.vl-intro h1{max-width:93%;font-size:27px}
.vl-intro p:last-child{font-size:13px;max-width:95%}
.vl-intro::after{opacity:.6}
.vl-modern .hp-form--listing-search{flex-direction:row}
.vl-modern .hp-form--listing-search .hp-form__fields{width:auto}
.vl-modern .hp-form--listing-search .hp-form__footer{width:auto}
.vl-modern .hp-form--listing-search button{padding:11px 16px}
.vl-modern .hp-button--listing-filter{width:auto;margin:0}
.vl-modern .hp-page__topbar{flex-wrap:wrap;margin-bottom:16px}
.vl-modern .hp-form--listing-sort{margin-top:0}
.vl-modern .hp-listings>.hp-row{display:flex;flex-wrap:wrap;margin-left:-6px;margin-right:-6px}
.vl-modern .hp-listings>.hp-row>.hp-grid__item{flex:0 0 50%;max-width:50%;padding:0 6px;margin-bottom:14px}
.vl-modern .hp-listing--view-block{border-radius:14px}
.vl-modern .hp-listing--view-block .hp-listing__content{padding:12px 10px}
.vl-modern .hp-listing--view-block .hp-listing__title{font-size:14px}
.vl-modern .hp-listing--view-block .hp-listing__footer{padding:5px 8px}
.vl-modern .hp-listing--view-block .hp-listing__created-date{font-size:9px;line-height:1.4}
.vl-modern .hp-form--listing-submit,.vl-modern .hp-form--listing-update{padding:19px 16px}
.vl-modern{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.vl-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fffffff5;border-top:1px solid #e1e8f2;padding:9px 10px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #17274408;justify-content:space-around;backdrop-filter:blur(12px)}
.vl-bottom-nav a{color:#617089;font-size:10px;font-weight:650;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:64px;min-height:46px;text-decoration:none}
.vl-bottom-nav i{font-size:19px}
.vl-bottom-nav a[aria-current=page]{color:var(--vl-blue)}
.vl-bottom-nav .vl-sell i{background:var(--vl-coral);color:white;border-radius:12px;padding:10px 16px;margin-top:-20px;box-shadow:0 4px 10px #d93d5026}
}
@media(prefers-reduced-motion:reduce){.vl-modern .hp-listing--view-block{transition:none}.vl-modern .hp-listing--view-block:hover{transform:none}}
/* v1.1 — catálogo compacto inspirado en la referencia del usuario */
body.vl-modern{--vl-blue:#5850ec;--vl-coral:#5850ec;background:#fff;color:#252525}
.vl-modern .site-header{border-bottom:1px solid #eee}
.vl-modern .header-navbar{gap:22px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.vl-modern .header-navbar__start{flex:0 0 auto}
.vl-modern .header-logo__name{font-size:25px;letter-spacing:-.04em}
.vl-modern .header-logo__name span{color:#5850ec}
.vl-modern .header-navbar__end{margin-left:auto}
.vl-modern .header-navbar__actions .button{border-radius:5px;font-size:13px;padding:9px 17px;min-height:38px}
.vl-modern .vl-header-search{flex:1;min-width:180px;margin:0!important;padding:0 5px 0 12px!important;border-radius:28px!important;background:#f6f6f6!important;border:1px solid #b8b8b8!important;box-shadow:none!important}
.vl-modern .vl-header-search input[type=search]{height:40px;font-size:14px;padding:8px}
.vl-modern .vl-header-search button{background:transparent!important;color:#343434!important;min-height:36px;padding:6px 12px;font-size:13px}
.vl-modern .site-content{padding-top:26px}
.vl-modern .container{max-width:1380px}
.vl-modern .vl-intro{display:none}
.vl-modern .hp-page__header{margin-bottom:12px}
.vl-modern .hp-page__topbar{border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:16px}
.vl-modern .hp-listings>.hp-row{display:flex;flex-wrap:wrap;margin-left:-7px;margin-right:-7px}
.vl-modern .hp-listings>.hp-row>.hp-grid__item{padding:0 7px;margin-bottom:20px;flex:0 0 25%;max-width:25%}
.vl-modern .hp-listing--view-block{border:0;border-radius:0;box-shadow:none;background:transparent;display:block;height:auto}
.vl-modern .hp-listing--view-block:hover{transform:none;box-shadow:none}
.vl-modern .hp-listing--view-block .hp-listing__image{border-radius:7px;overflow:hidden;aspect-ratio:1;background:#f3f3f3}
.vl-modern .hp-listing--view-block .hp-listing__image img{aspect-ratio:1;object-fit:contain;background:#f3f3f3}
.vl-modern .hp-listing--view-block .hp-listing__content{padding:7px 0 0}
.vl-modern .hp-listing--view-block .hp-listing__title{font-size:12px;font-weight:400;letter-spacing:0;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 0 3px}
.vl-modern .hp-listing--view-block .hp-listing__title a{color:#333}
.vl-modern .hp-listing--view-block .hp-listing__created-date{display:none}
.vl-modern .hp-listing--view-block .hp-listing__footer{border:0;padding:0;min-height:32px}
.vl-modern .hp-listing__action{min-width:32px;min-height:32px;font-size:13px}
.vl-modern .hp-listing__action i{color:#555}
.vl-modern .hp-listing__attributes{color:#222;font-size:13px}
.vl-modern .hp-button--listing-filter{background:white;border:1px solid #ddd;color:#333;border-radius:6px;min-height:36px}
.vl-modern .footer-widgets{background:#fafafa}
@media(min-width:1000px){
.vl-modern .vl-catalog>.hp-page__sidebar{flex-basis:18%;max-width:18%}
.vl-modern .vl-catalog>.hp-page__content{flex-basis:82%;max-width:82%}
.vl-modern .vl-catalog.vl-no-filters>.hp-page__sidebar{display:none}
.vl-modern .vl-catalog.vl-no-filters>.hp-page__content{flex-basis:100%;max-width:100%}
.vl-modern .hp-listings>.hp-row>.hp-grid__item{flex-basis:16.666667%;max-width:16.666667%}
}
@media(min-width:1400px){.vl-modern .hp-listings>.hp-row>.hp-grid__item{flex-basis:12.5%;max-width:12.5%}}
@media(max-width:767px){
.vl-modern .header-navbar{gap:12px;padding-top:12px;padding-bottom:12px}
.vl-modern .vl-header-search{order:3;flex:0 0 100%;width:100%}
.vl-modern .header-logo__name{font-size:25px}
.vl-modern .hp-listings>.hp-row>.hp-grid__item{flex-basis:50%;max-width:50%;margin-bottom:15px}
.vl-modern .hp-listing--view-block .hp-listing__title{font-size:13px}
.vl-modern .site-content{padding-top:16px}
.vl-modern .hp-listing--view-block .hp-listing__content{padding:7px 0 0}
.vl-bottom-nav .vl-sell i{border-radius:9px;background:#5850ec;box-shadow:none}
}
/* 1.2: ficha de producto ampliada */
.vl-modern .hp-listing--view-page>.hp-page__content{background:#fff}
.vl-modern .hp-listing--view-page .hp-listing__title{font-size:clamp(25px,3vw,36px);line-height:1.2;font-weight:750;margin-bottom:12px}
.vl-modern .hp-listing--view-page .hp-listing__images{border-radius:14px;overflow:hidden;background:#f6f6f8;margin-bottom:24px}
.vl-modern .hp-listing--view-page .hp-listing__images img{object-fit:contain;max-height:650px;background:#f6f6f8}
.vl-modern .hp-listing--view-page .hp-listing__description{font-size:16px;line-height:1.75;padding:22px;border:1px solid #e8e8ef;border-radius:12px;margin:22px 0;overflow-wrap:anywhere}
.vl-modern .vl-description-heading{font-size:20px;font-weight:700;margin-bottom:12px}
.vl-modern .hp-listing--view-page .hp-listing__action--favorite{gap:9px;color:#5850ec;padding:10px 14px;border:1px solid #dedbf9;border-radius:9px;font-size:14px;white-space:normal}
.vl-modern .hp-listing--view-page .hp-listing__actions--primary{padding:20px;border:1px solid #e5e3f1;border-radius:14px;background:#faf9ff}
.vl-modern .hp-listing--view-page .hp-listing__action--message.button{display:flex;width:100%;justify-content:center;background:#5850ec;color:white;border-radius:10px;padding:15px;font-size:16px;line-height:1.4}
.vl-modern .hp-listing--view-page .hp-listing__attribute--price{font-size:28px;font-weight:800;color:#252525}
.vl-modern .hp-listing--view-page .hp-page__topbar{flex-wrap:wrap}
@media(max-width:767px){.vl-modern .hp-listing--view-page .hp-listing__images img{max-height:440px}.vl-modern .hp-listing--view-page .hp-listing__description{padding:16px}.vl-modern .hp-listing--view-page .hp-page__sidebar{margin-top:20px}}
