/*
Theme Name: Trident Motor Theme v4-Full
Theme URI: https://tridentmotor.com
Author: Trident Motor
Author URI: https://tridentmotor.com
Description: Tema oscuro tecnológico (fondo negro + azul metálico + plateado). Versión FULL con plantillas: Inicio, Catálogo y Contacto. Compatible con Core, Catalog, Autofill y Optimizer.
Version: 4.0.0
Requires at least: 6.1
Tested up to: 6.8
Text Domain: tridentmotor-theme
Tags: dark, responsive, automotive, catalog, modern
*/
:root{
  --tm-bg:#0b0f14;
  --tm-bg-2:#0f141a;
  --tm-blue:#1f6bff;
  --tm-blue-2:#00c2ff;
  --tm-silver:#cfd8e3;
  --tm-white:#eaf2ff;
  --tm-muted:#a5b4c3;
  --tm-border:#1b2230;
}
html,body{margin:0;padding:0;background:var(--tm-bg);color:var(--tm-white);font-family:system-ui,Roboto,Segoe UI,Arial,sans-serif;}
a{color:var(--tm-blue);text-decoration:none}
a:hover{color:var(--tm-blue-2)}
.tm-container{max-width:1200px;margin:0 auto;padding:24px}
.tm-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));border:1px solid var(--tm-border);border-radius:14px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,0.35)}
.tm-btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid var(--tm-blue);color:var(--tm-white);transition:all .2s ease;box-shadow:0 0 18px rgba(31,107,255,0.25) inset;}
.tm-btn:hover{transform:translateY(-1px);box-shadow:0 0 22px rgba(0,194,255,0.35) inset;border-color:var(--tm-blue-2)}

header.tm-header{position:sticky;top:0;z-index:50;background:rgba(11,15,20,0.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--tm-border)}
header .tm-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}
header .tm-logo{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.5px}
header .tm-logo .tm-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#0c1b2a,#183b64);display:flex;align-items:center;justify-content:center;border:1px solid var(--tm-border);box-shadow:0 0 0 2px rgba(31,107,255,0.25) inset}
nav.tm-nav a{margin:0 10px;padding:6px 10px;border-radius:8px}
nav.tm-nav a:hover{background:#0e1520}

footer.tm-footer{margin-top:40px;border-top:1px solid var(--tm-border);background:var(--tm-bg-2);color:var(--tm-muted)}
footer .tm-inner{display:flex;flex-wrap:wrap;gap:14px;padding:20px 24px;justify-content:space-between;align-items:center}
footer .tm-links a{color:var(--tm-muted);margin-right:14px}
footer .tm-links a:hover{color:var(--tm-white)}

.tm-hero{padding:70px 0;background:radial-gradient(1200px 600px at 0% 0%,rgba(31,107,255,0.15),transparent),radial-gradient(1200px 600px at 100% 0%,rgba(0,194,255,0.12),transparent)}
.tm-hero h1{font-size:42px;margin:0 0 10px}
.tm-hero p{max-width:800px;color:var(--tm-muted)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.col-12{grid-column:span 12}
@media(min-width:900px){
 .col-4{grid-column:span 4}
 .col-6{grid-column:span 6}
}

.entry-content{line-height:1.7}
code{background:#0e1520;border:1px solid var(--tm-border);padding:2px 6px;border-radius:6px}