/* Ajustes finos — cargado DESPUÉS de styles.css para override seguro (no tocar styles.css). */

/* Título de tarjeta a 2 líneas fijas: reserva el espacio (alinea specs/botón) y recorta si es más largo. */
.car-card .title{line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* En "Mis anuncios": la tarjeta crece y empuja "Gestionar anuncio" al fondo → botones alineados. */
.mi-card .car-card{flex:1}

/* Chip "Verificado" del vendedor a la derecha del precio (alineado al borde derecho de la tarjeta). */
.car-card .price{display:flex;align-items:center}
.car-card .seller-verif{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.4px;white-space:nowrap;color:#7CFC6B;background:linear-gradient(180deg,#1c3217,#0e1a0b);border:1px solid #7CFC6B;border-radius:6px;padding:1px 9px;text-shadow:0 0 6px rgba(124,252,107,.5);box-shadow:0 0 10px rgba(124,252,107,.18)}

/* "Explora por tipo": 4 columnas en desktop (8 clasificaciones -> 4+4). */
.cat-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.cat-grid{grid-template-columns:repeat(2,1fr)}}

/* Botones de compartir en el anuncio (WhatsApp / Facebook / Instagram / copiar). */
.share-row{display:flex;align-items:center;gap:9px;margin-top:14px;flex-wrap:wrap}
.share-row .share-lbl{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}
.share-ic{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;transition:.15s;text-decoration:none;padding:0}
.share-ic:hover{transform:translateY(-2px);box-shadow:var(--glow-md)}
.share-ic.wa{color:#25D366;border-color:rgba(37,211,102,.55)}
.share-ic.fb{color:#1877F2;border-color:rgba(24,119,242,.55)}
.share-ic.ig{color:#E1306C;border-color:rgba(225,48,108,.55)}
.share-ic.copy{color:#7CFC6B;border-color:rgba(124,252,107,.5)}
/* Menú de Facebook: perfil vs copiar-para-grupos */
.share-fb-wrap{position:relative;display:inline-flex}
.share-fb-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:60;min-width:232px;background:var(--panel);border:1px solid var(--border-strong);border-radius:11px;box-shadow:0 12px 32px rgba(0,0,0,.6);padding:6px;display:flex;flex-direction:column;gap:2px}
.share-fb-menu[hidden]{display:none}
.share-fb-menu::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-bottom-color:var(--border-strong)}
.share-fb-menu a,.share-fb-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-family:var(--font-mono);font-size:14px;color:var(--text);background:none;border:0;border-radius:8px;padding:11px 12px;cursor:pointer;text-decoration:none;transition:.12s;white-space:nowrap}
.share-fb-menu a:hover,.share-fb-menu button:hover{background:rgba(24,119,242,.16);color:#fff}
.share-fb-menu .fbm-ic{font-size:15px;line-height:1}
@media(max-width:600px){.share-fb-menu{left:0;transform:none}.share-fb-menu::before{left:20px}}
/* Toast de confirmación (copiar enlace, etc.) */
.amx-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);z-index:99999;background:var(--panel);border:1px solid var(--border-strong);border-left:3px solid #7CFC6B;border-radius:11px;padding:13px 18px;font-family:var(--font-mono);font-size:14px;line-height:1.45;color:var(--text);box-shadow:0 14px 36px rgba(0,0,0,.62);max-width:88vw;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.amx-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.amx-toast b{color:#7CFC6B}

/* SEO: H1 semántico de la homepage, bajo el wordmark. Estética terminal ámbar, discreto. */
.hero .hero-h1{font-family:var(--term);font-size:clamp(17px,2.6vw,24px);font-weight:400;color:var(--green-2);margin:12px 0 0;line-height:1.32;letter-spacing:.4px;text-shadow:var(--glow-sm);max-width:62ch}
@media(max-width:600px){.hero .hero-h1{font-size:17px}}

/* SEO: encabezado H1 + texto intro en buscar (páginas de categoría/marca). */
.results-main .results-h1{font-family:var(--font-mono);font-size:clamp(26px,3.6vw,34px);font-weight:400;color:var(--green);margin:0 0 6px;line-height:1.15;letter-spacing:.5px;text-shadow:var(--glow-sm)}
.results-main .results-intro{font-family:var(--font-mono);font-size:16px;color:var(--text-muted);margin:0 0 18px;max-width:72ch;line-height:1.55;letter-spacing:.3px}
@media(max-width:600px){.results-main .results-h1{font-size:24px}}

/* ===== Blog / Guías ===== */
/* Footer: 5ª columna GUÍAS solo en desktop (el grid base es 2fr 1fr 1fr 1fr). */
@media(min-width:1025px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}
/* Índice del blog */
.blog-h1{font-family:var(--font-mono);font-size:clamp(28px,4.4vw,40px);color:var(--green);line-height:1.12;text-shadow:var(--glow-sm);margin:0 0 6px;letter-spacing:.5px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}
.post-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.16s;color:inherit}
.post-card:hover{border-color:var(--border-strong);box-shadow:var(--glow-md);transform:translateY(-3px)}
.post-card .pc-img{aspect-ratio:16/9;background:#0c0a12;overflow:hidden}
.post-card .pc-img img{width:100%;height:100%;object-fit:cover}
.post-card .pc-body{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}
.post-card .pc-title{font-family:var(--font-mono);font-size:22px;font-weight:400;color:#fff;margin:0;line-height:1.18;letter-spacing:.5px}
.post-card .pc-sum{font-family:var(--font-mono);font-size:16px;color:var(--text-muted);margin:0;flex:1;line-height:1.5;letter-spacing:.3px}
.post-card .pc-more{font-family:var(--font-mono);font-size:14px;color:var(--green)}
/* Artículo */
.blog-article{max-width:760px;margin:0 auto;font-family:var(--font-body);font-size:20px;line-height:1.5;letter-spacing:.4px;color:var(--text)}
.blog-article h1{font-family:var(--font-mono);font-size:clamp(28px,4.6vw,42px);color:var(--green);line-height:1.12;text-shadow:var(--glow-sm);margin:0 0 8px;letter-spacing:.5px}
.blog-article h2{font-family:var(--font-mono);font-size:28px;color:#fff;margin:28px 0 8px;line-height:1.18;letter-spacing:.5px}

/* H1 de la ficha de auto (/auto/{id}) — antes no existía ningún H1 en la página */
.detail-h1{font-family:'Orbitron',var(--term);font-size:clamp(21px,2.9vw,29px);font-weight:600;color:var(--white);line-height:1.16;letter-spacing:.3px;margin:2px 0 16px;text-shadow:0 0 10px rgba(255,255,255,.12)}
@media(max-width:600px){.detail-h1{font-size:20px;margin-bottom:12px}}
.blog-article p{margin:0 0 16px}
.blog-article ul{margin:0 0 18px;padding:0;list-style:none}
.blog-article li{margin:0 0 9px;padding-left:22px;position:relative}
.blog-article li::before{content:"\25B8";color:var(--green);position:absolute;left:0}
.blog-article a{color:var(--green);text-decoration:underline}
.blog-article .meta{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);margin:0 0 22px}
.blog-article .cover{width:100%;border-radius:10px;border:1px solid var(--border-strong);margin:0 0 24px}

/* Enlaces contextuales: lista de guías relacionadas en el anuncio. */
.rel-guias{list-style:none;padding:0;margin:6px 0 0}
.rel-guias li{margin:0 0 10px}
.rel-guias a{font-family:var(--font-mono);font-size:17px;color:var(--green);text-decoration:none}
.rel-guias a:hover{text-decoration:underline;text-shadow:var(--glow-sm)}