/* Trident Motor Portada Mirror - CSS */
:root{
  --tm-bg:#0c0f14;
  --tm-card:#141923;
  --tm-text:#c9d4e3;
  --tm-white:#ffffff;
  --tm-blue:#1ea0ff;
  --tm-blue-strong:#00b1ff;
}

.tm-pm-hero{
  position:relative;
  min-height: 64vh;
  background: linear-gradient(180deg, rgba(10,14,20,.9), rgba(10,14,20,.95)), url('hero-fallback.jpg') center/cover no-repeat fixed;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 60px 20px;
  color: var(--tm-white);
}
.tm-pm-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.25));}
.tm-pm-hero-content{position:relative;max-width:1100px;z-index:2}

.tm-pm-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.tm-pm-badge{background:#0f1520;border:1px solid #213049;color:#6ea6ff;padding:6px 12px;border-radius:10px;font-size:12px;opacity:.8}
.tm-pm-badge.tm-active{border-color:var(--tm-blue);color:#bfe0ff}

.tm-pm-title{font-size: clamp(28px, 5vw, 52px); line-height:1.1; font-weight:800; letter-spacing:.5px; margin:10px 0 10px}
.tm-pm-title span{color: var(--tm-blue-strong); text-shadow: 0 0 10px rgba(0,177,255,.35)}

.tm-pm-subtitle{color:#a9b6cc; font-size: clamp(14px, 2.2vw, 18px); margin-bottom:28px}

.tm-pm-cta{display:flex; gap:16px; justify-content:center; flex-wrap:wrap}
.tm-pm-btn{border:1px solid #2a3a55; padding:12px 18px; border-radius:10px; text-decoration:none; color:#d9e3f3; font-weight:600}
.tm-pm-btn.tm-primary{background:var(--tm-blue); color:#001727}
.tm-pm-btn.tm-ghost:hover{border-color:var(--tm-blue)}

.tm-pm-categories{background:var(--tm-bg); padding:36px 16px; color:var(--tm-white)}
.tm-pm-categories h2,.tm-pm-listings h2{max-width:1100px;margin:0 auto 16px; font-size:20px; letter-spacing:1px; color:#d7e4f6}
.tm-pm-grid{max-width:1100px;margin:0 auto; display:grid; gap:16px; grid-template-columns:repeat(3,1fr)}
.tm-pm-card{background:var(--tm-card); border:1px solid #232b3a; border-radius:12px; padding:18px; text-decoration:none; color:var(--tm-white); transition:.15s transform}
.tm-pm-card:hover{transform:translateY(-3px); border-color:#355079}
.tm-pm-icon{font-size:36px; margin-bottom:8px}

.tm-pm-listings{background:#0b1017; padding:36px 16px; color:var(--tm-white)}
.tm-pm-listings-header{max-width:1100px;margin:0 auto 12px; display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap}
.tm-pm-filters form{display:flex; gap:8px; flex-wrap:wrap}
.tm-pm-filters select, .tm-pm-filters input{background:#0f1826; color:#d4e0f5; border:1px solid #26344c; border-radius:8px; padding:8px 10px; outline:none}
.tm-pm-filters button{background:var(--tm-blue); border:0; padding:8px 14px; border-radius:8px; color:#001727; font-weight:700}

.tm-pm-cards{max-width:1100px;margin:10px auto 0; display:grid; gap:16px; grid-template-columns:repeat(4,1fr)}
.tm-pm-card-vehicle{display:block; background:var(--tm-card); border:1px solid #232b3a; border-radius:12px; overflow:hidden; text-decoration:none; color:var(--tm-white); transition:.15s transform}
.tm-pm-card-vehicle:hover{transform:translateY(-4px); border-color:#355079}
.tm-pm-card-thumb{height:150px;background:#111 center/cover no-repeat}
.tm-pm-card-body{padding:12px}
.tm-pm-price{font-weight:800;margin:6px 0;color:#e6f2ff}
.tm-pm-meta{display:flex; gap:10px; opacity:.8; font-size:12px}

@media (max-width: 1024px){
  .tm-pm-cards{grid-template-columns:repeat(3,1fr)}
  .tm-pm-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 768px){
  .tm-pm-cards{grid-template-columns:repeat(2,1fr)}
  .tm-pm-grid{grid-template-columns:repeat(1,1fr)}
  .tm-pm-hero{min-height:54vh}
}