/* DeAutos España: additions on top of the shared styles.css */
.country-pill{display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:999px; background:#F2F6FB; border:1px solid var(--line); font-size:13.5px; font-weight:700; color:var(--ar-blue-deep)}

.es-hero{background:radial-gradient(1200px 400px at 20% -10%, #1B4F8A 0%, transparent 60%), linear-gradient(160deg, #0B2A4A, #12365E); color:#fff}
.es-hero-in{max-width:1240px; margin:0 auto; padding:40px 20px 34px}
.eyebrow-pill{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); padding:6px 12px; border-radius:999px; font-size:13px; font-weight:700}
.eyebrow-pill .dot{width:8px; height:8px; border-radius:50%; background:#2BD27E}
.es-hero h1{font-size:44px; line-height:1.08; margin:16px 0 10px; letter-spacing:-.5px}
.es-hero h1 span{display:block; color:var(--ar-yellow, #FCBF49)}
.es-hero-sub{max-width:720px; color:#D5E2F0; font-size:17px; margin:0 0 22px}
.es-search{display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)) auto; gap:10px; align-items:end; background:#fff; color:var(--text); border-radius:16px; padding:14px; box-shadow:0 18px 40px rgba(0,0,0,.25)}
.es-search label{display:flex; flex-direction:column; gap:4px; min-width:0}
.es-search label span{font-size:12px; font-weight:700; color:var(--muted)}
.es-search select{width:100%; min-width:0; padding:11px 10px; border:1px solid var(--line); border-radius:10px; font:inherit; font-size:15px; background:#fff; color:var(--text)}
.es-search select:disabled{background:#F4F6F9; color:var(--muted)}
.es-search .btn{white-space:nowrap; height:46px}
.es-hero-stats{display:flex; flex-wrap:wrap; gap:28px; margin-top:22px}
.es-hero-stats strong{display:block; font-size:24px}
.es-hero-stats span{font-size:13px; color:#B9CCE0}

.es-center{text-align:center; margin:18px 0 0}
.es-h2-gap{margin-top:26px !important}
.es-results-head{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:6px}
.es-results-head h2{margin:0; font-size:24px; color:var(--ar-blue-deep)}
.es-sort{display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--muted); font-weight:600}
.es-sort select{padding:8px 10px; border:1px solid var(--line); border-radius:10px; font:inherit; font-size:14px; background:#fff}
.es-results-sub{color:var(--muted); margin:0 0 14px}
.listings .grid{margin-top:14px}
.card-dealer .dealer-dot{background:var(--ar-blue)}

.es-gallery{display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:6px; margin:8px 0 16px}
.es-gallery img{width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:8px; background:var(--bg)}
.es-table-wrap{overflow-x:auto}
.es-table{border-collapse:collapse; min-width:320px; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden}
.es-table th, .es-table td{padding:9px 16px; border-bottom:1px solid var(--line); text-align:left}
.es-table th{font-size:12.5px; color:var(--muted)}
.es-com h2 small{font-size:13px; color:var(--muted); font-weight:600}
.es-com h2 a{color:var(--ar-blue-deep); text-decoration:none}
.es-brands{margin-top:6px}
.ex-brand{text-decoration:none}
.ex-brand strong{font-size:14px}
.ex-brand small{color:var(--muted); font-size:12px}


@media (max-width:980px){
  .es-search{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .es-search .btn{grid-column:1/-1}
}
@media (max-width:640px){
  .es-hero-in{padding:26px 16px 24px}
  .es-hero h1{font-size:30px}
  .es-hero-sub{font-size:15px}
  .es-search{padding:12px; gap:8px}
  .es-search select{font-size:16px}
  .es-hero-stats{display:grid; grid-template-columns:1fr 1fr; gap:12px 16px}
  .es-hero-stats strong{font-size:20px}
  .country-pill{display:none}
  .es-gallery{grid-template-columns:repeat(3, minmax(0, 1fr))}
  .es-results-head h2{font-size:20px}
}