:root{
  --brand:#1a73e8;
  --brand-dark:#0b57d0;
  --green:#34a853;
  --yellow:#fbbc04;
  --red:#ea4335;
  --ink:#202124;
  --text:#3c4043;
  --muted:#5f6368;
  --soft:#f8fafd;
  --soft-blue:#f1f6ff;
  --line:#e6eaf1;
  --card:#ffffff;
  --shadow:0 1px 2px rgba(60,64,67,.14),0 2px 8px rgba(60,64,67,.08);
  --shadow-hover:0 1px 3px rgba(60,64,67,.16),0 6px 18px rgba(60,64,67,.10);
  --radius:18px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#f8fafd;
  color:var(--text);
  font-weight:400;
  text-rendering:geometricPrecision;
}

h1,h2,h3,h4,h5,h6,.fw-black,strong,b{font-weight:500!important;color:var(--ink)}
h1,h2,h3{letter-spacing:-.025em}
p{color:var(--muted);font-weight:400}
a{text-decoration:none}
.text-brand{color:var(--brand)!important}.bg-soft{background:var(--soft)!important}.container-wide{max-width:1220px;margin:auto}

/* NAVBAR */
.main-nav,.navbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(230,234,241,.95);
  box-shadow:0 1px 2px rgba(60,64,67,.12)!important;
  backdrop-filter:blur(14px);
  transition:all .22s ease;
  z-index:1030;
}
.main-nav.is-scrolled{padding-top:.35rem!important;padding-bottom:.35rem!important;box-shadow:0 2px 8px rgba(60,64,67,.14)!important}
.brand-logo{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  background:#eef4ff;color:var(--brand);
  box-shadow:none;transition:.22s ease;
}
.brand-name{font-size:1.08rem;font-weight:400!important;color:#202124;letter-spacing:-.015em}
.main-nav.is-scrolled .brand-logo{width:30px;height:30px;border-radius:10px}.main-nav.is-scrolled .brand-name{font-size:1rem}
.nav-link{font-size:.93rem;font-weight:500!important;color:#202124!important;border-radius:999px;padding:.55rem .72rem!important;transition:.2s ease}
.nav-link.active,.nav-link:hover{background:#eef4ff;color:var(--brand)!important}
.navbar-toggler{border:1px solid var(--line);border-radius:12px;box-shadow:none!important}

/* BUTTONS */
.btn{border-radius:12px;font-weight:500!important;min-height:42px;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}
.btn-primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.btn-primary:hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}
.btn-outline-primary{border-color:var(--brand)!important;color:var(--brand)!important;background:#fff!important}
.btn-outline-primary:hover{background:#eef4ff!important;color:var(--brand-dark)!important}
.btn-success{background:#25d366!important;border-color:#25d366!important}

/* HERO */
.hero{background:linear-gradient(180deg,#fff 0%,#f8fafd 100%);padding:42px 0 30px}
.hero-card{border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.hero-banner{min-height:330px;background:linear-gradient(115deg,rgba(26,115,232,.90),rgba(66,133,244,.70)),url('../uploads/autos/auto_001_1.jpg') center/cover;display:flex;align-items:center;padding:42px;color:#fff}
.hero-banner h1{font-size:clamp(2rem,4vw,3.75rem);line-height:1.02;color:#fff!important;font-weight:500!important;max-width:720px}
.hero-banner p{color:rgba(255,255,255,.88);max-width:760px;font-size:1.03rem}
.hero-banner .badge{background:rgba(255,255,255,.92)!important;color:var(--brand)!important;font-weight:500!important}
.search-pill{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:12px;max-width:790px}

/* FORMS */
.form-control,.form-select{border:1px solid #dce3ec;border-radius:12px;min-height:46px;color:#202124;box-shadow:none!important;font-weight:400;background-color:#fff}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .18rem rgba(26,115,232,.12)!important}

/* QUICK TILES */
.quick-tile{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px 14px;text-align:center;height:100%;transition:.2s ease;color:var(--text)}
.quick-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);color:var(--brand)}
.quick-tile i{font-size:1.35rem;color:var(--brand)}
.quick-tile div{font-weight:500!important;color:inherit}

/* TITLES AND BRAND CHIPS */
.section-title{font-size:clamp(1.55rem,2.4vw,2.2rem);font-weight:500!important;letter-spacing:-.03em;color:var(--ink)}
.brand-chip{height:46px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:400!important;color:#3c4043;box-shadow:0 1px 2px rgba(60,64,67,.08);font-size:.88rem;transition:.18s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}
.brand-chip:hover{border-color:#c9ddff;background:#f8fbff;color:var(--brand);box-shadow:var(--shadow)}

/* AUTO CARDS */
.card-auto{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;transition:.22s ease;height:100%;display:flex;flex-direction:column}
.card-auto:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.car-photo-wrap{position:relative;overflow:hidden;background:#f3f6fa;border-bottom:1px solid #eef2f7}
.car-photo-link{display:block;line-height:0}
.car-img{width:100%;height:190px;object-fit:cover;object-position:center center;display:block;transition:transform .25s ease,filter .25s ease;background:#f3f6fa}
.car-photo-link:hover .car-img{transform:scale(1.018);filter:saturate(1.03)}
.card-auto .card-body-auto{padding:18px 18px 16px;display:flex;flex-direction:column;flex:1}
.badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px;min-height:26px}
.badge-soft{border-radius:999px;padding:5px 9px;background:#eef4ff;color:var(--brand);font-size:.74rem;font-weight:400!important;border:1px solid #d8e7ff;line-height:1}
.badge-liquid{background:#e9f7ef;color:#188038;border-color:#d7f0df}.badge-used{background:#f7f9fc;color:#5f6368;border-color:#e6eaf1}
.heart{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#e83e8c;box-shadow:0 1px 3px rgba(60,64,67,.16);border:1px solid #edf1f6}
.category{color:var(--brand);font-weight:500!important;font-size:.88rem;margin-bottom:4px}
.car-title{font-weight:500!important;color:#202124;letter-spacing:-.025em;line-height:1.06;font-size:1.45rem;margin:0 0 4px;min-height:48px}
.car-version{font-size:.88rem;color:#5f6368;margin-bottom:10px;min-height:20px;text-transform:none}
.meta{font-size:.84rem;color:#5f6368;line-height:1.55;margin-bottom:12px;min-height:42px}
.price{font-size:1.55rem;font-weight:500!important;color:#099bd8;letter-spacing:-.035em;white-space:nowrap}
.bonus{background:#f6f8fc;border:1px solid #edf1f6;border-radius:12px;padding:7px 9px;text-align:center;font-size:.74rem;color:#5f6368;min-width:78px}
.location-line{font-size:.84rem;color:#5f6368;min-height:22px;margin-bottom:12px}
.detail-link{font-weight:500!important;font-size:.86rem;color:var(--brand);text-transform:none}
.card-actions .btn{min-height:40px}

/* COMMON CARDS */
.material-card,.profile-card,.seller-box,.spec-box,.lead-box,.faq-box,.campaign-card,.admin-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}
.material-card:hover,.profile-card:hover,.campaign-card:hover{box-shadow:var(--shadow-hover)}
.filters-box{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px;position:sticky;top:86px}
.profile-card{overflow:hidden;transition:.22s ease}.profile-cover{height:145px;background-size:cover;background-position:center;position:relative}.profile-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 1px 3px rgba(60,64,67,.18);margin-top:-46px}.mini-icon,.stat-icon{width:42px;height:42px;border-radius:14px;background:#eef4ff;color:var(--brand);display:grid;place-items:center}
.detail-main-img{width:100%;height:430px;object-fit:cover;border-radius:20px;border:1px solid var(--line);background:#f3f6fa}.thumb-img{width:84px;height:62px;object-fit:cover;border-radius:12px;border:2px solid transparent;cursor:pointer;background:#f3f6fa}.thumb-img.active{border-color:var(--brand)}

/* FOOTER */
.footer,footer{background:#101828;color:#fff}.footer p,footer p{color:rgba(255,255,255,.72)}.footer a,footer a{display:block;color:rgba(255,255,255,.72);margin:.42rem 0;font-weight:400}.footer a:hover,footer a:hover{color:#fff}.footer-social{display:flex;gap:10px}.footer-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);margin:0;border:1px solid rgba(255,255,255,.12)}

/* FLOATING */
.floating-actions{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:1050}.float-btn{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:0;color:#fff;font-size:1.15rem;box-shadow:0 1px 3px rgba(60,64,67,.22),0 4px 12px rgba(60,64,67,.12);transition:.22s ease}.float-btn:hover{transform:translateY(-2px);color:#fff}.float-whatsapp{background:#25d366}.float-phone{background:var(--brand)}.float-top{background:#202124;opacity:0;pointer-events:none;transform:translateY(8px)}.float-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}

/* ADMIN */
.admin-body{background:#f8fafd}.admin-sidebar{background:#fff;border-right:1px solid var(--line);min-height:100vh;position:sticky;top:0}.admin-sidebar a{display:flex;gap:10px;align-items:center;padding:11px 13px;color:#3c4043;border-radius:12px;font-weight:400!important;margin-bottom:4px}.admin-sidebar a.active,.admin-sidebar a:hover{background:#eef4ff;color:var(--brand)}.table>:not(caption)>*>*{padding:.95rem}.campaign-card img{height:170px;object-fit:cover;width:100%}

@media(min-width:1200px){.row.g-4>.col-xl-4{display:flex}.row.g-4>.col-xl-4>.card-auto{width:100%}}
@media(max-width:991px){.hero-banner{min-height:300px;padding:28px}.filters-box{position:static}.detail-main-img{height:320px}.admin-sidebar{min-height:auto;position:relative}.car-img{height:185px}.navbar-collapse{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;margin-top:10px;box-shadow:var(--shadow)}}
@media(max-width:575px){.hero{padding-top:24px}.hero-banner{min-height:270px}.hero-banner h1{font-size:2.1rem}.section-title{font-size:1.45rem}.price{font-size:1.35rem}.car-title{font-size:1.28rem;min-height:auto}.floating-actions{right:12px;bottom:12px}.float-btn{width:48px;height:48px;font-size:1.08rem}.car-img{height:172px}.card-auto .card-body-auto{padding:16px}.brand-chip{height:42px}}

/* =========================================================
   HOME PORTILLO-LIKE SKIN - MARKETPLACEAUTOS
   Mantiene las cards de autos y sus sombras originales.
========================================================= */
:root{
  --portillo-blue:#009ee3;
  --portillo-blue-dark:#007ec4;
  --portillo-yellow:#ffc400;
  --portillo-navy:#071b33;
  --portillo-soft:#f4f9fd;
  --portillo-footer:#eaf5ff;
}

body{
  background:#ffffff;
  font-family:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:#182033;
}

h1,h2,h3,h4,h5,h6,.fw-black,strong,b{
  font-weight:400!important;
  letter-spacing:-.018em;
}

.main-nav.navbar{
  background:#fff!important;
  border-bottom:1px solid #eef1f4;
  box-shadow:0 1px 4px rgba(0,0,0,.08)!important;
  padding-top:.72rem!important;
  padding-bottom:.72rem!important;
}

.main-nav.is-scrolled{
  padding-top:.35rem!important;
  padding-bottom:.35rem!important;
  box-shadow:0 2px 8px rgba(0,0,0,.10)!important;
}

.main-nav .navbar-brand{
  min-width:245px;
  line-height:1;
}

.brand-slashes{
  color:var(--portillo-blue);
  font-size:1.85rem;
  font-style:italic;
  font-weight:700!important;
  letter-spacing:-.22em;
  transform:skewX(-10deg);
  display:inline-block;
  margin-right:.28rem;
}

.brand-wordmark{
  color:var(--portillo-blue);
  font-size:1.88rem;
  line-height:.85;
  font-weight:700!important;
  letter-spacing:-.07em;
  text-transform:uppercase;
  font-style:italic;
}

.brand-subtitle{
  color:var(--portillo-blue-dark);
  font-size:.55rem;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.03em;
  margin-left:.15rem;
  align-self:flex-end;
  margin-bottom:.02rem;
}

.main-nav .nav-link{
  color:#0d1726!important;
  font-size:.86rem;
  font-weight:500!important;
  text-transform:uppercase;
  border-radius:999px;
  padding:.45rem .62rem!important;
}

.main-nav .nav-link:hover,
.main-nav .nav-link.active{
  background:#eaf7ff;
  color:var(--portillo-blue-dark)!important;
}

.dropdown-item{
  font-size:.9rem;
  padding:.62rem 1rem;
}

.btn-nav-service,
.btn-publish{
  background:var(--portillo-blue)!important;
  border-color:var(--portillo-blue)!important;
  color:#fff!important;
  border-radius:999px!important;
  min-height:36px!important;
  padding:.43rem .95rem!important;
  font-size:.84rem;
  font-weight:600!important;
  text-transform:uppercase;
}

.btn-publish{
  text-transform:none;
  font-size:.9rem;
}

.nav-icons .nav-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#111827;
  transition:.18s ease;
}

.nav-icons .nav-icon:hover{
  background:#eaf7ff;
  color:var(--portillo-blue-dark);
}

.portillo-home-hero{
  background:#fff;
  padding:0 0 28px;
}

.home-banner-card{
  position:relative;
  margin-top:0;
  overflow:hidden;
  border-radius:0;
  background:#fff;
}

.home-banner-img{
  width:100%;
  height:clamp(220px,25vw,405px);
  object-fit:cover;
  object-position:center;
  display:block;
}

.home-search{
  position:absolute;
  left:50%;
  top:58%;
  transform:translate(-50%,-50%);
  width:min(760px,78%);
  height:58px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 3px 12px rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 14px 0 20px;
}

.home-search i{
  color:var(--portillo-blue);
  font-size:1.1rem;
}

.home-search input{
  flex:1;
  border:0;
  outline:0;
  height:100%;
  font-size:1rem;
  color:#3c4043;
}

.home-search button{
  border:0;
  background:var(--portillo-blue);
  color:#fff;
  border-radius:12px;
  padding:.65rem 1.15rem;
  font-weight:500;
}

.home-actions-row{
  margin-top:40px;
}

.quick-tile-portillo{
  min-height:142px;
  border-radius:18px;
  background:var(--portillo-blue)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 2px 6px rgba(0,0,0,.18)!important;
  padding:18px 12px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:.18s ease;
}

.quick-tile-portillo:hover{
  transform:translateY(-3px);
  background:#08a8eb!important;
  color:#fff!important;
}

.quick-tile-portillo .quick-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:var(--portillo-yellow);
  font-size:2.1rem;
  border:2px solid rgba(255,196,0,.75);
}

.quick-tile-portillo span:last-child{
  color:#fff;
  font-size:1.08rem;
  line-height:1.05;
  font-weight:700!important;
  text-align:center;
}

.home-intro{
  margin-top:42px;
}

.home-intro h1{
  font-size:clamp(1.65rem,2vw,2.25rem);
  color:#071b33;
  margin-bottom:.85rem;
}

.home-intro p{
  color:#556170;
  font-size:1rem;
}

.brand-logos-row{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:12px;
}

.brand-logo-chip{
  height:64px;
  border:1px solid #e7edf3;
  border-radius:12px;
  background:#fff;
  color:#1f2937;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px;
  font-size:.8rem;
  font-weight:500;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  transition:.18s ease;
}

.brand-logo-chip:hover{
  color:var(--portillo-blue-dark);
  border-color:#cfefff;
  transform:translateY(-2px);
}

.section-head-center{
  text-align:center;
}

.section-head-center h2{
  color:#071b33;
  font-size:clamp(1.35rem,2vw,2rem);
  font-weight:400!important;
  margin-bottom:.35rem;
}

.section-head-center p{
  color:#64748b;
  font-size:.92rem;
  margin-bottom:0;
}

.promo-strip{
  max-width:880px;
  margin-inline:auto;
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
}

.promo-strip img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
}

.home-seminew-section{
  background:#fff;
  border-top:1px solid #f1f5f9;
  border-bottom:1px solid #f1f5f9;
}

.market-blue-banner{
  min-height:170px;
  max-width:880px;
  margin-inline:auto;
  background:linear-gradient(110deg,#071b33 0%,#003d72 45%,#00a8e8 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:34px 42px;
  position:relative;
  overflow:hidden;
}

.market-blue-banner::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-60px;
  width:330px;
  height:330px;
  border-radius:50%;
  background:rgba(255,196,0,.22);
}

.market-blue-banner span{
  display:block;
  color:rgba(255,255,255,.78);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.8rem;
  position:relative;
  z-index:1;
}

.market-blue-banner strong{
  display:block;
  color:#fff;
  font-size:clamp(1.8rem,3vw,3rem);
  font-weight:700!important;
  line-height:1;
  position:relative;
  z-index:1;
}

.market-blue-banner a{
  background:#fff;
  color:var(--portillo-blue-dark);
  border-radius:999px;
  padding:.72rem 1.15rem;
  font-weight:500;
  position:relative;
  z-index:1;
}

.info-card-portillo{
  background:#fff;
  border:1px solid #e6eef6;
  border-radius:14px;
  padding:24px;
  height:100%;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}

.info-card-portillo h5{
  font-weight:500!important;
  color:#071b33;
}

.info-card-portillo p{
  font-size:.92rem;
  color:#667085;
}

.info-card-portillo a{
  color:var(--portillo-blue-dark);
  font-weight:500;
  font-size:.9rem;
}

.footer,footer{
  background:var(--portillo-footer)!important;
  color:#17324d!important;
  border-top:1px solid #d8ecfb;
}

.footer h4,.footer h6,footer h4,footer h6{
  color:#0b75bb!important;
  font-weight:500!important;
}

.footer p,footer p,.footer .text-white-50,footer .text-white-50{
  color:#526579!important;
}

.footer a,footer a{
  color:#0b75bb!important;
}

.footer a:hover,footer a:hover{
  color:#004d82!important;
}

.footer hr,footer hr{
  border-color:#cfe5f7!important;
}

.footer .small,footer .small{
  color:#526579!important;
}

.footer-social a{
  background:#fff!important;
  color:var(--portillo-blue)!important;
  border:1px solid #cfe5f7!important;
}

.float-phone{background:var(--portillo-blue)!important}
.float-whatsapp{background:#25d366!important}

@media(max-width:1200px){
  .brand-logos-row{grid-template-columns:repeat(5,1fr)}
  .main-nav .navbar-brand{min-width:auto}
  .brand-wordmark{font-size:1.55rem}
}

@media(max-width:992px){
  .home-search{position:relative;left:auto;top:auto;transform:none;width:100%;margin:12px 0 0;height:auto;min-height:56px}
  .home-banner-card{overflow:visible}
  .home-banner-img{border-radius:0;height:260px}
  .navbar-collapse{background:#fff;border:1px solid #e6eef6;border-radius:18px;padding:14px;margin-top:12px;box-shadow:0 3px 12px rgba(0,0,0,.08)}
  .nav-icons{justify-content:flex-start;margin-top:8px}
}

@media(max-width:768px){
  .brand-logos-row{grid-template-columns:repeat(2,1fr)}
  .home-actions-row{margin-top:24px}
  .quick-tile-portillo{min-height:120px}
  .quick-tile-portillo .quick-icon{width:54px;height:54px;font-size:1.7rem}
  .market-blue-banner{display:block;padding:28px}
  .market-blue-banner a{display:inline-block;margin-top:18px}
  .promo-strip img{height:150px}
}

/* =========================================================
   FIX FINAL PORTAL MARKETPLACEAUTOS - NAVBAR Y CARDS
   Mantiene sombras delgadas estilo Google/Portillo.
========================================================= */
:root{
  --portillo-blue:#009ee3;
  --portillo-blue-dark:#0076b6;
  --portillo-green:#00d10a;
  --google-shadow-thin:0 1px 2px rgba(60,64,67,.10),0 4px 12px rgba(60,64,67,.07);
  --google-shadow-hover:0 1px 3px rgba(60,64,67,.14),0 6px 16px rgba(60,64,67,.09);
}

body{
  background:#fff!important;
  color:#202124!important;
  font-weight:400!important;
}

h1,h2,h3,h4,h5,h6,strong,b,.fw-black{
  font-weight:400!important;
}

/* NAVBAR COMPACTO */
.main-nav.navbar{
  min-height:64px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(60,64,67,.14)!important;
  border-bottom:1px solid #edf1f4!important;
}

.main-nav .container-wide{
  max-width:1240px!important;
}

.main-nav .navbar-brand{
  min-width:0!important;
  margin-right:22px!important;
  gap:6px!important;
  white-space:nowrap!important;
}

.brand-slashes{
  font-size:1.34rem!important;
  margin-right:.16rem!important;
  letter-spacing:-.20em!important;
  color:var(--portillo-blue)!important;
}

.brand-wordmark{
  font-size:1.46rem!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  color:var(--portillo-blue)!important;
  font-weight:700!important;
}

.brand-subtitle{
  font-size:.44rem!important;
  margin-left:.08rem!important;
  margin-bottom:-.05rem!important;
  color:var(--portillo-blue-dark)!important;
}

.main-nav .navbar-nav{
  gap:2px!important;
}

.main-nav .nav-link{
  font-size:.78rem!important;
  padding:.42rem .48rem!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  text-transform:uppercase!important;
  font-weight:500!important;
  color:#111827!important;
  border-radius:10px!important;
}

.main-nav .nav-link:hover{
  background:#eef8ff!important;
  color:var(--portillo-blue-dark)!important;
}

.btn-nav-service{
  min-height:36px!important;
  height:36px!important;
  padding:0 .9rem!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  line-height:1.05!important;
  max-width:158px!important;
  white-space:normal!important;
  text-align:center!important;
  background:var(--portillo-blue)!important;
  border-color:var(--portillo-blue)!important;
  box-shadow:none!important;
}

.btn-publish{
  min-height:36px!important;
  height:36px!important;
  padding:0 .9rem!important;
  border-radius:10px!important;
  font-size:.82rem!important;
  font-weight:500!important;
  background:#1a73e8!important;
  border-color:#1a73e8!important;
  box-shadow:none!important;
}

.nav-icons{
  gap:0!important;
}

.nav-icons .nav-icon{
  width:31px!important;
  height:31px!important;
  font-size:.96rem!important;
}

.main-nav.is-scrolled{
  min-height:56px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.main-nav.is-scrolled .brand-wordmark{
  font-size:1.28rem!important;
}

@media(max-width:1199px){
  .brand-wordmark{font-size:1.22rem!important}
  .brand-subtitle{display:none!important}
  .main-nav .nav-link{font-size:.72rem!important;padding:.38rem .38rem!important}
  .btn-nav-service{max-width:130px!important;font-size:.68rem!important;padding:0 .65rem!important}
  .btn-publish{font-size:.76rem!important;padding:0 .68rem!important}
}

@media(max-width:991px){
  .main-nav.navbar{min-height:58px!important;padding:.35rem 0!important}
  .navbar-collapse{margin-top:8px!important;padding:10px!important;border-radius:14px!important}
  .main-nav .nav-link{font-size:.86rem!important;padding:.58rem .7rem!important}
  .btn-nav-service,.btn-publish{width:100%!important;max-width:none!important;margin-top:6px!important}
}

/* HERO / BUSCADOR */
.home-banner-card{
  max-width:1220px!important;
  margin:0 auto!important;
}

.home-banner-img{
  height:clamp(260px,30vw,430px)!important;
  object-fit:cover!important;
  object-position:center!important;
}

.home-search{
  width:min(760px,70%)!important;
  height:54px!important;
  border-radius:18px!important;
  box-shadow:0 2px 8px rgba(60,64,67,.18)!important;
}

.home-search button{
  border-radius:14px!important;
  min-height:42px!important;
  padding:.55rem 1.35rem!important;
}

/* CARD TIPO PORTILLO */
.card-auto{
  border:1px solid #edf1f6!important;
  border-radius:18px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10),0 3px 10px rgba(60,64,67,.06)!important;
  background:#fff!important;
  overflow:hidden!important;
  height:100%!important;
  min-height:552px!important;
  display:flex!important;
  flex-direction:column!important;
  transform:none!important;
}

.card-auto:hover{
  transform:none!important;
  box-shadow:0 1px 3px rgba(60,64,67,.14),0 6px 16px rgba(60,64,67,.08)!important;
}

.car-photo-wrap{
  height:228px!important;
  background:#f5f5f5!important;
  border-bottom:1px solid #e9edf2!important;
  overflow:hidden!important;
  position:relative!important;
}

.car-photo-link{
  height:100%!important;
  display:block!important;
}

.car-img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f5f5f5!important;
  padding:0!important;
  display:block!important;
}

.car-photo-link:hover .car-img{
  transform:none!important;
  filter:none!important;
}

.heart{
  right:14px!important;
  bottom:12px!important;
  width:38px!important;
  height:38px!important;
  background:#fff!important;
  color:#e83e8c!important;
  border:1px solid #e8edf4!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12)!important;
  font-size:1.1rem!important;
}

.badge-row{
  position:absolute!important;
  top:10px!important;
  left:12px!important;
  right:auto!important;
  z-index:3!important;
  margin:0!important;
  min-height:0!important;
  gap:6px!important;
}

.badge-soft{
  background:#009ee3!important;
  color:#fff!important;
  border:0!important;
  border-radius:4px!important;
  padding:5px 8px!important;
  font-size:.68rem!important;
  text-transform:none!important;
  box-shadow:none!important;
}

.badge-liquid{
  background:#00d10a!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:7px 14px!important;
  font-size:.74rem!important;
  text-transform:uppercase!important;
}

.badge-used{
  background:#eef4ff!important;
  color:#0b57d0!important;
}

.card-auto .card-body-auto{
  padding:18px 18px 16px!important;
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
}

.category{
  color:#009ee3!important;
  font-weight:400!important;
  font-size:.94rem!important;
  margin-bottom:2px!important;
}

.car-title{
  color:#009ee3!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
  line-height:1.02!important;
  font-size:1.46rem!important;
  min-height:48px!important;
  margin-bottom:6px!important;
}

.car-version{
  color:#4b5563!important;
  font-size:.92rem!important;
  min-height:22px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.meta{
  color:#555!important;
  font-size:.88rem!important;
  line-height:1.45!important;
  min-height:40px!important;
  margin-bottom:16px!important;
}

.price{
  color:#009ee3!important;
  font-weight:500!important;
  font-size:1.8rem!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}

.bonus{
  background:#f3f6fa!important;
  border:1px solid #e8edf4!important;
  border-radius:10px!important;
  min-width:82px!important;
  padding:8px 9px!important;
  color:#5f6b7a!important;
  font-size:.72rem!important;
  box-shadow:none!important;
}

.location-line{
  color:#5f6368!important;
  font-size:.84rem!important;
  margin-bottom:14px!important;
  min-height:23px!important;
}

.card-actions .btn{
  min-height:38px!important;
  border-radius:999px!important;
  font-size:.78rem!important;
  text-transform:uppercase!important;
  font-weight:500!important;
}

.card-actions .btn-primary{
  background:#009ee3!important;
  border-color:#009ee3!important;
}

.card-actions .btn-outline-primary{
  background:#fff!important;
  color:#009ee3!important;
  border-color:#009ee3!important;
}

.detail-link{
  color:#009ee3!important;
  font-size:.8rem!important;
  font-weight:500!important;
  text-transform:uppercase!important;
}

/* FOOTER Y FLOTANTES */
.footer,footer{
  background:#eaf5ff!important;
  border-top:1px solid #d8ecfb!important;
  color:#17324d!important;
}

.footer-logo,.footer h4,.footer h6,footer h4,footer h6{
  color:#009ee3!important;
  font-weight:500!important;
}

.footer p,footer p,.footer .text-white-50,footer .text-white-50,.footer .small,footer .small{
  color:#526579!important;
}

.footer a,footer a{
  color:#0b75bb!important;
  margin:.28rem 0!important;
}

.footer-dev-link{
  display:inline!important;
  color:#0076b6!important;
  font-weight:500!important;
}

.footer-social a{
  background:#fff!important;
  color:#009ee3!important;
  border:1px solid #cfe5f7!important;
}

.floating-actions{
  right:18px!important;
  bottom:18px!important;
  gap:10px!important;
  align-items:flex-end!important;
}

.float-quote-platform{
  height:46px!important;
  border-radius:999px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#009ee3!important;
  color:#fff!important;
  font-size:.88rem!important;
  font-weight:500!important;
  box-shadow:0 1px 3px rgba(60,64,67,.18),0 5px 16px rgba(0,158,227,.18)!important;
  white-space:nowrap!important;
}

.float-quote-platform:hover{
  background:#0076b6!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}

.float-btn{
  width:48px!important;
  height:48px!important;
  box-shadow:0 1px 3px rgba(60,64,67,.18),0 5px 16px rgba(60,64,67,.12)!important;
}

.float-whatsapp{background:#25d366!important}
.float-phone{background:#009ee3!important}

@media(max-width:575px){
  .car-photo-wrap{height:205px!important}
  .card-auto{min-height:auto!important}
  .price{font-size:1.55rem!important}
  .float-quote-platform{height:42px!important;font-size:.78rem!important;padding:0 14px!important}
}
.card-auto{position:relative!important;}

/* =========================================================
   ACTUALIZACION MARKET AUTOS - NAVBAR, BUSCADOR, ANUNCIANTES
   No modifica las sombras ni el estilo base de las cards.
========================================================= */
.brand-marketautos{
  text-decoration:none!important;
  white-space:nowrap;
}
.brand-slash-single{
  color:#009ee3;
  font-size:1.8rem;
  line-height:1;
  font-style:italic;
  font-weight:700!important;
  transform:skewX(-12deg);
  display:inline-block;
  margin-right:.15rem;
}
.brand-wordmark-market{
  color:#009ee3!important;
  font-size:1.55rem!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.075em!important;
  text-transform:uppercase;
  font-style:italic;
}
.nav-compact.main-nav.navbar{
  min-height:64px!important;
  padding:.45rem 0!important;
}
.nav-compact .container-wide{
  max-width:1180px!important;
}
.nav-compact .navbar-brand{
  min-width:185px!important;
  margin-right:1.2rem!important;
}
.nav-compact .navbar-nav{
  gap:.18rem!important;
}
.nav-compact .nav-link{
  font-size:.80rem!important;
  padding:.42rem .52rem!important;
  line-height:1.1!important;
}
.btn-nav-service-compact{
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:999px!important;
  padding:.42rem .9rem!important;
  font-size:.78rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.btn-publish-compact{
  height:38px!important;
  min-height:38px!important;
  border-radius:10px!important;
  padding:.42rem .85rem!important;
  font-size:.78rem!important;
  line-height:1.05!important;
  max-width:none!important;
  white-space:nowrap!important;
}
.access-dropdown .dropdown-item{
  font-size:.88rem;
  padding:.7rem 1rem;
}

.home-banner-card-fixed{
  position:relative;
  overflow:hidden;
}
.home-search-advanced{
  position:absolute;
  left:50%;
  bottom:26%;
  transform:translateX(-50%);
  width:min(980px,92%);
  display:grid!important;
  grid-template-columns:minmax(220px,1.45fr) minmax(150px,.8fr) minmax(135px,.68fr) minmax(115px,.55fr) auto;
  gap:8px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:22px!important;
  padding:9px!important;
  box-shadow:0 2px 8px rgba(60,64,67,.16),0 10px 28px rgba(15,23,42,.12)!important;
}
.home-search-advanced .search-field{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 12px;
  background:#fff;
  border-radius:14px;
}
.home-search-advanced .search-field i{
  color:#009ee3;
  font-size:1.05rem;
}
.home-search-advanced input{
  border:0!important;
  outline:0!important;
  min-height:44px!important;
  width:100%;
  font-size:.95rem;
  color:#202124;
}
.home-search-advanced .form-select{
  min-height:46px!important;
  border-radius:14px!important;
  font-size:.88rem!important;
  padding-left:.8rem!important;
}
.home-search-advanced button{
  min-height:46px!important;
  border:0!important;
  border-radius:14px!important;
  background:#009ee3!important;
  color:#fff!important;
  padding:0 1.15rem!important;
  font-weight:500!important;
  white-space:nowrap;
}
.home-intro h1,
.section-head-center h2{
  font-weight:400!important;
}

.seller-search-form{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 150px 120px auto;
  gap:10px;
  align-items:center;
  width:min(720px,100%);
}
.mini-kicker{
  color:#009ee3;
  font-size:.86rem;
  font-weight:500;
  margin-bottom:.45rem;
}
.advertiser-card{
  border-radius:20px!important;
  overflow:hidden!important;
}
.advertiser-cover{
  display:block;
  height:155px!important;
  background-size:cover!important;
  background-position:center!important;
  position:relative;
}
.advertiser-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(15,23,42,.08),rgba(15,23,42,.35));
}
.seller-type-badge{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:2;
  background:#fff;
  color:#009ee3;
  border-radius:999px;
  padding:.35rem .7rem;
  font-size:.76rem;
  box-shadow:0 1px 3px rgba(60,64,67,.16);
}
.advertiser-avatar{
  width:96px!important;
  height:96px!important;
  margin-top:-58px!important;
  position:relative;
  z-index:3;
}
.advertiser-name{
  font-size:1.18rem!important;
  font-weight:500!important;
  color:#202124!important;
}
.advertiser-bio{
  min-height:44px;
}
.seller-contact-row{
  display:flex;
  justify-content:center;
  gap:9px;
}
.seller-contact-row a{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef8ff;
  color:#009ee3;
  border:1px solid #dceefa;
}
.seller-contact-row a:hover{
  background:#009ee3;
  color:#fff;
}

.login-access-card h1,
.admin-login-card h1{
  font-weight:500!important;
}
.access-shortcuts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.admin-login-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 18% 15%,rgba(0,158,227,.14),transparent 26%),
    radial-gradient(circle at 82% 20%,rgba(26,115,232,.12),transparent 28%),
    #f4f8fc;
  font-family:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.admin-login-shell{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 16px;
}
.admin-login-card{
  width:min(520px,100%);
  background:#fff;
  border:1px solid #e6eaf1;
  border-radius:26px;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 8px 24px rgba(60,64,67,.10);
  padding:34px;
  text-align:center;
}
.admin-login-brand span:last-child{
  display:block;
  color:#5f6368;
  font-size:.88rem;
  margin-top:.35rem;
}
.admin-login-icon{
  width:62px;
  height:62px;
  margin:24px auto 14px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#eaf7ff;
  color:#009ee3;
  font-size:1.55rem;
}
.admin-login-card h1{
  color:#202124;
  font-size:1.7rem;
  margin-bottom:.45rem;
}
.admin-login-card p{
  color:#5f6368;
  margin-bottom:0;
}
.input-icon-box{
  position:relative;
}
.input-icon-box i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#009ee3;
  z-index:2;
}
.input-icon-box .form-control{
  padding-left:42px!important;
}
.admin-login-btn{
  min-height:48px!important;
}
.admin-access-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:18px;
}
.admin-access-grid a{
  min-height:82px;
  border:1px solid #e6eaf1;
  background:#f8fbff;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#202124;
  font-size:.82rem;
}
.admin-access-grid a i{
  color:#009ee3;
  font-size:1.2rem;
}
.admin-access-grid a:hover{
  border-color:#b8e5fb;
  background:#eef8ff;
  color:#009ee3;
}

@media(max-width:1199px){
  .brand-wordmark-market{font-size:1.34rem!important}
  .nav-compact .navbar-brand{min-width:158px!important}
  .nav-compact .nav-link{font-size:.76rem!important;padding:.4rem .42rem!important}
  .btn-nav-service-compact,.btn-publish-compact{font-size:.72rem!important;padding:.4rem .7rem!important}
}
@media(max-width:991px){
  .nav-compact .navbar-brand{min-width:auto!important}
  .home-search-advanced{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    margin:14px 0 0!important;
    grid-template-columns:1fr!important;
    border-radius:18px!important;
  }
  .seller-search-form{grid-template-columns:1fr!important;width:100%}
  .access-shortcuts{grid-template-columns:1fr}
}
@media(max-width:575px){
  .brand-wordmark-market{font-size:1.18rem!important}
  .admin-login-card{padding:24px 18px;border-radius:22px}
  .admin-access-grid{grid-template-columns:1fr}
}

/* =========================================================
   UPDATE 2026-07 - marketautosdot.cl / buscador fijo / títulos negros
   No modifica las cards ni sombras base: solo corrige logo, buscador y textos.
========================================================= */
.brand-slash-single,
.brand-slashes{
  display:none!important;
}

.brand-marketautos{
  gap:0!important;
  min-width:auto!important;
}

.brand-wordmark-market,
.brand-wordmark{
  color:#009ee3!important;
  font-size:1.62rem!important;
  line-height:1!important;
  letter-spacing:-.075em!important;
  font-weight:700!important;
  text-transform:lowercase!important;
  font-style:italic!important;
  white-space:nowrap!important;
}

.main-nav .navbar-brand{
  margin-right:20px!important;
  min-width:238px!important;
}

@media(max-width:1199px){
  .main-nav .navbar-brand{min-width:auto!important;margin-right:10px!important;}
  .brand-wordmark-market,.brand-wordmark{font-size:1.28rem!important;}
}

/* Buscador portada: no se desarma en escritorio */
.home-search-advanced{
  width:min(1040px,calc(100% - 52px))!important;
  max-width:1040px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:9px 10px!important;
  overflow:visible!important;
  border-radius:22px!important;
}

.home-search-advanced .search-field-keyword,
.home-search-advanced .search-field{
  flex:1 1 330px!important;
  min-width:300px!important;
  max-width:none!important;
  border-radius:15px!important;
  overflow:hidden!important;
}

.home-search-advanced input{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.home-search-advanced .form-select,
.home-search-advanced .search-select{
  flex:0 0 164px!important;
  width:164px!important;
  min-width:164px!important;
  max-width:164px!important;
  padding-right:2.1rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.home-search-advanced .search-select-small{
  flex-basis:130px!important;
  width:130px!important;
  min-width:130px!important;
  max-width:130px!important;
}

.home-search-advanced button{
  flex:0 0 118px!important;
  width:118px!important;
  min-width:118px!important;
  padding-left:.75rem!important;
  padding-right:.75rem!important;
}

@media(max-width:991px){
  .home-search-advanced{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:calc(100% - 24px)!important;
    margin:-36px auto 0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    background:#fff!important;
  }
  .home-search-advanced .search-field-keyword,
  .home-search-advanced .search-field,
  .home-search-advanced .form-select,
  .home-search-advanced .search-select,
  .home-search-advanced .search-select-small,
  .home-search-advanced button{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:auto!important;
  }
  .home-search-advanced .search-field-keyword{grid-column:1 / -1!important;}
  .home-search-advanced button{grid-column:1 / -1!important;}
}

@media(max-width:575px){
  .home-search-advanced{
    grid-template-columns:1fr!important;
    margin-top:-24px!important;
  }
}

/* Cards: títulos negros y más largos */
.card-auto .car-title,
.card-auto .car-title-long{
  color:#111827!important;
  font-weight:500!important;
  font-size:1.34rem!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  min-height:58px!important;
  margin-bottom:8px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.card-auto .category{
  color:#009ee3!important;
}

.login-demo-box{
  background:#f8fbff;
  border:1px solid #dbeafe;
  border-radius:16px;
  padding:14px 16px;
  color:#1f2937;
  font-size:.92rem;
  text-align:left;
}
.login-demo-title{
  color:#0b57d0;
  font-weight:500;
  margin-bottom:6px;
}
.login-demo-box strong{
  font-weight:500;
}

/* =========================================================
   UPDATE FINAL - BANNERS ban1/ban2 + CARD PREMIUM + MOBILE CAROUSEL
   Mantiene include/config.php fuera del ZIP.
========================================================= */
:root{
  --ma-blue:#009ee3;
  --ma-blue-2:#1a73e8;
  --ma-navy:#073b63;
  --ma-ink:#111827;
  --ma-muted:#5f6b7a;
  --ma-line:#e5edf5;
  --ma-soft:#f6f9fd;
  --ma-yellow:#fbbc04;
  --ma-green:#34a853;
  --ma-red:#ea4335;
  --ma-shadow:0 1px 2px rgba(60,64,67,.12),0 6px 18px rgba(60,64,67,.10);
  --ma-shadow-hover:0 2px 8px rgba(60,64,67,.14),0 12px 28px rgba(60,64,67,.10);
}

body{background:#f7f9fc!important;color:var(--ma-ink)!important;}
.container-wide{max-width:1340px!important;}

/* BANNERS PORTADA */
.market-home-hero{padding:24px 0 12px;background:#fff;}
.hero-banner-slider{position:relative;max-width:1320px;margin:0 auto 34px;}
.hero-banner-slider .carousel{border-radius:0;overflow:hidden;background:#0b4268;box-shadow:none;}
.hero-banner-img{height:390px;object-fit:cover;object-position:center;display:block;}
.hero-banner-slider .carousel-indicators{margin-bottom:8px;}
.hero-banner-slider .carousel-indicators [data-bs-target]{width:9px;height:9px;border-radius:50%;border:0;background:#fff;opacity:.55;}
.hero-banner-slider .carousel-indicators .active{opacity:1;background:var(--ma-yellow);}
.hero-banner-slider .carousel-control-prev,.hero-banner-slider .carousel-control-next{width:44px;opacity:.9;}

/* Buscador especializado, sin desarmarse */
.hero-search-special,
.home-search-advanced.hero-search-special{
  position:absolute!important;
  left:50%!important;
  bottom:24px!important;
  transform:translateX(-50%)!important;
  width:min(1050px,calc(100% - 64px))!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) 190px 180px 150px 132px!important;
  gap:8px!important;
  align-items:center!important;
  padding:10px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:24px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(12px);
  z-index:4;
  overflow:visible!important;
}
.hero-search-special .search-field{
  height:52px!important;
  border:1px solid #dbe5ef!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 16px!important;
  background:#fff!important;
  min-width:0!important;
}
.hero-search-special .search-field i{color:var(--ma-blue);font-size:1.2rem;flex:0 0 auto;}
.hero-search-special .search-field input{border:0!important;outline:0!important;width:100%!important;min-width:0!important;font-size:1rem!important;color:var(--ma-ink)!important;}
.hero-search-special .form-select,
.hero-search-special .search-select{
  height:52px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  border-radius:16px!important;
  border:1px solid #dbe5ef!important;
  color:var(--ma-ink)!important;
  background-color:#fff!important;
  padding-left:14px!important;
  font-size:.96rem!important;
  box-shadow:none!important;
}
.hero-search-special button{
  height:52px!important;
  border:0!important;
  border-radius:17px!important;
  background:var(--ma-blue)!important;
  color:#fff!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.hero-search-special button:hover{background:#007fc1!important;}

/* Accesos rápidos: iconos más notorios */
.quick-tile-premium{
  background:linear-gradient(180deg,#09a9e8 0%,#0098d8 100%)!important;
  color:#fff!important;
  border:0!important;
  min-height:154px!important;
  border-radius:22px!important;
  box-shadow:0 2px 4px rgba(60,64,67,.16),0 10px 24px rgba(0,158,227,.18)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  font-size:1.45rem!important;
  font-weight:600!important;
  transition:transform .2s ease, box-shadow .2s ease!important;
}
.quick-tile-premium:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(60,64,67,.18),0 16px 30px rgba(0,158,227,.20)!important;color:#fff!important;}
.quick-tile-premium .quick-icon{
  width:70px!important;height:70px!important;border-radius:22px!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.14)!important;
  border:3px solid var(--ma-yellow)!important;
}
.quick-tile-premium .quick-icon i{font-size:2rem!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.22)!important;}
.quick-tile-premium.quick-blue .quick-icon i{color:#fff!important;}
.quick-tile-premium.quick-green .quick-icon{border-color:#4ee585!important;}
.quick-tile-premium.quick-yellow .quick-icon{border-color:#ffd34d!important;}
.quick-tile-premium.quick-red .quick-icon{border-color:#ff7b72!important;}
.quick-tile-premium.quick-purple .quick-icon{border-color:#c8b6ff!important;}

.home-intro h1{font-weight:500!important;color:#111827!important;letter-spacing:-.025em!important;}
.home-intro p{color:#5f6b7a!important;}
.brand-logo-chip{box-shadow:0 1px 2px rgba(60,64,67,.10)!important;border:1px solid var(--ma-line)!important;}
.promo-strip img{width:100%;height:auto;max-height:260px;object-fit:cover;border-radius:0;display:block;}

/* Cards premium estilo Portillo, más limpias */
.card-auto-premium,
.card-auto{
  border:1px solid #e7edf4!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 8px 24px rgba(60,64,67,.08)!important;
  transition:transform .2s ease, box-shadow .2s ease!important;
  height:100%!important;
}
.card-auto-premium:hover,.card-auto:hover{transform:translateY(-2px)!important;box-shadow:0 2px 8px rgba(60,64,67,.14),0 12px 28px rgba(60,64,67,.10)!important;}
.car-photo-wrap{position:relative!important;background:#f2f5f8!important;overflow:hidden!important;}
.card-auto .car-img{height:238px!important;width:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .25s ease!important;}
.card-auto .car-photo-link:hover .car-img{transform:scale(1.025)!important;}
.card-badges-top{position:absolute!important;left:12px!important;top:12px!important;z-index:2;display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.badge-soft{font-size:.72rem!important;line-height:1!important;padding:7px 9px!important;border-radius:8px!important;background:#f4f8ff!important;color:#0b57d0!important;border:1px solid #dbeafe!important;font-weight:600!important;box-shadow:0 1px 2px rgba(60,64,67,.10)!important;}
.badge-featured{background:#009ee3!important;color:#fff!important;border-color:#009ee3!important;}
.badge-liquid{background:#0bcf2b!important;color:#fff!important;border-color:#0bcf2b!important;}
.badge-state{background:#fff!important;color:#0b57d0!important;}
.card-auto .heart{right:16px!important;bottom:14px!important;width:44px!important;height:44px!important;background:#fff!important;border:1px solid #edf2f7!important;box-shadow:0 4px 12px rgba(60,64,67,.14)!important;}
.card-auto .heart i{color:#e83e8c!important;font-size:1.28rem!important;}
.card-body-auto{padding:22px 22px 20px!important;display:flex;flex-direction:column;min-height:360px;}
.card-auto .category{color:var(--ma-blue)!important;font-size:.96rem!important;font-weight:500!important;margin-bottom:2px!important;}
.card-auto .car-title{color:#111827!important;font-size:1.25rem!important;line-height:1.18!important;font-weight:500!important;letter-spacing:-.03em!important;min-height:52px!important;margin:0 0 10px!important;-webkit-line-clamp:2!important;}
.meta-premium,.card-auto .meta{display:flex!important;flex-wrap:wrap!important;gap:6px 8px!important;align-items:center!important;color:#485668!important;font-size:.91rem!important;margin:0 0 18px!important;}
.meta-premium span:not(:last-child)::after{content:'|';margin-left:8px;color:#9aa6b2;}
.price-row-premium{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 16px;}
.card-auto .price{color:var(--ma-blue)!important;font-size:1.55rem!important;line-height:1!important;font-weight:500!important;letter-spacing:-.04em!important;}
.card-auto .bonus{background:#f3f6fa!important;border:1px solid #e8eef5!important;border-radius:12px!important;color:#42526a!important;font-size:.78rem!important;padding:10px 12px!important;min-width:78px!important;text-align:center!important;}
.card-auto .bonus strong{font-weight:500!important;}
.location-line{color:#4a5568!important;font-size:.89rem!important;margin-bottom:18px!important;}
.text-brand{color:var(--ma-blue)!important;}
.card-actions .btn{height:42px!important;border-radius:999px!important;font-size:.82rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.01em;}
.detail-link{color:var(--ma-blue)!important;font-size:.84rem!important;font-weight:600!important;text-transform:uppercase!important;}

/* Ficha detalle premium */
.detail-hero-soft{background:linear-gradient(180deg,#f8fbff,#fff);padding:22px 0;border-bottom:1px solid #e7edf4;}
.detail-breadcrumb{display:flex;gap:8px;align-items:center;color:#5f6b7a;margin-bottom:8px;}
.detail-breadcrumb a{color:var(--ma-blue);}
.detail-hero-soft h1{font-size:clamp(1.65rem,3vw,2.55rem);font-weight:500!important;letter-spacing:-.035em;margin:0;color:#111827!important;}
.detail-hero-soft p{margin:6px 0 0;color:#607086;}
.detail-gallery-card,.detail-card-premium,.lead-box-premium{background:#fff;border:1px solid #e7edf4;border-radius:22px;box-shadow:var(--ma-shadow);overflow:hidden;}
.detail-main-img-premium{width:100%;height:520px;object-fit:cover;background:#f3f6fa;display:block;}
.detail-thumbs-wrap{display:flex;gap:10px;overflow-x:auto;padding:14px;background:#fff;border-top:1px solid #eef2f6;}
.thumb-btn{padding:0;border:0;background:transparent;flex:0 0 auto;}
.thumb-img{width:86px;height:64px;object-fit:cover;border-radius:10px;border:2px solid transparent;opacity:.78;cursor:pointer;}
.thumb-img.active,.thumb-img:hover{opacity:1;border-color:var(--ma-blue);}
.section-mini-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;}
.section-mini-title>span{width:48px;height:48px;border-radius:16px;background:#eef8ff;color:var(--ma-blue);display:grid;place-items:center;font-size:1.2rem;flex:0 0 auto;}
.section-mini-title h4{font-weight:500!important;margin:0;color:#111827!important;}
.section-mini-title p{margin:4px 0 0;color:#66758a;}
.stat-pill{height:100%;border:1px solid #e7edf4;border-radius:16px;background:#f9fbfe;padding:14px;display:flex;flex-direction:column;gap:5px;}
.stat-pill i{color:var(--ma-blue);font-size:1.08rem;}
.stat-pill strong{font-weight:500;color:#111827;}
.stat-pill span{font-size:.82rem;color:#6b788a;}
.detail-description{color:#435266;line-height:1.7;}
.feature-block-premium{border:1px solid #e7edf4;border-radius:18px;background:#fff;padding:16px;}
.feature-block-premium h5{font-size:1.05rem;font-weight:500!important;color:var(--ma-blue);margin-bottom:12px;}
.feature-line{border-radius:12px;background:#f8fbff;padding:10px 12px;color:#3d4b60;font-size:.94rem;height:100%;}
.feature-line i{color:var(--ma-yellow);margin-right:8px;}
.sim-result{background:#eef8ff;border:1px solid #cfeeff;color:#075985;border-radius:16px;padding:14px 16px;font-weight:500;}
.lead-box-premium h3{font-weight:500!important;color:#111827!important;letter-spacing:-.025em;}
.detail-price{font-size:1.9rem!important;font-weight:500!important;}
.seller-mini-profile .profile-avatar{width:70px!important;height:70px!important;margin:0!important;border-radius:50%!important;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px rgba(60,64,67,.16);}
.available-box{background:#f8fbff;border:1px solid #e7edf4;border-radius:16px;padding:14px;color:#374151;}
.available-box span{font-size:.88rem;color:#66758a;}

/* Botones flotantes: no tapan contenido importante */
.floating-actions{right:16px!important;bottom:16px!important;gap:10px!important;z-index:1040!important;align-items:flex-end!important;}
.float-quote-platform{height:50px!important;padding:0 18px!important;border-radius:999px!important;background:var(--ma-blue)!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,158,227,.24)!important;font-size:.95rem!important;font-weight:600!important;}
.float-btn{width:50px!important;height:50px!important;box-shadow:0 4px 14px rgba(60,64,67,.18)!important;}

/* Mobile: carrusel uno a uno para secciones */
@media(max-width:991px){
  .hero-banner-img{height:330px;}
  .hero-search-special,
  .home-search-advanced.hero-search-special{
    position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;
    width:calc(100% - 24px)!important;margin:-34px auto 0!important;
    grid-template-columns:1fr 1fr!important;border-radius:20px!important;
  }
  .hero-search-special .search-field{grid-column:1/-1;}
  .hero-search-special button{grid-column:1/-1;}
  .detail-main-img-premium{height:390px;}
}

@media(max-width:767.98px){
  .market-home-hero{padding-top:12px;}
  .hero-banner-img{height:260px;object-position:center;}
  .home-search-advanced.hero-search-special{grid-template-columns:1fr!important;margin-top:12px!important;width:100%!important;border-radius:18px!important;box-shadow:var(--ma-shadow)!important;}
  .hero-search-special .form-select,.hero-search-special button,.hero-search-special .search-field{height:48px!important;}
  .quick-mobile-carousel,
  .vehicle-mobile-carousel,
  .info-mobile-carousel{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;
    gap:0!important;padding:4px 12px 18px!important;margin-left:-12px!important;margin-right:-12px!important;
  }
  .quick-mobile-carousel::-webkit-scrollbar,
  .vehicle-mobile-carousel::-webkit-scrollbar,
  .info-mobile-carousel::-webkit-scrollbar{display:none;}
  .quick-mobile-carousel>[class*="col-"],
  .vehicle-mobile-carousel>[class*="col-"],
  .info-mobile-carousel>[class*="col-"]{
    flex:0 0 88%!important;max-width:88%!important;scroll-snap-align:center!important;padding-left:8px!important;padding-right:8px!important;
  }
  .quick-mobile-carousel>[class*="col-"]{flex-basis:76%!important;max-width:76%!important;}
  .quick-tile-premium{min-height:138px!important;font-size:1.25rem!important;}
  .quick-tile-premium .quick-icon{width:64px!important;height:64px!important;}
  .card-auto .car-img{height:220px!important;}
  .card-body-auto{min-height:340px!important;padding:20px!important;}
  .card-auto .price{font-size:1.42rem!important;}
  .detail-main-img-premium{height:300px;}
  .detail-thumbs-wrap{padding:10px;}
  .thumb-img{width:74px;height:56px;}
  .floating-actions{right:10px!important;bottom:10px!important;}
  .float-quote-platform{height:44px!important;max-width:190px!important;padding:0 12px!important;font-size:.82rem!important;}
  .float-btn{width:44px!important;height:44px!important;font-size:1rem!important;}
}

@media(max-width:420px){
  .hero-banner-img{height:220px;}
  .quick-mobile-carousel>[class*="col-"],
  .vehicle-mobile-carousel>[class*="col-"],
  .info-mobile-carousel>[class*="col-"]{flex-basis:92%!important;max-width:92%!important;}
  .card-auto .car-title{font-size:1.15rem!important;}
  .detail-price{font-size:1.65rem!important;}
}


/* =========================================================
   UPDATE 14" DESKTOP + BANNER VISIBLE + FLOAT ORDER
   Mantiene config.php intacto. No sobrescribir include/config.php.
========================================================= */

/* Banner visible: el buscador queda debajo del banner, no encima */
.market-home-hero{
  padding-top:18px!important;
  padding-bottom:28px!important;
  background:#fff!important;
}

.hero-banner-slider{
  position:relative!important;
  max-width:1320px!important;
  margin:0 auto 18px!important;
}

.hero-banner-slider .carousel{
  border-radius:0!important;
  overflow:hidden!important;
  background:#0b4268!important;
}

.hero-banner-img{
  width:100%!important;
  height:clamp(265px, 25vw, 390px)!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* El buscador especializado deja de ser absolute para no tapar ni deformar el banner */
.below-banner-search-wrap{
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto 34px!important;
  padding:0 18px!important;
}

.hero-search-special.search-below-banner,
.home-search-advanced.hero-search-special.search-below-banner{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(100%, 1120px)!important;
  max-width:1120px!important;
  margin:-24px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(340px,1.35fr) minmax(170px,.7fr) minmax(160px,.65fr) minmax(140px,.55fr) 132px!important;
  gap:8px!important;
  align-items:center!important;
  padding:10px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid #dde6f0!important;
  border-radius:26px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.14),0 8px 24px rgba(60,64,67,.12)!important;
  backdrop-filter:blur(12px);
  z-index:5;
  overflow:visible!important;
}

.hero-search-special.search-below-banner .search-field{
  height:52px!important;
  border:1px solid #dbe5ef!important;
  border-radius:18px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
  min-width:0!important;
}

.hero-search-special.search-below-banner .search-field i{
  color:#009ee3!important;
  font-size:1.2rem!important;
  flex:0 0 auto!important;
}

.hero-search-special.search-below-banner .search-field input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#202124!important;
  font-size:1rem!important;
  font-weight:400!important;
  text-overflow:ellipsis!important;
}

.hero-search-special.search-below-banner .form-select,
.hero-search-special.search-below-banner .search-select{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  border:1px solid #dbe5ef!important;
  border-radius:18px!important;
  color:#202124!important;
  background-color:#fff!important;
  font-weight:400!important;
  font-size:.98rem!important;
  box-shadow:none!important;
}

.hero-search-special.search-below-banner button{
  width:100%!important;
  height:52px!important;
  border:0!important;
  border-radius:18px!important;
  background:#009ee3!important;
  color:#fff!important;
  font-weight:700!important;
  font-size:.98rem!important;
  white-space:nowrap!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10)!important;
}

/* 14 pulgadas y notebooks: buscador horizontal compacto y sin romperse */
@media (min-width:992px) and (max-width:1399px){
  .container-wide{max-width:1180px!important;}
  .hero-banner-slider{max-width:1180px!important;}
  .below-banner-search-wrap{max-width:1180px!important;padding:0 10px!important;}
  .hero-search-special.search-below-banner,
  .home-search-advanced.hero-search-special.search-below-banner{
    width:min(100%, 1040px)!important;
    grid-template-columns:minmax(260px,1.25fr) 165px 150px 135px 120px!important;
    gap:7px!important;
    padding:8px!important;
    border-radius:23px!important;
    margin-top:-22px!important;
  }
  .hero-search-special.search-below-banner .search-field,
  .hero-search-special.search-below-banner .form-select,
  .hero-search-special.search-below-banner .search-select,
  .hero-search-special.search-below-banner button{
    height:48px!important;
    min-height:48px!important;
    border-radius:16px!important;
    font-size:.92rem!important;
  }
  .hero-search-special.search-below-banner .search-field{
    padding:0 14px!important;
  }
}

/* Tablet: dos columnas ordenadas */
@media (max-width:991px){
  .below-banner-search-wrap{
    margin:0 auto 28px!important;
    padding:0 14px!important;
  }
  .hero-search-special.search-below-banner,
  .home-search-advanced.hero-search-special.search-below-banner{
    width:100%!important;
    margin:-18px auto 0!important;
    grid-template-columns:1fr 1fr!important;
    border-radius:22px!important;
    padding:10px!important;
  }
  .hero-search-special.search-below-banner .search-field-keyword{
    grid-column:1 / -1!important;
  }
  .hero-search-special.search-below-banner button{
    grid-column:1 / -1!important;
  }
}

/* Celular: una columna limpia */
@media (max-width:575px){
  .hero-banner-img{
    height:245px!important;
  }
  .hero-search-special.search-below-banner,
  .home-search-advanced.hero-search-special.search-below-banner{
    grid-template-columns:1fr!important;
    margin-top:14px!important;
    border-radius:18px!important;
    box-shadow:0 1px 2px rgba(60,64,67,.12),0 4px 14px rgba(60,64,67,.08)!important;
  }
  .hero-search-special.search-below-banner .search-field,
  .hero-search-special.search-below-banner .form-select,
  .hero-search-special.search-below-banner .search-select,
  .hero-search-special.search-below-banner button{
    height:48px!important;
    min-height:48px!important;
  }
}

/* Quick icons: más visibles y con contraste */
.quick-tile-premium{
  box-shadow:0 1px 2px rgba(60,64,67,.14),0 6px 16px rgba(60,64,67,.10)!important;
  border:1px solid rgba(0,158,227,.18)!important;
}

.quick-tile-premium .quick-icon{
  background:rgba(255,255,255,.14)!important;
  border:2px solid rgba(251,188,4,.95)!important;
  color:#fbbc04!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}

.quick-tile-premium .quick-icon i{
  color:#fbbc04!important;
  text-shadow:0 1px 2px rgba(0,0,0,.22)!important;
}

.quick-tile-premium span:last-child{
  color:#fff!important;
  font-weight:500!important;
}

/* Cards más premium y precio menos grande */
.card-auto,
.card-auto-premium{
  border-radius:18px!important;
  border:1px solid #e5ebf3!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 4px 14px rgba(60,64,67,.08)!important;
  background:#fff!important;
}

.card-auto:hover,
.card-auto-premium:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 1px 3px rgba(60,64,67,.14),0 8px 20px rgba(60,64,67,.10)!important;
}

.car-img{
  height:210px!important;
  object-fit:cover!important;
  object-position:center!important;
}

.card-body-auto{
  padding:17px 18px 16px!important;
}

.category{
  color:#009ee3!important;
  font-size:.84rem!important;
  font-weight:500!important;
}

.car-title,
.car-title-long{
  color:#0f172a!important;
  font-size:1.16rem!important;
  line-height:1.16!important;
  min-height:44px!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
}

.car-version{
  color:#3c4043!important;
  font-size:.82rem!important;
  min-height:20px!important;
  text-transform:uppercase!important;
}

.meta,
.meta-premium{
  color:#4b5563!important;
  font-size:.8rem!important;
  min-height:36px!important;
}

.price-row-premium{
  align-items:center!important;
  margin:8px 0 13px!important;
}

.price{
  color:#009ee3!important;
  font-size:1.34rem!important;
  line-height:1.05!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}

.bonus{
  border-radius:12px!important;
  background:#f5f8fc!important;
  border:1px solid #e8eef6!important;
  font-size:.72rem!important;
  padding:7px 10px!important;
  min-width:76px!important;
}

.card-actions .btn{
  min-height:38px!important;
  border-radius:999px!important;
  font-size:.78rem!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}

.detail-link{
  font-size:.82rem!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}

/* En móviles, secciones/cards como carrusel de 1 elemento visible */
@media (max-width:767px){
  .vehicle-mobile-carousel,
  .quick-mobile-carousel,
  .mobile-one-carousel{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:14px!important;
    gap:14px!important;
  }

  .vehicle-mobile-carousel > [class*="col-"],
  .quick-mobile-carousel > [class*="col-"],
  .mobile-one-carousel > [class*="col-"]{
    flex:0 0 86%!important;
    max-width:86%!important;
    scroll-snap-align:center!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .quick-mobile-carousel > [class*="col-"]{
    flex-basis:78%!important;
    max-width:78%!important;
  }

  .vehicle-mobile-carousel::-webkit-scrollbar,
  .quick-mobile-carousel::-webkit-scrollbar,
  .mobile-one-carousel::-webkit-scrollbar{
    height:6px!important;
  }

  .vehicle-mobile-carousel::-webkit-scrollbar-thumb,
  .quick-mobile-carousel::-webkit-scrollbar-thumb,
  .mobile-one-carousel::-webkit-scrollbar-thumb{
    background:#c9d7e8!important;
    border-radius:999px!important;
  }

  .car-img{
    height:205px!important;
  }
}

/* Botones flotantes: abajo Cotizar esta plataforma, arriba la flecha */
.floating-actions{
  right:18px!important;
  bottom:18px!important;
  align-items:flex-end!important;
  gap:10px!important;
}

.floating-actions-ordered .float-top{order:1!important;}
.floating-actions-ordered .float-phone{order:2!important;}
.floating-actions-ordered .float-whatsapp{order:3!important;}
.floating-actions-ordered .float-quote-platform{order:4!important;}

.float-quote-platform{
  min-height:52px!important;
  height:52px!important;
  border-radius:999px!important;
  padding:0 22px!important;
  background:#009ee3!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:.98rem!important;
  font-weight:700!important;
  box-shadow:0 1px 2px rgba(60,64,67,.14),0 8px 18px rgba(0,158,227,.24)!important;
  margin:0!important;
  white-space:nowrap!important;
}

.float-btn{
  width:50px!important;
  height:50px!important;
}

.float-top{
  background:#202124!important;
}

@media (max-width:575px){
  .floating-actions{
    right:12px!important;
    bottom:12px!important;
  }

  .float-quote-platform{
    height:46px!important;
    min-height:46px!important;
    max-width:245px!important;
    padding:0 16px!important;
    font-size:.86rem!important;
  }

  .float-btn{
    width:46px!important;
    height:46px!important;
  }
}


/* =========================================================
   UPDATE FINAL: BUSCADOR SOBRE BANNER + LOGOS ./marcas
   Mantiene include/config.php intacto.
========================================================= */

/* Quita espacios grandes de portada */
.market-home-hero{
  padding:10px 0 12px!important;
  background:#fff!important;
}

.market-home-hero .container-wide{
  max-width:1320px!important;
}

.hero-banner-slider{
  max-width:1320px!important;
  margin:0 auto 0!important;
  position:relative!important;
}

.hero-banner-slider .carousel{
  border-radius:0!important;
  overflow:hidden!important;
  background:#073b63!important;
}

.hero-banner-img{
  height:clamp(270px, 24vw, 370px)!important;
  width:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* Buscador centrado sobre la parte inferior del banner */
.below-banner-search-wrap{
  width:100%!important;
  max-width:1320px!important;
  margin:-56px auto 18px!important;
  padding:0 24px!important;
  position:relative!important;
  z-index:20!important;
}

.hero-search-special.search-below-banner,
.home-search-advanced.hero-search-special.search-below-banner{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(100%, 1080px)!important;
  max-width:1080px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(300px, 1.45fr) minmax(170px,.75fr) minmax(155px,.7fr) minmax(135px,.55fr) 126px!important;
  gap:8px!important;
  align-items:center!important;
  padding:9px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(219,229,239,.95)!important;
  border-radius:999px!important;
  box-shadow:0 1px 3px rgba(60,64,67,.14), 0 12px 30px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(14px)!important;
  overflow:visible!important;
}

.hero-search-special.search-below-banner .search-field{
  height:50px!important;
  min-height:50px!important;
  border:1px solid #dbe5ef!important;
  border-radius:999px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
  min-width:0!important;
}

.hero-search-special.search-below-banner .search-field i{
  color:#009ee3!important;
  font-size:1.22rem!important;
  flex:0 0 auto!important;
}

.hero-search-special.search-below-banner .search-field input{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  height:100%!important;
  color:#202124!important;
  font-size:.98rem!important;
  font-weight:400!important;
  text-overflow:ellipsis!important;
}

.hero-search-special.search-below-banner .form-select,
.hero-search-special.search-below-banner .search-select{
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  border:1px solid #dbe5ef!important;
  border-radius:999px!important;
  background-color:#fff!important;
  color:#202124!important;
  font-size:.95rem!important;
  font-weight:400!important;
  box-shadow:none!important;
  padding-left:16px!important;
  padding-right:34px!important;
}

.hero-search-special.search-below-banner button{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  border:0!important;
  border-radius:999px!important;
  background:#009ee3!important;
  color:#fff!important;
  font-size:.95rem!important;
  font-weight:700!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12)!important;
  white-space:nowrap!important;
}

/* Para notebooks 14 pulgadas: no se deforma */
@media (min-width:992px) and (max-width:1399px){
  .market-home-hero .container-wide,
  .hero-banner-slider,
  .below-banner-search-wrap{
    max-width:1180px!important;
  }

  .below-banner-search-wrap{
    margin-top:-52px!important;
    padding:0 18px!important;
  }

  .hero-search-special.search-below-banner,
  .home-search-advanced.hero-search-special.search-below-banner{
    width:min(100%, 1010px)!important;
    grid-template-columns:minmax(260px, 1.35fr) 158px 150px 130px 116px!important;
    gap:7px!important;
    padding:8px!important;
  }

  .hero-search-special.search-below-banner .search-field,
  .hero-search-special.search-below-banner .form-select,
  .hero-search-special.search-below-banner .search-select,
  .hero-search-special.search-below-banner button{
    height:46px!important;
    min-height:46px!important;
    font-size:.88rem!important;
  }
}

/* Tablet/móvil: buscador ordenado sin romperse */
@media (max-width:991px){
  .below-banner-search-wrap{
    margin:-32px auto 18px!important;
    padding:0 14px!important;
  }

  .hero-search-special.search-below-banner,
  .home-search-advanced.hero-search-special.search-below-banner{
    width:100%!important;
    grid-template-columns:1fr 1fr!important;
    border-radius:22px!important;
    padding:10px!important;
  }

  .hero-search-special.search-below-banner .search-field-keyword{
    grid-column:1 / -1!important;
  }

  .hero-search-special.search-below-banner button{
    grid-column:1 / -1!important;
  }
}

@media (max-width:575px){
  .hero-banner-img{
    height:230px!important;
  }

  .below-banner-search-wrap{
    margin:12px auto 16px!important;
  }

  .hero-search-special.search-below-banner,
  .home-search-advanced.hero-search-special.search-below-banner{
    grid-template-columns:1fr!important;
    border-radius:18px!important;
  }

  .hero-search-special.search-below-banner .search-field,
  .hero-search-special.search-below-banner .form-select,
  .hero-search-special.search-below-banner .search-select,
  .hero-search-special.search-below-banner button{
    height:46px!important;
    min-height:46px!important;
  }
}

/* Reduce padding y altura de secciones */
.home-actions-row{
  margin-top:16px!important;
  margin-bottom:18px!important;
}

.home-intro{
  margin-top:6px!important;
  margin-bottom:14px!important;
}

.home-intro h1{
  font-size:clamp(1.45rem,2.1vw,2rem)!important;
  line-height:1.12!important;
  font-weight:500!important;
  margin-bottom:8px!important;
  color:#0f172a!important;
}

.home-intro p{
  font-size:.98rem!important;
  margin-bottom:0!important;
}

.featured-section,
.home-seminew-section,
.info-section{
  padding-top:34px!important;
  padding-bottom:34px!important;
}

.section-head-center{
  margin-bottom:18px!important;
}

.section-head-center h2{
  font-size:clamp(1.35rem,2vw,1.8rem)!important;
  margin-bottom:6px!important;
}

.section-head-center p{
  margin-bottom:0!important;
}

/* Logos de marcas desde ./marcas/*.png, sin texto */
.brand-logos-row.brand-logos-only-row{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin:18px auto 0!important;
  padding:0 0 10px!important;
}

.brand-logo-chip.brand-logo-only{
  width:74px!important;
  height:58px!important;
  min-width:74px!important;
  min-height:58px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e2e8f0!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(60,64,67,.08)!important;
  overflow:hidden!important;
}

.brand-logo-chip.brand-logo-only:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 1px 3px rgba(60,64,67,.12),0 5px 14px rgba(60,64,67,.08)!important;
  border-color:#cfe0f7!important;
}

.brand-logo-chip.brand-logo-only img{
  max-width:58px!important;
  max-height:38px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}

/* Ficha/card: menos espacios para que no sea tan grande */
.card-auto,
.card-auto-premium{
  border-radius:18px!important;
  border:1px solid #e5ebf3!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10),0 4px 14px rgba(60,64,67,.07)!important;
}

.car-img{
  height:198px!important;
}

.card-body-auto{
  padding:15px 16px 14px!important;
}

.car-title,
.car-title-long{
  font-size:1.14rem!important;
  line-height:1.14!important;
  min-height:38px!important;
  color:#111827!important;
  font-weight:500!important;
}

.category{
  font-size:.82rem!important;
}

.car-version{
  font-size:.8rem!important;
  min-height:18px!important;
  margin-bottom:8px!important;
}

.meta,
.meta-premium{
  min-height:auto!important;
  margin-bottom:10px!important;
  font-size:.78rem!important;
  line-height:1.45!important;
}

.price{
  font-size:1.28rem!important;
  line-height:1.05!important;
  font-weight:500!important;
}

.price-row-premium{
  margin:6px 0 9px!important;
}

.location-line{
  min-height:auto!important;
  margin-bottom:10px!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}

.bonus{
  min-width:70px!important;
  padding:6px 8px!important;
  font-size:.68rem!important;
}

.card-actions .btn{
  min-height:36px!important;
  font-size:.76rem!important;
}

.detail-link{
  font-size:.78rem!important;
}

/* Móviles: carrusel con un card visible */
@media (max-width:767px){
  .vehicle-mobile-carousel,
  .quick-mobile-carousel,
  .mobile-one-carousel{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:14px!important;
    padding-bottom:12px!important;
  }

  .vehicle-mobile-carousel > [class*="col-"],
  .quick-mobile-carousel > [class*="col-"],
  .mobile-one-carousel > [class*="col-"]{
    flex:0 0 86%!important;
    max-width:86%!important;
    padding-left:0!important;
    padding-right:0!important;
    scroll-snap-align:center!important;
  }

  .quick-mobile-carousel > [class*="col-"]{
    flex-basis:78%!important;
    max-width:78%!important;
  }

  .car-img{
    height:205px!important;
  }
}


/* =========================================================
   DETALLE AUTO: FICHA DE COTIZACIÓN FIJA AL HACER SCROLL
========================================================= */

.detail-section-premium,
.detail-section-premium .container,
.detail-section-premium .row{
  overflow:visible!important;
}

.detail-sticky-col{
  align-self:flex-start!important;
}

.detail-sticky-card{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:88px!important;
  z-index:20!important;
  max-height:calc(100vh - 108px)!important;
  overflow-y:auto!important;
  scrollbar-width:thin;
}

.detail-sticky-card::-webkit-scrollbar{
  width:6px;
}

.detail-sticky-card::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:999px;
}

.detail-sticky-card::-webkit-scrollbar-track{
  background:transparent;
}

.lead-box-premium.detail-sticky-card{
  border-radius:22px!important;
  border:1px solid #e4ebf5!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 8px 24px rgba(60,64,67,.09)!important;
  background:#fff!important;
}

.detail-sticky-card .detail-price{
  font-size:1.45rem!important;
  font-weight:500!important;
  color:#009ee3!important;
}

.detail-sticky-card .btn{
  min-height:42px!important;
  border-radius:12px!important;
}

.seller-mini-profile .profile-avatar{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  object-fit:cover!important;
}

.available-box{
  background:#f8fbff!important;
  border:1px solid #dfe8f4!important;
  border-radius:16px!important;
  padding:14px!important;
  color:#334155!important;
}

.available-box span{
  color:#64748b!important;
  font-size:.88rem!important;
}

@media (max-width:991px){
  .detail-sticky-card{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* =========================================================
   DETALLE AUTO: CARD STICKY SIN SCROLL + BARRA COTIZAR/WHATSAPP
========================================================= */

.auto-detail-page{
  padding-bottom:0!important;
}

.detail-section-premium,
.detail-section-premium .container,
.detail-section-premium .row,
.detail-sticky-col{
  overflow:visible!important;
}

.detail-sticky-col{
  align-self:flex-start!important;
}

.detail-sticky-card,
.lead-box-premium.detail-sticky-card{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:86px!important;
  z-index:30!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  scrollbar-width:auto!important;
  border-radius:22px!important;
  border:1px solid #e4ebf5!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 8px 24px rgba(60,64,67,.09)!important;
}

.detail-sticky-card::-webkit-scrollbar{
  display:none!important;
}

.detail-sticky-card .detail-price{
  font-size:1.42rem!important;
  line-height:1.05!important;
  font-weight:500!important;
  color:#009ee3!important;
}

.detail-sticky-card .btn{
  min-height:42px!important;
  border-radius:12px!important;
  font-weight:700!important;
}

/* En detalle no se muestra el botón flotante largo de plataforma encima de la ficha */
.auto-detail-page .float-quote-platform{
  display:none!important;
}

.auto-detail-page .floating-actions{
  bottom:20px!important;
  right:18px!important;
}

/* Barra inferior estilo concesionaria: aparece al bajar hacia la zona inferior */
.detail-bottom-contact-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1040;
  background:rgba(255,255,255,.98);
  border-top:1px solid #e2e8f0;
  box-shadow:0 -1px 2px rgba(60,64,67,.10),0 -8px 24px rgba(60,64,67,.08);
  transform:translateY(115%);
  opacity:0;
  pointer-events:none;
  transition:transform .28s ease, opacity .22s ease;
  backdrop-filter:blur(14px);
}

.detail-bottom-contact-bar.show{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}

.detail-bottom-contact-inner{
  max-width:1220px;
  margin:0 auto;
  padding:12px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.detail-bottom-car{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.detail-bottom-car strong{
  color:#111827!important;
  font-size:.98rem;
  line-height:1.15;
  font-weight:500!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:720px;
}

.detail-bottom-car span{
  color:#5f6368;
  font-size:.84rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:720px;
}

.detail-bottom-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex:0 0 auto;
}

.detail-bottom-actions .btn{
  min-width:150px;
  min-height:40px!important;
  border-radius:999px!important;
  font-size:.82rem!important;
  text-transform:uppercase;
  font-weight:800!important;
}

@media (max-width:991px){
  .detail-sticky-card,
  .lead-box-premium.detail-sticky-card{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .detail-bottom-contact-inner{
    padding:10px 12px;
  }

  .detail-bottom-car{
    display:none;
  }

  .detail-bottom-actions{
    width:100%;
    gap:8px;
  }

  .detail-bottom-actions .btn{
    flex:1;
    min-width:0;
  }

  .auto-detail-page .floating-actions{
    bottom:76px!important;
  }
}

@media (max-width:575px){
  .detail-bottom-actions .btn{
    min-height:42px!important;
    font-size:.78rem!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* =========================================================
   AUTO DETAIL PREMIUM FINAL: STICKY SIN SCROLL + CARRUSEL
========================================================= */

/* Columna derecha fija mientras se revisa la ficha */
.detail-section-premium,
.detail-section-premium .container,
.detail-section-premium .row,
.detail-sticky-col{
  overflow:visible!important;
}

.detail-sticky-col{
  align-self:flex-start!important;
}

.detail-sticky-card,
.lead-box-premium.detail-sticky-card,
.lead-box-premium.detail-sticky-card[data-detail-sticky-card]{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:82px!important;
  z-index:40!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  scrollbar-width:none!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid #e4ebf5!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 8px 24px rgba(60,64,67,.08)!important;
  padding:18px!important;
}

.detail-sticky-card::-webkit-scrollbar{
  display:none!important;
}

.detail-sticky-card .badge{
  font-size:.76rem!important;
  padding:.38rem .62rem!important;
  font-weight:700!important;
}

.detail-sticky-card h3{
  font-size:1.55rem!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  margin-bottom:4px!important;
  font-weight:500!important;
  color:#111827!important;
}

.detail-sticky-card .text-muted{
  color:#5f6368!important;
}

/* Iconos dentro del card de contacto */
.detail-card-icons-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:12px 0 14px;
  padding:10px 0 2px;
  border-top:1px solid #edf2f7;
  border-bottom:1px solid #edf2f7;
}

.detail-card-icon-item{
  min-width:0;
  text-align:center;
  color:#0b5cad;
}

.detail-card-icon-item span{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  margin:0 auto 5px;
  background:#eef7ff;
  border:1px solid #d5eafc;
  color:#009ee3;
  font-size:.95rem;
}

.detail-card-icon-item strong{
  display:block;
  color:#075a99!important;
  font-size:.72rem;
  line-height:1.1;
  font-weight:800!important;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.detail-card-icon-item small{
  display:block;
  color:#6b7280;
  font-size:.62rem;
  line-height:1.1;
  margin-top:2px;
  text-transform:uppercase;
}

.detail-sticky-card .detail-price{
  font-size:1.42rem!important;
  line-height:1.05!important;
  font-weight:500!important;
  color:#009ee3!important;
  margin-top:6px!important;
  margin-bottom:4px!important;
}

.detail-sticky-card .small{
  font-size:.82rem!important;
  line-height:1.35!important;
}

.detail-sticky-card .d-grid.my-3{
  margin-top:12px!important;
  margin-bottom:14px!important;
  gap:8px!important;
}

.detail-sticky-card .btn{
  min-height:40px!important;
  border-radius:13px!important;
  font-weight:800!important;
  font-size:.92rem!important;
}

.detail-sticky-card hr{
  margin:14px 0!important;
}

.detail-sticky-card .seller-mini-profile{
  gap:12px!important;
}

.detail-sticky-card .seller-mini-profile .profile-avatar{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border:4px solid #fff!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 6px 14px rgba(60,64,67,.10)!important;
}

.detail-sticky-card .seller-mini-profile strong{
  font-size:.95rem!important;
  line-height:1.2!important;
  color:#111827!important;
}

.detail-sticky-card .btn-outline-secondary{
  min-height:38px!important;
  margin-top:12px!important;
}

.detail-sticky-card .available-box{
  margin-top:12px!important;
  padding:12px!important;
  border-radius:15px!important;
  background:#f8fbff!important;
  border:1px solid #dfe8f4!important;
  font-size:.84rem!important;
  line-height:1.4!important;
}

/* Barra inferior: aparece solo cerca del final, como concesionaria */
.detail-bottom-contact-bar{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:1040!important;
  background:rgba(255,255,255,.98)!important;
  border-top:1px solid #e2e8f0!important;
  box-shadow:0 -1px 2px rgba(60,64,67,.10),0 -8px 24px rgba(60,64,67,.08)!important;
  transform:translateY(115%)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .28s ease, opacity .22s ease!important;
  backdrop-filter:blur(14px)!important;
}

.detail-bottom-contact-bar.show{
  transform:translateY(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
}

.detail-bottom-contact-inner{
  max-width:1220px!important;
  margin:0 auto!important;
  padding:12px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.detail-bottom-car{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}

.detail-bottom-car strong{
  color:#111827!important;
  font-size:.98rem!important;
  line-height:1.15!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:720px!important;
}

.detail-bottom-car span{
  color:#5f6368!important;
  font-size:.84rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:720px!important;
}

.detail-bottom-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex:0 0 auto!important;
}

.detail-bottom-actions .btn{
  min-width:150px!important;
  min-height:40px!important;
  border-radius:999px!important;
  font-size:.82rem!important;
  text-transform:uppercase!important;
  font-weight:800!important;
}

/* Oculta el flotante largo en el detalle para no tapar la ficha */
.auto-detail-page .float-quote-platform{
  display:none!important;
}

/* Carrusel de similares */
.similar-section-premium{
  padding-top:40px!important;
  padding-bottom:48px!important;
  background:#f8fafd!important;
}

.similar-section-premium .section-head-center h2{
  font-size:clamp(1.55rem,2.4vw,2.25rem)!important;
  line-height:1.12!important;
  font-weight:500!important;
  color:#111827!important;
}

.similar-cars-carousel{
  position:relative;
  padding:0 44px;
}

.similar-cars-carousel .carousel-inner{
  overflow:hidden;
}

.similar-cars-carousel .carousel-item{
  transition:transform .45s ease-in-out;
}

.similar-cars-carousel .card-auto{
  height:100%;
}

.similar-carousel-control{
  width:42px!important;
  height:42px!important;
  top:45%!important;
  opacity:1!important;
}

.similar-carousel-control span{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#009ee3;
  border:1px solid #dce8f5;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 4px 12px rgba(60,64,67,.08);
}

.similar-cars-carousel .carousel-control-prev{
  left:0!important;
}

.similar-cars-carousel .carousel-control-next{
  right:0!important;
}

/* Ajustes responsive */
@media (max-width:991px){
  .detail-sticky-card,
  .lead-box-premium.detail-sticky-card,
  .lead-box-premium.detail-sticky-card[data-detail-sticky-card]{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:18px!important;
  }

  .detail-bottom-contact-inner{
    padding:10px 12px!important;
  }

  .detail-bottom-car{
    display:none!important;
  }

  .detail-bottom-actions{
    width:100%!important;
    gap:8px!important;
  }

  .detail-bottom-actions .btn{
    flex:1!important;
    min-width:0!important;
  }

  .auto-detail-page .floating-actions{
    bottom:76px!important;
  }

  .similar-cars-carousel{
    padding:0 0;
  }

  .similar-cars-carousel .carousel-item .row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:12px!important;
  }

  .similar-cars-carousel .col-similar-card{
    flex:0 0 86%!important;
    max-width:86%!important;
    scroll-snap-align:center!important;
  }

  .similar-carousel-control{
    display:none!important;
  }
}

@media (max-width:575px){
  .detail-card-icons-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .detail-bottom-actions .btn{
    min-height:42px!important;
    font-size:.78rem!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* =========================================================
   FIX REAL: STICKY POR JS + SIMILARES SIEMPRE VISIBLES
========================================================= */

/* La sección no debe cortar el sticky ni el fixed */
[data-detail-sticky-section],
[data-detail-sticky-section] .container,
[data-detail-sticky-section] .row,
.detail-sticky-col{
  overflow:visible!important;
}

/* Card de contacto compacto y sin scroll interno */
.detail-sticky-card,
.lead-box-premium.detail-sticky-card,
[data-detail-sticky-card]{
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
  position:sticky!important;
  top:82px!important;
  z-index:35!important;
  padding:16px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid #e4ebf5!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 8px 24px rgba(60,64,67,.08)!important;
}

/* Fallback cuando JS lo fija de verdad */
.detail-sticky-card.is-fixed-by-js{
  position:fixed!important;
  top:82px!important;
}

.detail-sticky-card.is-absolute-bottom-by-js{
  position:absolute!important;
  top:auto!important;
  bottom:0!important;
}

.detail-sticky-col.is-js-sticky-holder{
  position:relative!important;
}

.detail-sticky-card h3{
  font-size:1.42rem!important;
  line-height:1.1!important;
  margin-bottom:4px!important;
}

.detail-sticky-card .detail-price{
  font-size:1.32rem!important;
  margin:7px 0 4px!important;
}

.detail-sticky-card .small{
  font-size:.78rem!important;
  line-height:1.32!important;
}

.detail-sticky-card .d-grid.my-3{
  margin-top:10px!important;
  margin-bottom:12px!important;
  gap:7px!important;
}

.detail-sticky-card .btn{
  min-height:38px!important;
  font-size:.86rem!important;
  border-radius:12px!important;
}

.detail-sticky-card hr{
  margin:12px 0!important;
}

.detail-card-icons-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin:10px 0 12px!important;
  padding:9px 0!important;
  border-top:1px solid #edf2f7!important;
  border-bottom:1px solid #edf2f7!important;
}

.detail-card-icon-item{
  min-width:0!important;
  text-align:center!important;
}

.detail-card-icon-item span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 4px!important;
  background:#eef7ff!important;
  border:1px solid #d5eafc!important;
  color:#009ee3!important;
  font-size:.88rem!important;
}

.detail-card-icon-item strong{
  display:block!important;
  color:#075a99!important;
  font-size:.66rem!important;
  line-height:1.05!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.detail-card-icon-item small{
  display:block!important;
  color:#6b7280!important;
  font-size:.58rem!important;
  line-height:1.05!important;
  margin-top:2px!important;
  text-transform:uppercase!important;
}

.detail-sticky-card .seller-mini-profile .profile-avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
}

.detail-sticky-card .available-box{
  padding:10px 12px!important;
  margin-top:10px!important;
  font-size:.8rem!important;
}

/* Similares: asegurar que los cards aparezcan */
.similar-section-premium{
  background:#f8fafd!important;
  padding-top:34px!important;
  padding-bottom:46px!important;
  min-height:480px!important;
}

.similar-cars-carousel{
  position:relative!important;
  padding:0 48px!important;
  min-height:520px!important;
}

.similar-cars-carousel .carousel-inner{
  overflow:hidden!important;
  min-height:510px!important;
}

.similar-cars-carousel .carousel-item{
  min-height:510px!important;
}

.similar-cars-carousel .carousel-item.active{
  display:block!important;
}

.similar-cars-carousel .row{
  align-items:stretch!important;
}

.similar-cars-carousel .col-similar-card{
  display:flex!important;
}

.similar-cars-carousel .col-similar-card .card-auto{
  width:100%!important;
  display:flex!important;
}

.similar-carousel-control{
  width:42px!important;
  height:42px!important;
  top:44%!important;
  opacity:1!important;
}

.similar-carousel-control span{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#009ee3!important;
  border:1px solid #dce8f5!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 4px 12px rgba(60,64,67,.08)!important;
}

.similar-cars-carousel .carousel-control-prev{
  left:0!important;
}

.similar-cars-carousel .carousel-control-next{
  right:0!important;
}

@media(max-width:991px){
  .detail-sticky-card,
  .lead-box-premium.detail-sticky-card,
  [data-detail-sticky-card],
  .detail-sticky-card.is-fixed-by-js,
  .detail-sticky-card.is-absolute-bottom-by-js{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    max-height:none!important;
  }

  .similar-cars-carousel{
    padding:0!important;
    min-height:auto!important;
  }

  .similar-cars-carousel .carousel-inner,
  .similar-cars-carousel .carousel-item{
    min-height:auto!important;
  }

  .similar-cars-carousel .carousel-item .row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:12px!important;
  }

  .similar-cars-carousel .col-similar-card{
    flex:0 0 86%!important;
    max-width:86%!important;
    scroll-snap-align:center!important;
  }

  .similar-carousel-control{
    display:none!important;
  }
}


/* =========================================================
   FIX FINAL: FICHA DERECHA FIJA + SIMILARES + INFO ADMIN
========================================================= */

/* Evita que contenedores corten el sticky */
[data-detail-sticky-section],
[data-detail-sticky-section] .container,
[data-detail-sticky-section] .row,
.detail-section-premium,
.detail-section-premium .container,
.detail-section-premium .row,
.detail-sticky-col{
  overflow:visible!important;
}

.detail-sticky-col{
  align-self:flex-start!important;
  position:relative!important;
}

/* Card de contacto fijo mientras se revisa la ficha */
.detail-sticky-card,
.lead-box-premium.detail-sticky-card,
[data-detail-sticky-card]{
  position:sticky!important;
  top:82px!important;
  z-index:40!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  scrollbar-width:none!important;
  padding:16px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid #e4ebf5!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 8px 24px rgba(60,64,67,.08)!important;
}

.detail-sticky-card::-webkit-scrollbar{
  display:none!important;
}

/* Modo fijo por JS: no se va hacia arriba ni deja espacio vacío */
.detail-sticky-card.is-fixed-by-js{
  position:fixed!important;
  top:82px!important;
  z-index:1042!important;
  max-height:none!important;
  overflow:visible!important;
}

.detail-sticky-card.is-release-by-js{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:auto!important;
}

/* Compactar el card para que no necesite scroll */
.detail-sticky-card h3{
  font-size:1.42rem!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  margin-bottom:4px!important;
  color:#111827!important;
  font-weight:500!important;
}

.detail-sticky-card .detail-price{
  font-size:1.32rem!important;
  line-height:1.05!important;
  margin:7px 0 4px!important;
  color:#009ee3!important;
  font-weight:500!important;
}

.detail-sticky-card .small{
  font-size:.78rem!important;
  line-height:1.3!important;
}

.detail-sticky-card .d-grid.my-3{
  margin-top:10px!important;
  margin-bottom:12px!important;
  gap:7px!important;
}

.detail-sticky-card .btn{
  min-height:38px!important;
  border-radius:12px!important;
  font-size:.86rem!important;
  font-weight:800!important;
}

.detail-sticky-card hr{
  margin:12px 0!important;
}

.detail-card-icons-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin:10px 0 12px!important;
  padding:9px 0!important;
  border-top:1px solid #edf2f7!important;
  border-bottom:1px solid #edf2f7!important;
}

.detail-card-icon-item{
  min-width:0!important;
  text-align:center!important;
}

.detail-card-icon-item span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 4px!important;
  background:#eef7ff!important;
  border:1px solid #d5eafc!important;
  color:#009ee3!important;
  font-size:.88rem!important;
}

.detail-card-icon-item strong{
  display:block!important;
  color:#075a99!important;
  font-size:.66rem!important;
  line-height:1.05!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.detail-card-icon-item small{
  display:block!important;
  color:#6b7280!important;
  font-size:.58rem!important;
  line-height:1.05!important;
  margin-top:2px!important;
  text-transform:uppercase!important;
}

.detail-sticky-card .seller-mini-profile{
  gap:10px!important;
}

.detail-sticky-card .seller-mini-profile .profile-avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
}

.detail-sticky-card .seller-mini-profile strong{
  font-size:.95rem!important;
}

.detail-sticky-card .btn-outline-secondary{
  margin-top:10px!important;
  min-height:38px!important;
}

.detail-sticky-card .available-box{
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  background:#f8fbff!important;
  border:1px solid #dfe8f4!important;
  font-size:.8rem!important;
  line-height:1.35!important;
}

/* Carrusel de otros autos */
.similar-section-premium{
  background:#f8fafd!important;
  padding-top:34px!important;
  padding-bottom:42px!important;
}

.similar-cars-carousel{
  position:relative!important;
  padding:0 48px!important;
  min-height:520px!important;
}

.similar-cars-carousel .carousel-inner{
  overflow:hidden!important;
  min-height:510px!important;
}

.similar-cars-carousel .carousel-item{
  min-height:510px!important;
}

.similar-cars-carousel .carousel-item.active{
  display:block!important;
}

.similar-cars-carousel .col-similar-card{
  display:flex!important;
}

.similar-cars-carousel .card-auto{
  width:100%!important;
  height:100%!important;
}

.similar-carousel-control{
  width:42px!important;
  height:42px!important;
  top:45%!important;
  opacity:1!important;
}

.similar-carousel-control span{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#009ee3!important;
  border:1px solid #dce8f5!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 4px 12px rgba(60,64,67,.08)!important;
}

.similar-cars-carousel .carousel-control-prev{
  left:0!important;
}

.similar-cars-carousel .carousel-control-next{
  right:0!important;
}

/* Sección Todo lo que necesitas saber */
.detail-info-blocks-section{
  background:#fff!important;
  padding-top:42px!important;
  padding-bottom:52px!important;
}

.detail-info-panel{
  background:#fff!important;
  border:1px solid #e8eef6!important;
  border-radius:24px!important;
  padding:38px clamp(18px,4vw,56px)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10),0 6px 18px rgba(60,64,67,.06)!important;
}

.detail-info-card{
  height:100%!important;
  display:flex!important;
  gap:16px!important;
  align-items:flex-start!important;
  background:#fff!important;
  border:1px solid #e7edf5!important;
  border-radius:14px!important;
  padding:18px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.06)!important;
  transition:.18s ease!important;
}

.detail-info-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10),0 6px 16px rgba(60,64,67,.08)!important;
}

.detail-info-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#eef7ff!important;
  color:#009ee3!important;
  border:1px solid #d7ebfa!important;
}

.detail-info-card h3{
  margin:0 0 8px!important;
  font-size:.98rem!important;
  color:#009ee3!important;
  font-weight:800!important;
}

.detail-info-card p{
  margin:0!important;
  color:#334155!important;
  font-size:.92rem!important;
  line-height:1.45!important;
}

/* Admin info */
.admin-info-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eef7ff;
  color:#009ee3;
  border:1px solid #d7ebfa;
}

/* Responsive */
@media(max-width:991px){
  .detail-sticky-card,
  .lead-box-premium.detail-sticky-card,
  [data-detail-sticky-card],
  .detail-sticky-card.is-fixed-by-js,
  .detail-sticky-card.is-release-by-js{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .similar-cars-carousel{
    padding:0!important;
    min-height:auto!important;
  }

  .similar-cars-carousel .carousel-inner,
  .similar-cars-carousel .carousel-item{
    min-height:auto!important;
  }

  .similar-cars-carousel .carousel-item .row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:12px!important;
  }

  .similar-cars-carousel .col-similar-card{
    flex:0 0 86%!important;
    max-width:86%!important;
    scroll-snap-align:center!important;
  }

  .similar-carousel-control{
    display:none!important;
  }

  .detail-info-panel{
    padding:26px 16px!important;
  }
}

@media(max-width:575px){
  .detail-card-icons-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }

  .detail-info-card{
    padding:16px!important;
  }
}


/* =========================================================
   FIX STICKY VERTICAL EN COLUMNA DERECHA
   El card queda fijo hacia abajo dentro de su columna.
   No se mueve hacia los lados.
========================================================= */

.detail-section-premium,
.detail-section-premium .container,
.detail-section-premium .row,
[data-detail-sticky-section],
[data-detail-sticky-section] .container,
[data-detail-sticky-section] .row{
  overflow: visible !important;
}

.detail-sticky-col{
  align-self: flex-start !important;
  position: static !important;
  overflow: visible !important;
}

/* Neutraliza cualquier fixed por JS para que NO se desplace lateralmente */
.detail-sticky-card,
.lead-box-premium.detail-sticky-card,
[data-detail-sticky-card],
.detail-sticky-card.is-fixed-by-js,
.detail-sticky-card.is-release-by-js,
.detail-sticky-card.is-absolute-bottom-by-js{
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 88px !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: 100% !important;
  transform: none !important;
  z-index: 30 !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  scrollbar-width: none !important;
}

.detail-sticky-card::-webkit-scrollbar{
  display: none !important;
}

/* Evita que estilos inline dejados por JS afecten el ancho o posición */
[data-detail-sticky-card]{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* En pantallas pequeñas el card vuelve al flujo normal */
@media(max-width: 991px){
  .detail-sticky-col{
    position: static !important;
  }

  .detail-sticky-card,
  .lead-box-premium.detail-sticky-card,
  [data-detail-sticky-card],
  .detail-sticky-card.is-fixed-by-js,
  .detail-sticky-card.is-release-by-js,
  .detail-sticky-card.is-absolute-bottom-by-js{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
  }
}


/* =========================================================
   MARKETAUTOS GOOGLE MARKETPLACE SKIN - PREMIUM CLEAN
   Bootstrap 5.3 + Roboto + Font Awesome
========================================================= */

:root{
  --m-blue:#1a73e8;
  --m-sky:#009ee3;
  --m-green:#34a853;
  --m-yellow:#fbbc04;
  --m-red:#ea4335;
  --m-ink:#202124;
  --m-text:#3c4043;
  --m-muted:#5f6368;
  --m-bg:#f7f9fc;
  --m-card:#ffffff;
  --m-line:#e4ebf3;
  --m-shadow:0 1px 2px rgba(60,64,67,.12),0 4px 14px rgba(60,64,67,.07);
  --m-shadow-hover:0 1px 3px rgba(60,64,67,.14),0 8px 22px rgba(60,64,67,.10);
}

html,body{
  font-family:'Roboto', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
  background:var(--m-bg)!important;
  color:var(--m-text)!important;
  font-weight:400!important;
}

body *{
  font-weight:400!important;
}

strong,b,.fw-bold,.fw-black,h1,h2,h3,h4,h5,h6{
  font-weight:400!important;
}

h1,h2,h3,h4,h5,h6{
  color:var(--m-ink)!important;
  letter-spacing:-.025em!important;
}

p{
  color:var(--m-muted)!important;
}

a{
  text-decoration:none!important;
}

.container-wide,
.market-container{
  width:100%!important;
  max-width:1520px!important;
  padding-left:clamp(16px,2.4vw,38px)!important;
  padding-right:clamp(16px,2.4vw,38px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* NAVBAR MARKETPLACE */
.market-navbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(228,235,243,.95)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12)!important;
  backdrop-filter:blur(16px)!important;
  padding:10px 0!important;
  z-index:1050!important;
}

.market-nav-container{
  max-width:1520px!important;
  padding-left:clamp(16px,2.5vw,40px)!important;
  padding-right:clamp(16px,2.5vw,40px)!important;
}

.market-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:var(--m-ink)!important;
  min-width:max-content!important;
}

.market-brand-icon{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#eaf3ff,#fff)!important;
  color:var(--m-blue)!important;
  border:1px solid #d8e8ff!important;
  box-shadow:0 1px 2px rgba(60,64,67,.08)!important;
}

.market-brand-text{
  color:var(--m-ink)!important;
  font-size:1.04rem!important;
  letter-spacing:-.03em!important;
}

.market-menu{
  gap:4px!important;
}

.market-menu .nav-link{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:40px!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  color:#2f343b!important;
  font-size:.91rem!important;
  transition:.18s ease!important;
}

.market-menu .nav-link i{
  color:var(--m-blue)!important;
  font-size:.92rem!important;
}

.market-menu .nav-link:hover,
.market-menu .nav-link.active{
  background:#eef4ff!important;
  color:var(--m-blue)!important;
}

.market-register-btn,
.market-publish-btn{
  min-height:40px!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:.9rem!important;
  border:1px solid transparent!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12)!important;
}

.market-register-btn{
  background:#eef4ff!important;
  color:var(--m-blue)!important;
  border-color:#d8e8ff!important;
}

.market-publish-btn{
  background:var(--m-blue)!important;
  color:#fff!important;
}

.market-dropdown{
  border:1px solid var(--m-line)!important;
  border-radius:18px!important;
  box-shadow:var(--m-shadow-hover)!important;
  padding:8px!important;
}

.market-dropdown .dropdown-item{
  border-radius:12px!important;
  padding:9px 12px!important;
  color:var(--m-text)!important;
}

/* HERO */
.market-hero-v2{
  position:relative!important;
  background:#fff!important;
  padding-bottom:34px!important;
}

.market-hero-carousel{
  width:100%!important;
  max-width:1520px!important;
  margin:0 auto!important;
  position:relative!important;
}

.market-hero-carousel .carousel-inner{
  border-radius:0!important;
  overflow:hidden!important;
  background:#073b63!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10)!important;
}

.market-hero-img{
  height:clamp(310px,31vw,510px)!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

.market-hero-carousel .carousel-indicators{
  margin-bottom:72px!important;
}

.market-hero-carousel .carousel-indicators [data-bs-target]{
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  border:0!important;
  background:#fff!important;
  opacity:.65!important;
}

.market-hero-carousel .carousel-indicators .active{
  background:var(--m-yellow)!important;
  opacity:1!important;
}

.market-hero-control{
  width:48px!important;
  opacity:1!important;
}

.market-hero-control span{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.84)!important;
  color:#0b5e98!important;
  box-shadow:0 1px 2px rgba(60,64,67,.14)!important;
}

/* BUSCADOR SOBRE HERO */
.market-hero-search-wrap{
  width:100%!important;
  max-width:1520px!important;
  margin:-64px auto 0!important;
  padding:0 clamp(16px,2.5vw,40px)!important;
  position:relative!important;
  z-index:5!important;
}

.market-hero-search{
  width:min(100%,1120px)!important;
  margin:0 auto!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid #dce6f1!important;
  border-radius:26px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 12px 32px rgba(60,64,67,.14)!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1.5fr) minmax(170px,.75fr) minmax(155px,.65fr) minmax(145px,.58fr) 128px!important;
  gap:8px!important;
  align-items:center!important;
  backdrop-filter:blur(14px)!important;
}

.market-search-input{
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  background:#fff!important;
  border:1px solid #dce6f1!important;
  border-radius:18px!important;
  padding:0 18px!important;
  min-width:0!important;
}

.market-search-input i{
  color:var(--m-sky)!important;
  font-size:1.15rem!important;
  flex:0 0 auto!important;
}

.market-search-input input{
  width:100%!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--m-ink)!important;
  font-size:.96rem!important;
  min-width:0!important;
}

.market-hero-search .form-select{
  height:50px!important;
  min-height:50px!important;
  border-radius:18px!important;
  border:1px solid #dce6f1!important;
  color:var(--m-ink)!important;
  box-shadow:none!important;
  font-size:.92rem!important;
  padding-left:15px!important;
}

.market-hero-search button{
  height:50px!important;
  border-radius:18px!important;
  border:0!important;
  background:var(--m-sky)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:.94rem!important;
}

/* QUICK CARDS */
.market-quick-section{
  background:#fff!important;
  padding:22px 0 10px!important;
}

.market-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:16px!important;
}

.market-quick-card{
  min-height:126px!important;
  border-radius:22px!important;
  border:1px solid #e4ebf3!important;
  background:#fff!important;
  box-shadow:var(--m-shadow)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  color:var(--m-ink)!important;
  transition:.18s ease!important;
}

.market-quick-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:var(--m-shadow-hover)!important;
}

.market-quick-card span{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb, var(--tile) 12%, #fff)!important;
  color:var(--tile)!important;
  border:1px solid color-mix(in srgb, var(--tile) 24%, #fff)!important;
  font-size:1.24rem!important;
}

.market-quick-card strong{
  font-size:.98rem!important;
  color:var(--m-text)!important;
}

/* TITLES + BRANDS */
.market-title-center{
  text-align:center!important;
  max-width:780px!important;
  margin:0 auto 24px!important;
}

.market-title-center h1,
.market-title-center h2{
  font-size:clamp(1.65rem,2.6vw,2.45rem)!important;
  line-height:1.12!important;
  margin:0 0 8px!important;
}

.market-title-center p{
  font-size:1rem!important;
  margin:0!important;
}

.market-brands-section{
  background:#fff!important;
  padding:22px 0 28px!important;
}

.market-brand-logo-strip{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:0 auto!important;
}

.market-brand-logo-strip a{
  width:76px!important;
  height:58px!important;
  border-radius:13px!important;
  border:1px solid var(--m-line)!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(60,64,67,.08)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px!important;
  transition:.18s ease!important;
}

.market-brand-logo-strip a:hover{
  transform:translateY(-2px)!important;
  box-shadow:var(--m-shadow)!important;
}

.market-brand-logo-strip img{
  max-width:58px!important;
  max-height:38px!important;
  object-fit:contain!important;
}

/* SECCIONES Y GRILLA */
.market-section{
  background:var(--m-bg)!important;
  padding:38px 0!important;
}

.market-section:nth-of-type(even){
  background:#fff!important;
}

.market-section-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:22px!important;
}

.market-section-head h2{
  font-size:clamp(1.45rem,2vw,2rem)!important;
  line-height:1.15!important;
  margin:0 0 6px!important;
}

.market-section-head p{
  margin:0!important;
  font-size:.96rem!important;
}

.market-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--m-blue)!important;
  font-size:.78rem!important;
  margin-bottom:8px!important;
}

.market-section-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:40px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  border:1px solid #d8e8ff!important;
  color:var(--m-blue)!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(60,64,67,.08)!important;
  white-space:nowrap!important;
}

.market-card-grid>[class*="col-"]{
  display:flex!important;
}

.market-card-grid .card-auto{
  width:100%!important;
}

/* CARDS - estilo marketplace Google */
.card-auto,
.card-auto-premium{
  border-radius:22px!important;
  border:1px solid #e4ebf3!important;
  background:#fff!important;
  box-shadow:var(--m-shadow)!important;
  overflow:hidden!important;
  transition:.18s ease!important;
}

.card-auto:hover,
.card-auto-premium:hover{
  transform:translateY(-2px)!important;
  box-shadow:var(--m-shadow-hover)!important;
}

.car-img{
  height:218px!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#eef3f8!important;
}

.card-badges-top{
  position:absolute!important;
  left:12px!important;
  top:12px!important;
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

.badge-soft{
  border-radius:999px!important;
  padding:5px 9px!important;
  font-size:.72rem!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--m-blue)!important;
  border:1px solid rgba(228,235,243,.9)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10)!important;
}

.badge-featured{
  background:var(--m-blue)!important;
  color:#fff!important;
}

.badge-liquid{
  background:#e9f7ef!important;
  color:#188038!important;
}

.card-body-auto{
  padding:17px!important;
}

.category{
  color:var(--m-sky)!important;
  font-size:.82rem!important;
}

.car-title,
.car-title-long{
  color:var(--m-ink)!important;
  font-size:1.15rem!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
  min-height:43px!important;
  margin:0 0 6px!important;
}

.car-version{
  font-size:.8rem!important;
  color:var(--m-muted)!important;
  min-height:18px!important;
  margin-bottom:8px!important;
}

.meta,
.meta-premium{
  color:var(--m-muted)!important;
  font-size:.78rem!important;
  line-height:1.45!important;
  min-height:34px!important;
  margin-bottom:8px!important;
}

.price{
  color:var(--m-sky)!important;
  font-size:1.32rem!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
}

.bonus{
  background:#f6f8fc!important;
  border:1px solid #e8eef6!important;
  border-radius:13px!important;
  padding:6px 8px!important;
  min-width:74px!important;
  color:var(--m-muted)!important;
  font-size:.69rem!important;
}

.location-line{
  color:var(--m-muted)!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  min-height:auto!important;
  margin-bottom:12px!important;
}

.card-actions .btn{
  min-height:38px!important;
  border-radius:999px!important;
  font-size:.76rem!important;
  text-transform:uppercase!important;
  border-width:1px!important;
}

.detail-link{
  color:var(--m-blue)!important;
  font-size:.78rem!important;
  text-transform:uppercase!important;
}

/* INFO */
.market-info-section{
  background:#fff!important;
  padding:42px 0 54px!important;
}

.market-info-panel{
  background:#fff!important;
  border:1px solid var(--m-line)!important;
  border-radius:26px!important;
  padding:36px clamp(18px,4vw,54px)!important;
  box-shadow:var(--m-shadow)!important;
}

.market-info-card{
  height:100%!important;
  background:#fff!important;
  border:1px solid var(--m-line)!important;
  border-radius:18px!important;
  padding:20px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.06)!important;
}

.market-info-card span{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:#eef4ff!important;
  color:var(--m-blue)!important;
  margin-bottom:14px!important;
}

.market-info-card h3{
  font-size:1rem!important;
  margin-bottom:8px!important;
  color:var(--m-blue)!important;
}

.market-info-card p{
  margin:0!important;
  font-size:.9rem!important;
}

/* FOOTER */
.market-footer{
  background:#111827!important;
  color:#fff!important;
  padding:48px 0 24px!important;
  margin-top:0!important;
}

.market-footer p{
  color:rgba(255,255,255,.72)!important;
  margin-top:12px!important;
  font-size:.92rem!important;
}

.footer-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff!important;
  font-size:1.05rem!important;
}

.footer-brand span{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.08)!important;
  color:#8cc8ff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

.market-footer h6{
  color:#fff!important;
  font-size:.95rem!important;
  margin-bottom:12px!important;
}

.market-footer a:not(.footer-brand):not(.market-footer-whatsapp){
  display:block!important;
  color:rgba(255,255,255,.70)!important;
  margin:8px 0!important;
  font-size:.9rem!important;
}

.market-footer a:hover{
  color:#fff!important;
}

.footer-social{
  display:flex!important;
  gap:10px!important;
  margin-top:16px!important;
}

.footer-social a{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  margin:0!important;
}

.market-footer-whatsapp{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:9px 18px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#25d366!important;
  margin-top:8px!important;
}

.market-footer-bottom{
  border-top:1px solid rgba(255,255,255,.12)!important;
  margin-top:28px!important;
  padding-top:18px!important;
  display:flex!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  color:rgba(255,255,255,.64)!important;
  font-size:.86rem!important;
}

.market-footer-bottom a{
  color:#fff!important;
  display:inline!important;
  margin:0!important;
}

/* FLOATING */
.market-floating-actions{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:1080!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:10px!important;
}

.market-float-circle{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 1px 2px rgba(60,64,67,.14),0 8px 18px rgba(60,64,67,.18)!important;
}

.market-float-top{
  background:#202124!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(8px)!important;
  transition:.2s ease!important;
}

.market-float-top.show{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

.market-float-wa{
  background:#25d366!important;
}

.market-float-quote{
  min-height:50px!important;
  border-radius:999px!important;
  background:var(--m-sky)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 20px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.14),0 8px 18px rgba(0,158,227,.24)!important;
  white-space:nowrap!important;
}

/* LOGIN USUARIO + ADMIN */
.market-auth-section{
  min-height:calc(100vh - 82px)!important;
  display:grid!important;
  place-items:center!important;
  padding:54px 16px!important;
  background:
    radial-gradient(circle at 15% 20%,rgba(26,115,232,.10),transparent 28%),
    radial-gradient(circle at 90% 15%,rgba(52,168,83,.08),transparent 32%),
    #f7f9fc!important;
}

.market-auth-card,
.market-admin-login-card{
  width:min(100%,620px)!important;
  background:#fff!important;
  border:1px solid var(--m-line)!important;
  border-radius:28px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 18px 48px rgba(60,64,67,.10)!important;
  padding:clamp(24px,4vw,44px)!important;
  text-align:center!important;
}

.market-auth-icon,
.market-admin-login-icon{
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
  background:#eef4ff!important;
  color:var(--m-blue)!important;
  border:1px solid #d8e8ff!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 18px!important;
  font-size:1.25rem!important;
}

.market-auth-card h1,
.market-admin-login-card h1{
  font-size:clamp(1.55rem,2.4vw,2rem)!important;
  margin:0 0 8px!important;
}

.market-auth-card p,
.market-admin-login-card p{
  max-width:460px!important;
  margin:0 auto 22px!important;
}

.market-auth-form{
  display:grid!important;
  gap:14px!important;
  text-align:left!important;
}

.market-auth-form label span{
  display:block!important;
  margin-bottom:6px!important;
  color:var(--m-muted)!important;
  font-size:.86rem!important;
}

.market-auth-form .form-control{
  min-height:50px!important;
  border-radius:16px!important;
  border:1px solid #dce6f1!important;
  box-shadow:none!important;
  padding:0 16px!important;
  font-size:.96rem!important;
}

.market-auth-form .btn{
  min-height:50px!important;
  border-radius:16px!important;
  background:var(--m-blue)!important;
  border-color:var(--m-blue)!important;
  color:#fff!important;
}

.market-auth-demo{
  background:#f8fbff!important;
  border:1px solid #dce9fa!important;
  border-radius:18px!important;
  padding:14px!important;
  margin-top:18px!important;
  text-align:left!important;
  color:var(--m-text)!important;
  font-size:.9rem!important;
}

.market-auth-demo div{
  color:var(--m-blue)!important;
  margin-bottom:4px!important;
}

.market-auth-demo span{
  display:block!important;
  color:var(--m-muted)!important;
}

.market-auth-actions,
.market-admin-access-grid{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}

.market-auth-actions a,
.market-admin-access-grid a{
  min-height:74px!important;
  border-radius:18px!important;
  border:1px solid var(--m-line)!important;
  background:#fff!important;
  color:var(--m-text)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.06)!important;
  font-size:.86rem!important;
}

.market-auth-actions a i,
.market-admin-access-grid a i{
  color:var(--m-blue)!important;
}

.market-admin-login-body{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 8% 20%,rgba(26,115,232,.14),transparent 28%),
    radial-gradient(circle at 85% 15%,rgba(251,188,4,.12),transparent 32%),
    linear-gradient(180deg,#ffffff,#f7f9fc)!important;
  font-family:'Roboto',system-ui,sans-serif!important;
}

.market-admin-login-shell{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:34px 16px!important;
}

.market-admin-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:var(--m-ink)!important;
}

.market-admin-brand span{
  width:36px!important;
  height:36px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef4ff!important;
  color:var(--m-blue)!important;
}

.market-admin-brand strong{
  font-size:1.05rem!important;
}

.market-admin-label{
  color:var(--m-muted)!important;
  font-size:.86rem!important;
  margin:8px 0 20px!important;
}

/* FORM ELEMENTS */
.btn-primary{
  background:var(--m-blue)!important;
  border-color:var(--m-blue)!important;
}

.btn-outline-primary{
  color:var(--m-blue)!important;
  border-color:var(--m-blue)!important;
}

.form-control:focus,
.form-select:focus{
  border-color:var(--m-blue)!important;
  box-shadow:0 0 0 .18rem rgba(26,115,232,.12)!important;
}

/* RESPONSIVE */
@media(max-width:1199px){
  .market-hero-search{
    grid-template-columns:1fr 1fr 1fr!important;
  }
  .market-search-input{
    grid-column:1 / -1!important;
  }
  .market-hero-search button{
    grid-column:auto!important;
  }
  .market-quick-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

@media(max-width:991px){
  .market-navbar{
    padding:8px 0!important;
  }

  .navbar-collapse{
    background:#fff!important;
    border:1px solid var(--m-line)!important;
    border-radius:22px!important;
    padding:14px!important;
    margin-top:12px!important;
    box-shadow:var(--m-shadow)!important;
  }

  .market-menu .nav-link,
  .market-register-btn,
  .market-publish-btn{
    width:100%!important;
    justify-content:flex-start!important;
  }

  .market-hero-img{
    height:330px!important;
  }

  .market-hero-carousel .carousel-indicators{
    margin-bottom:16px!important;
  }

  .market-hero-search-wrap{
    margin:16px auto 0!important;
  }

  .market-hero-search{
    grid-template-columns:1fr 1fr!important;
    border-radius:22px!important;
  }

  .market-search-input{
    grid-column:1 / -1!important;
  }

  .market-hero-search button{
    grid-column:1 / -1!important;
  }

  .market-section-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .market-auth-actions,
  .market-admin-access-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:767px){
  .mobile-market-carousel{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:14px!important;
    padding-bottom:12px!important;
  }

  .mobile-market-carousel > [class*="col-"],
  .market-quick-grid.mobile-market-carousel > a,
  .market-brand-logo-strip.mobile-market-carousel > a{
    flex:0 0 86%!important;
    max-width:86%!important;
    scroll-snap-align:center!important;
  }

  .market-brand-logo-strip.mobile-market-carousel > a{
    flex-basis:76px!important;
    max-width:76px!important;
  }

  .market-quick-grid{
    display:flex!important;
  }

  .market-section{
    padding:28px 0!important;
  }

  .market-floating-actions{
    right:12px!important;
    bottom:12px!important;
  }

  .market-float-quote{
    max-width:245px!important;
    min-height:46px!important;
    padding:0 16px!important;
    font-size:.86rem!important;
  }

  .market-float-circle{
    width:46px!important;
    height:46px!important;
  }
}

@media(max-width:575px){
  .market-brand-text{
    font-size:.96rem!important;
  }

  .market-hero-img{
    height:270px!important;
  }

  .market-hero-search{
    grid-template-columns:1fr!important;
    padding:9px!important;
  }

  .market-hero-search .form-select,
  .market-search-input,
  .market-hero-search button{
    height:46px!important;
    min-height:46px!important;
  }

  .car-img{
    height:210px!important;
  }

  .market-footer-bottom{
    flex-direction:column!important;
  }
}


/* =========================================================
   UPDATE FINAL MARKETPLACE: ICONOS VISIBLES + 5 CARDS + COLOR
========================================================= */

:root{
  --m-blue:#3157d5!important;
  --m-sky:#08a7c3!important;
  --m-green:#16a34a!important;
  --m-yellow:#f59e0b!important;
  --m-red:#ef4444!important;
  --m-purple:#7c3aed!important;
  --m-ink:#111827!important;
  --m-text:#334155!important;
  --m-muted:#64748b!important;
  --m-bg:#f3f7fb!important;
  --m-line:#dfe8f4!important;
  --m-shadow:0 1px 2px rgba(15,23,42,.10),0 5px 16px rgba(15,23,42,.07)!important;
  --m-shadow-hover:0 2px 4px rgba(15,23,42,.12),0 10px 28px rgba(15,23,42,.10)!important;
}

/* Iconos visibles aunque el webfont de Font Awesome no cargue */
.fa-solid::before,
.fa-regular::before,
.fa-brands::before{
  font-family:"Segoe UI Symbol","Apple Color Emoji","Segoe UI Emoji",Arial,sans-serif!important;
  font-weight:400!important;
}

.fa-car-side::before,
.fa-car::before{content:"🚗"!important;}
.fa-house::before{content:"⌂"!important;}
.fa-table-cells-large::before{content:"▦"!important;}
.fa-sparkles::before{content:"✦"!important;}
.fa-key::before{content:"🔑"!important;}
.fa-store::before{content:"▣"!important;}
.fa-hand-holding-dollar::before{content:"$"!important;}
.fa-user::before,
.fa-user-circle::before{content:"♙"!important;}
.fa-user-plus::before{content:"＋"!important;}
.fa-circle-plus::before{content:"＋"!important;}
.fa-magnifying-glass::before,
.fa-search::before{content:"⌕"!important;}
.fa-arrow-right::before{content:"→"!important;}
.fa-chevron-right::before{content:"›"!important;}
.fa-chevron-left::before{content:"‹"!important;}
.fa-heart::before{content:"♡"!important;}
.fa-star::before{content:"★"!important;}
.fa-tag::before,
.fa-tags::before{content:"🏷"!important;}
.fa-images::before{content:"▧"!important;}
.fa-calendar::before,
.fa-calendar-check::before{content:"▣"!important;}
.fa-gauge-high::before{content:"◴"!important;}
.fa-location-dot::before{content:"⌖"!important;}
.fa-code::before{content:"</>"!important;}
.fa-whatsapp::before{content:"☏"!important;}
.fa-arrow-up::before{content:"↑"!important;}
.fa-phone::before{content:"☎"!important;}
.fa-file-signature::before{content:"✎"!important;}
.fa-user-shield::before{content:"♜"!important;}
.fa-right-from-bracket::before{content:"↪"!important;}
.fa-user-pen::before{content:"✎"!important;}
.fa-gas-pump::before{content:"▥"!important;}
.fa-gears::before{content:"⚙"!important;}
.fa-shield-halved::before{content:"◇"!important;}
.fa-screwdriver-wrench::before{content:"⚒"!important;}
.fa-warehouse::before{content:"▤"!important;}
.fa-car-burst::before{content:"🚘"!important;}
.fa-envelope::before{content:"✉"!important;}
.fa-lock::before{content:"●"!important;}
.fa-globe::before{content:"◎"!important;}
.fa-circle-info::before{content:"ⓘ"!important;}
.fa-pen::before{content:"✎"!important;}
.fa-trash::before{content:"×"!important;}
.fa-floppy-disk::before{content:"▣"!important;}
.fa-sliders::before{content:"☰"!important;}
.fa-mobile-screen::before{content:"▯"!important;}
.fa-user-check::before{content:"✓"!important;}

/* Paleta menos monótona */
body{
  background:
    radial-gradient(circle at 12% 0%, rgba(49,87,213,.08), transparent 24%),
    radial-gradient(circle at 88% 4%, rgba(8,167,195,.10), transparent 28%),
    var(--m-bg)!important;
}

.market-navbar{
  background:rgba(255,255,255,.97)!important;
}

.market-menu .nav-link i,
.market-brand-icon,
.market-auth-actions a i,
.market-admin-access-grid a i{
  color:var(--m-blue)!important;
}

.market-publish-btn,
.btn-primary{
  background:linear-gradient(135deg,var(--m-blue),var(--m-sky))!important;
  border-color:transparent!important;
}

.market-register-btn{
  background:#eef7ff!important;
  color:var(--m-blue)!important;
}

.market-hero-search button,
.market-float-quote,
.price{
  background:linear-gradient(135deg,var(--m-sky),#0ea5e9)!important;
}

.price{
  background:none!important;
  color:var(--m-sky)!important;
}

/* Menos márgenes laterales y grilla más ancha */
.market-container,
.container-wide{
  max-width:1680px!important;
  padding-left:clamp(8px,1.2vw,22px)!important;
  padding-right:clamp(8px,1.2vw,22px)!important;
}

.market-nav-container{
  max-width:1680px!important;
  padding-left:clamp(10px,1.4vw,24px)!important;
  padding-right:clamp(10px,1.4vw,24px)!important;
}

.market-section{
  padding:30px 0!important;
}

.market-section-head{
  margin-bottom:18px!important;
}

.market-card-grid{
  --bs-gutter-x:1.15rem!important;
  --bs-gutter-y:1.15rem!important;
}

/* Cards más limpios: menos botones, más aire visual */
.card-auto-clean .card-body-auto{
  padding:15px!important;
}

.card-auto-clean .car-img{
  height:205px!important;
}

.card-auto-clean .car-title{
  min-height:46px!important;
  font-size:1.05rem!important;
}

.card-auto-clean .meta{
  min-height:34px!important;
  font-size:.76rem!important;
}

.card-auto-clean .price{
  font-size:1.22rem!important;
}

.card-clean-actions .btn{
  min-height:40px!important;
  border-radius:999px!important;
  font-size:.82rem!important;
  text-transform:uppercase!important;
}

.card-auto-clean .bonus{
  font-size:.66rem!important;
  min-width:68px!important;
}

/* Oculta acciones antiguas si algún card viejo queda en cache */
.card-auto-clean .card-actions{
  display:none!important;
}

/* Carrusel similar de 5 cards */
.similar-section-premium{
  background:linear-gradient(180deg,#ffffff,#f3f8ff)!important;
  padding-top:34px!important;
  padding-bottom:40px!important;
}

.similar-cars-carousel{
  position:relative!important;
  padding:0 42px!important;
  min-height:430px!important;
}

.similar-cars-carousel .carousel-inner{
  overflow:hidden!important;
  min-height:420px!important;
}

.similar-five-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

.similar-five-card{
  min-width:0!important;
  display:flex!important;
}

.similar-five-card .card-auto{
  width:100%!important;
}

.similar-five-card .car-img{
  height:165px!important;
}

.similar-five-card .car-title{
  font-size:.9rem!important;
  min-height:40px!important;
}

.similar-five-card .meta{
  font-size:.68rem!important;
}

.similar-five-card .price{
  font-size:1.05rem!important;
}

.similar-five-card .location-line{
  font-size:.68rem!important;
}

.similar-five-card .card-body-auto{
  padding:12px!important;
}

.similar-carousel-control{
  width:42px!important;
  height:42px!important;
  opacity:1!important;
  top:44%!important;
}

.similar-carousel-control span{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:var(--m-blue)!important;
  border:1px solid var(--m-line)!important;
  box-shadow:var(--m-shadow)!important;
}

.similar-cars-carousel .carousel-control-prev{left:0!important;}
.similar-cars-carousel .carousel-control-next{right:0!important;}

/* Secciones alternadas con color */
.market-section:nth-of-type(odd){
  background:#fff!important;
}

.market-section:nth-of-type(even){
  background:linear-gradient(180deg,#f3f8ff,#ffffff)!important;
}

.market-quick-card:nth-child(1){--tile:#3157d5!important;}
.market-quick-card:nth-child(2){--tile:#16a34a!important;}
.market-quick-card:nth-child(3){--tile:#f59e0b!important;}
.market-quick-card:nth-child(4){--tile:#ef4444!important;}
.market-quick-card:nth-child(5){--tile:#7c3aed!important;}
.market-quick-card:nth-child(6){--tile:#08a7c3!important;}

/* Autos.php más ancho */
body .container.container-wide{
  max-width:1680px!important;
}

/* Responsive */
@media(max-width:1399px){
  .similar-five-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:1199px){
  .similar-five-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:991px){
  .similar-cars-carousel{
    padding:0!important;
    min-height:auto!important;
  }

  .similar-cars-carousel .carousel-inner,
  .similar-cars-carousel .carousel-item{
    min-height:auto!important;
  }

  .similar-five-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:14px!important;
    padding-bottom:12px!important;
  }

  .similar-five-card{
    flex:0 0 86%!important;
    max-width:86%!important;
    scroll-snap-align:center!important;
  }

  .similar-five-card .car-img{
    height:210px!important;
  }

  .similar-carousel-control{
    display:none!important;
  }
}

@media(max-width:767px){
  .market-card-grid.mobile-market-carousel > [class*="col-"]{
    flex:0 0 88%!important;
    max-width:88%!important;
  }

  .card-auto-clean .car-img{
    height:215px!important;
  }

  .market-section{
    padding:24px 0!important;
  }
}


/* =========================================================
   FINAL PREMIUM POLISH - 5 CARDS, ICONOS REALES, LOGO PRO
========================================================= */

/* Recupera iconos Font Awesome reales aunque existan overrides anteriores */
.fa-solid::before,
.fa-regular::before{
  font-family:"Font Awesome 6 Free"!important;
}

.fa-solid::before{
  font-weight:900!important;
}

.fa-regular::before{
  font-weight:400!important;
}

.fa-brands::before{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
}

/* Códigos Font Awesome usados en el sistema */
.fa-car-side::before{content:"\f5e4"!important;}
.fa-car::before{content:"\f1b9"!important;}
.fa-house::before{content:"\f015"!important;}
.fa-table-cells-large::before{content:"\f009"!important;}
.fa-sparkles::before{content:"\f005"!important;}
.fa-key::before{content:"\f084"!important;}
.fa-store::before{content:"\f54e"!important;}
.fa-hand-holding-dollar::before{content:"\f4c0"!important;}
.fa-user::before{content:"\f007"!important;}
.fa-user-circle::before{content:"\f2bd"!important;}
.fa-user-plus::before{content:"\f234"!important;}
.fa-circle-plus::before{content:"\f055"!important;}
.fa-magnifying-glass::before,
.fa-search::before{content:"\f002"!important;}
.fa-arrow-right::before{content:"\f061"!important;}
.fa-chevron-right::before{content:"\f054"!important;}
.fa-chevron-left::before{content:"\f053"!important;}
.fa-heart::before{content:"\f004"!important;}
.fa-star::before{content:"\f005"!important;}
.fa-tag::before{content:"\f02b"!important;}
.fa-tags::before{content:"\f02c"!important;}
.fa-images::before{content:"\f302"!important;}
.fa-calendar::before{content:"\f133"!important;}
.fa-calendar-check::before{content:"\f274"!important;}
.fa-gauge-high::before{content:"\f625"!important;}
.fa-location-dot::before{content:"\f3c5"!important;}
.fa-code::before{content:"\f121"!important;}
.fa-whatsapp::before{content:"\f232"!important;}
.fa-arrow-up::before{content:"\f062"!important;}
.fa-phone::before{content:"\f095"!important;}
.fa-file-signature::before{content:"\f573"!important;}
.fa-user-shield::before{content:"\f505"!important;}
.fa-right-from-bracket::before{content:"\f2f5"!important;}
.fa-user-pen::before{content:"\f4ff"!important;}
.fa-gas-pump::before{content:"\f52f"!important;}
.fa-gears::before{content:"\f085"!important;}
.fa-shield-halved::before{content:"\f3ed"!important;}
.fa-screwdriver-wrench::before{content:"\f7d9"!important;}
.fa-warehouse::before{content:"\f494"!important;}
.fa-car-burst::before{content:"\f5e1"!important;}
.fa-envelope::before{content:"\f0e0"!important;}
.fa-lock::before{content:"\f023"!important;}
.fa-globe::before{content:"\f0ac"!important;}
.fa-circle-info::before{content:"\f05a"!important;}
.fa-pen::before{content:"\f304"!important;}
.fa-trash::before{content:"\f1f8"!important;}
.fa-floppy-disk::before{content:"\f0c7"!important;}
.fa-sliders::before{content:"\f1de"!important;}
.fa-mobile-screen::before{content:"\f3cf"!important;}
.fa-user-check::before{content:"\f4fc"!important;}
.fa-address-card::before{content:"\f2bb"!important;}
.fa-circle-check::before{content:"\f058"!important;}
.fa-table-columns::before{content:"\f0db"!important;}

/* Tipografía premium: sin negrita pesada, pero con más presencia */
body{
  background:
    radial-gradient(circle at 8% -5%, rgba(64,99,255,.10), transparent 24%),
    radial-gradient(circle at 92% 0%, rgba(0,171,179,.12), transparent 28%),
    #f4f8fc!important;
  color:#26323f!important;
}

body *{
  font-family:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

h1,h2,h3,h4,h5,h6,
.market-section-head h2,
.market-title-center h1,
.market-title-center h2,
.car-title,
.car-title-long,
.advertiser-name,
.market-brand-name{
  font-weight:500!important;
  letter-spacing:-.028em!important;
}

p,.text-muted,.meta,.location-line{
  color:#536579!important;
}

/* Navbar más alta gama */
.market-navbar{
  min-height:72px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(218,229,241,.95)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.08),0 6px 20px rgba(15,23,42,.04)!important;
}

.market-brand-premium{
  gap:12px!important;
}

.market-logo-mark{
  width:46px!important;
  height:46px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#335cff,#00a7c3)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.14),0 10px 22px rgba(51,92,255,.16)!important;
  position:relative!important;
}

.market-logo-mark:after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.35);
}

.market-logo-mark i{
  font-size:1.05rem!important;
}

.market-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  line-height:1.05!important;
}

.market-brand-name{
  font-size:1.08rem!important;
  color:#172033!important;
}

.market-brand-domain{
  font-size:.68rem!important;
  color:#07a2c2!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  margin-top:3px!important;
}

.market-menu .nav-link{
  font-size:.93rem!important;
  color:#283241!important;
  font-weight:500!important;
  gap:8px!important;
}

.market-menu .nav-link i{
  width:18px!important;
  text-align:center!important;
  color:#335cff!important;
  font-size:.95rem!important;
}

.market-menu .nav-link:hover,
.market-menu .nav-link.active{
  background:#eef4ff!important;
  color:#284fd8!important;
}

.market-register-btn,
.market-publish-btn{
  font-weight:500!important;
}

/* Contenedores: márgenes mínimos y más autos por fila */
.market-container,
.container-wide{
  max-width:1780px!important;
  padding-left:clamp(10px,1vw,18px)!important;
  padding-right:clamp(10px,1vw,18px)!important;
}

.market-card-grid,
.row.market-card-grid{
  --bs-gutter-x:1rem!important;
  --bs-gutter-y:1rem!important;
}

.market-section{
  padding:24px 0!important;
}

.market-section-head{
  margin-bottom:16px!important;
  padding:0 4px!important;
}

.market-section-head h2{
  font-size:clamp(1.42rem,1.65vw,1.9rem)!important;
}

.market-section-head p{
  font-size:.94rem!important;
}

/* Carrusel de cada sección: 5 cards reales */
.market-section-carousel{
  position:relative!important;
  padding:0 34px!important;
}

.market-section-carousel .carousel-inner{
  overflow:hidden!important;
}

.market-carousel-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

.market-carousel-card{
  min-width:0!important;
  display:flex!important;
}

.market-carousel-card .card-auto{
  width:100%!important;
}

.market-carousel-control{
  width:40px!important;
  height:40px!important;
  top:44%!important;
  opacity:1!important;
}

.market-carousel-control span{
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#335cff!important;
  border:1px solid #dce7f4!important;
  box-shadow:0 1px 2px rgba(15,23,42,.10),0 6px 18px rgba(15,23,42,.08)!important;
}

.market-section-carousel .carousel-control-prev{left:-4px!important;}
.market-section-carousel .carousel-control-next{right:-4px!important;}

/* Cards compactos sin espacio sobrante */
.card-auto,
.card-auto-premium,
.card-auto-clean{
  height:auto!important;
  min-height:0!important;
  display:block!important;
  border-radius:20px!important;
  border:1px solid #dfe8f4!important;
  box-shadow:0 1px 2px rgba(15,23,42,.10),0 6px 18px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
  background:#fff!important;
}

.card-auto:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 2px 4px rgba(15,23,42,.12),0 12px 26px rgba(15,23,42,.09)!important;
}

.card-body-auto{
  display:block!important;
  padding:14px 15px 15px!important;
}

.card-auto-clean .car-img,
.car-img{
  height:190px!important;
  object-fit:cover!important;
  object-position:center!important;
}

.category{
  font-size:.82rem!important;
  color:#08a7c3!important;
  font-weight:500!important;
}

.car-title,
.car-title-long{
  min-height:40px!important;
  font-size:1rem!important;
  line-height:1.18!important;
  margin:0 0 7px!important;
  color:#172033!important;
}

.meta,
.meta-premium{
  min-height:30px!important;
  font-size:.74rem!important;
  line-height:1.45!important;
  margin-bottom:8px!important;
}

.price-row-premium{
  margin:6px 0 9px!important;
}

.price{
  font-size:1.18rem!important;
  color:#00a3d7!important;
  letter-spacing:-.02em!important;
  font-weight:500!important;
}

.bonus{
  padding:5px 8px!important;
  min-width:64px!important;
  border-radius:12px!important;
  font-size:.64rem!important;
}

.location-line{
  font-size:.72rem!important;
  margin-bottom:12px!important;
}

.card-clean-actions{
  margin-top:10px!important;
}

.card-clean-actions .btn{
  min-height:38px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  background:linear-gradient(135deg,#335cff,#00a7c3)!important;
  border:0!important;
  box-shadow:0 1px 2px rgba(15,23,42,.10)!important;
}

.badge-soft{
  font-weight:500!important;
}

/* Botón Ver todos más premium */
.market-section-link{
  font-weight:500!important;
  color:#335cff!important;
}

/* Anunciantes: sin espacio sobrante, iconos visibles, 4 cards */
.market-advertisers-hero{
  padding:28px 0!important;
  background:linear-gradient(135deg,#f6f9ff,#eef8fb)!important;
}

.market-advertisers-hero .section-title{
  font-size:clamp(1.5rem,2vw,2rem)!important;
  font-weight:500!important;
}

.market-advertisers-list{
  padding:26px 0 42px!important;
}

.advertiser-card{
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid #dfe8f4!important;
  box-shadow:0 1px 2px rgba(15,23,42,.10),0 8px 22px rgba(15,23,42,.06)!important;
}

.advertiser-cover{
  min-height:165px!important;
  background-size:cover!important;
  background-position:center!important;
  background-color:#dce6ef!important;
  display:block!important;
  position:relative!important;
}

.advertiser-cover:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(11,24,43,.10),rgba(11,24,43,.28));
}

.advertiser-avatar{
  width:88px!important;
  height:88px!important;
  margin-top:-56px!important;
  position:relative!important;
  z-index:2!important;
  border:4px solid #fff!important;
}

.advertiser-body{
  padding:18px!important;
}

.advertiser-name{
  font-size:1rem!important;
  color:#172033!important;
}

.advertiser-bio{
  min-height:42px!important;
}

.seller-contact-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:14px 0 10px!important;
}

.seller-contact-row a{
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#eef7ff!important;
  color:#08a7c3!important;
  border:1px solid #d7ebfa!important;
}

.advertiser-body .btn{
  border-radius:999px!important;
  min-height:40px!important;
  background:linear-gradient(135deg,#335cff,#00a7c3)!important;
  border:0!important;
  font-weight:500!important;
}

/* Similares de ficha: 5 cards */
.similar-cars-carousel{
  padding:0 36px!important;
}

.similar-five-row{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}

.similar-five-card .car-img{
  height:150px!important;
}

.similar-five-card .car-title{
  font-size:.86rem!important;
  min-height:38px!important;
}

.similar-five-card .meta{
  font-size:.66rem!important;
  min-height:28px!important;
}

.similar-five-card .price{
  font-size:1rem!important;
}

.similar-five-card .card-body-auto{
  padding:11px!important;
}

/* Responsive: 5 cards desde 1366px, luego baja */
@media(max-width:1350px){
  .market-carousel-row,
  .similar-five-row{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .card-auto-clean .car-img,
  .car-img{
    height:168px!important;
  }

  .car-title,
  .car-title-long{
    font-size:.88rem!important;
  }

  .price{
    font-size:1.04rem!important;
  }

  .meta,
  .meta-premium{
    font-size:.66rem!important;
  }

  .location-line{
    font-size:.66rem!important;
  }

  .card-body-auto{
    padding:11px!important;
  }
}

@media(max-width:1199px){
  .market-carousel-row,
  .similar-five-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:991px){
  .market-section-carousel,
  .similar-cars-carousel{
    padding:0!important;
  }

  .market-carousel-row,
  .similar-five-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:14px!important;
    padding-bottom:12px!important;
  }

  .market-carousel-card,
  .similar-five-card{
    flex:0 0 86%!important;
    max-width:86%!important;
    scroll-snap-align:center!important;
  }

  .market-carousel-control,
  .similar-carousel-control{
    display:none!important;
  }

  .card-auto-clean .car-img,
  .car-img{
    height:210px!important;
  }
}

@media(max-width:575px){
  .market-carousel-card,
  .similar-five-card{
    flex-basis:90%!important;
    max-width:90%!important;
  }

  .market-container,
  .container-wide{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}


/* ===== FIX FINAL ESPACIOS + ICONOS + CARDS ===== */
.fa-facebook-f::before{content:"f"!important;}
.fa-instagram::before{content:"◎"!important;}
.fa-linkedin-in::before{content:"in"!important;}
.fa-youtube::before{content:"▶"!important;}
.fa-address-card::before{content:"▣"!important;}
.fa-circle-check::before{content:"✓"!important;}
.footer-social a i,
.seller-contact-row a i,
.market-footer-whatsapp i,
.market-floating-actions i{
  font-style:normal!important;
  font-size:1rem!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.market-advertisers-list,
.market-section,
.market-info-section{
  overflow:hidden!important;
}

.market-advertisers-list .row.g-4{
  --bs-gutter-x: 1.25rem!important;
  --bs-gutter-y: 1.25rem!important;
}

/* quita la sección fea de logos y compacta espacios */
.market-brands-section{display:none!important;}
.market-quick-section{padding:18px 0 10px!important;}
.market-title-center{margin:0 auto 16px!important;}
.market-footer{margin-top:8px!important;}

/* 5 cards por slide en escritorio; 1 por vista en móvil */
.market-section-carousel{padding:0 26px!important;}
.market-carousel-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.market-carousel-card{display:flex!important;min-width:0!important;}
.market-carousel-card .card-auto{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.card-body-auto{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  padding:14px 14px 14px!important;
}
.card-auto .d-flex.justify-content-between.align-items-start.gap-2.mb-2{
  margin-bottom:8px!important;
}
.car-title,.car-title-long{
  min-height:44px!important;
  margin:0 0 6px!important;
}
.meta,.meta-premium{min-height:auto!important;margin-bottom:8px!important;}
.location-line{margin-bottom:10px!important;}
.price-row-premium{margin:4px 0 8px!important;}
.card-clean-actions{margin-top:auto!important;padding-top:6px!important;}
.card-clean-actions .btn{min-height:42px!important;}
.card-auto{min-height:100%!important;}

/* Ajuste imagen para que no deje sensación de hueco */
.car-photo-wrap{background:#eef2f7!important;}
.car-img{height:178px!important;}

/* anunciantes más compactos y con iconos visibles */
.advertiser-cover{min-height:150px!important;}
.advertiser-body{padding:16px!important;}
.seller-contact-row a{background:#f2f8ff!important;color:#3157d5!important;}
.seller-contact-row a i{color:#3157d5!important;}

/* footer social visible */
.footer-social a{color:#fff!important;}
.footer-social a i{color:#fff!important;}

/* responsive */
@media (max-width: 1399px){
  .market-carousel-row{gap:12px!important;}
  .car-img{height:168px!important;}
  .car-title,.car-title-long{font-size:.96rem!important;}
  .price{font-size:1.08rem!important;}
}
@media (max-width: 991px){
  .market-section-carousel{padding:0!important;}
  .market-carousel-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    gap:14px!important;
    padding-bottom:10px!important;
  }
  .market-carousel-card{
    flex:0 0 88%!important;
    max-width:88%!important;
    scroll-snap-align:center!important;
  }
  .market-carousel-control{display:none!important;}
  .car-img{height:210px!important;}
}
@media (max-width: 575px){
  .market-carousel-card{flex-basis:92%!important;max-width:92%!important;}
}


/* =========================================================
   FIX DEFINITIVO: CARDS SIN HUECO + FOOTER PREMIUM + ICONOS
   Pegar al final del CSS para que sobrescriba reglas antiguas.
========================================================= */

/* Repara iconos de redes sociales usando Font Awesome real */
.footer-social .fa-brands::before,
.market-footer .fa-brands::before,
.market-footer-whatsapp .fa-brands::before,
.market-floating-actions .fa-brands::before{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
}

.footer-social .fa-facebook-f::before{content:"\f39e"!important;}
.footer-social .fa-instagram::before{content:"\f16d"!important;}
.footer-social .fa-linkedin-in::before{content:"\f0e1"!important;}
.footer-social .fa-youtube::before{content:"\f167"!important;}
.market-footer-whatsapp .fa-whatsapp::before,
.market-floating-actions .fa-whatsapp::before{content:"\f232"!important;}

/* Repara iconos sólidos del footer */
.market-footer .fa-solid::before,
.market-floating-actions .fa-solid::before{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
}
.market-footer .fa-car-side::before{content:"\f5e4"!important;}
.market-footer .fa-location-dot::before{content:"\f3c5"!important;}
.market-footer .fa-envelope::before{content:"\f0e0"!important;}
.market-floating-actions .fa-arrow-up::before{content:"\f062"!important;}
.market-floating-actions .fa-code::before{content:"\f121"!important;}

/* Cards: elimina hueco blanco bajo el contenido */
.market-carousel-row{
  align-items:start!important;
}

.market-carousel-card{
  align-self:start!important;
  display:block!important;
}

.market-carousel-card .card-auto,
.card-auto,
.card-auto-premium,
.card-auto-clean{
  height:auto!important;
  min-height:0!important;
  display:block!important;
}

.card-auto .card-body-auto,
.card-body-auto,
.card-auto-clean .card-body-auto{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  flex:none!important;
  padding:13px 14px 14px!important;
}

.card-clean-actions{
  margin-top:12px!important;
  padding-top:0!important;
}

.card-clean-actions .btn{
  min-height:39px!important;
  border-radius:999px!important;
  font-size:.78rem!important;
  letter-spacing:.02em!important;
  padding:.48rem .85rem!important;
}

/* Ajuste visual de fotos */
.car-photo-wrap{
  height:auto!important;
  background:#eef3f8!important;
  border-bottom:1px solid #e6edf5!important;
}

.card-auto-clean .car-img,
.car-img{
  width:100%!important;
  height:178px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* Compactar texto para que el card quede proporcionado */
.car-title,
.car-title-long{
  min-height:0!important;
  margin:0 0 8px!important;
  line-height:1.2!important;
}

.meta,
.meta-premium{
  min-height:0!important;
  margin-bottom:8px!important;
}

.price-row-premium{
  margin:7px 0 9px!important;
}

.location-line{
  min-height:0!important;
  margin-bottom:0!important;
}

/* Mantiene 5 cards ordenados sin forzar altura */
.market-section-carousel .carousel-inner,
.market-section-carousel .carousel-item{
  min-height:0!important;
  height:auto!important;
}

.market-section-carousel{
  padding-left:24px!important;
  padding-right:24px!important;
}

.market-carousel-row{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}

/* Footer premium limpio */
.market-footer{
  background:
    radial-gradient(circle at 12% 10%,rgba(49,87,213,.16),transparent 26%),
    radial-gradient(circle at 88% 8%,rgba(8,167,195,.14),transparent 28%),
    #0f172a!important;
  padding:42px 0 22px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.market-footer .row.g-4{
  --bs-gutter-x:2rem!important;
  --bs-gutter-y:1.5rem!important;
  align-items:flex-start!important;
}

.footer-brand{
  font-size:1.05rem!important;
  font-weight:500!important;
  color:#fff!important;
}

.footer-brand span{
  background:linear-gradient(135deg,#335cff,#00a7c3)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 18px rgba(0,167,195,.16)!important;
}

.market-footer p{
  color:rgba(255,255,255,.76)!important;
  line-height:1.55!important;
  max-width:460px!important;
  margin-bottom:16px!important;
}

.market-footer h6{
  color:#fff!important;
  font-size:.95rem!important;
  font-weight:500!important;
  margin-bottom:14px!important;
}

.market-footer a:not(.footer-brand):not(.market-footer-whatsapp){
  color:rgba(255,255,255,.74)!important;
  margin:7px 0!important;
  font-size:.92rem!important;
  transition:.18s ease!important;
}

.market-footer a:not(.footer-brand):not(.market-footer-whatsapp):hover{
  color:#fff!important;
  transform:translateX(2px)!important;
}

.footer-social{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:12px!important;
}

.footer-social a{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  margin:0!important;
  line-height:1!important;
  transition:.18s ease!important;
}

.footer-social a:hover{
  background:#fff!important;
  color:#3157d5!important;
  transform:translateY(-2px)!important;
}

.footer-social a i{
  color:inherit!important;
  font-size:1rem!important;
  font-style:normal!important;
  line-height:1!important;
  display:block!important;
}

.market-footer-whatsapp{
  min-height:44px!important;
  padding:10px 20px!important;
  border-radius:999px!important;
  background:#25d366!important;
  color:#fff!important;
  font-weight:500!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  box-shadow:0 8px 18px rgba(37,211,102,.18)!important;
}

.market-footer-bottom{
  margin-top:30px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
  color:rgba(255,255,255,.68)!important;
}

/* Responsive */
@media(max-width:1350px){
  .market-carousel-row{
    gap:12px!important;
  }
  .card-auto-clean .car-img,
  .car-img{
    height:165px!important;
  }
}

@media(max-width:1199px){
  .market-carousel-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:991px){
  .market-section-carousel{
    padding:0!important;
  }

  .market-carousel-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:14px!important;
    padding-bottom:10px!important;
  }

  .market-carousel-card{
    flex:0 0 88%!important;
    max-width:88%!important;
    scroll-snap-align:center!important;
  }

  .card-auto-clean .car-img,
  .car-img{
    height:220px!important;
  }
}

@media(max-width:575px){
  .market-carousel-card{
    flex-basis:92%!important;
    max-width:92%!important;
  }

  .market-footer{
    padding:34px 0 22px!important;
  }

  .footer-social a{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
}