/* RFID y control de conductores */
.fleet-driver-control { position:relative; overflow:hidden; background:linear-gradient(145deg,#080808 0%,#171719 55%,#090909 100%); color:#fff; }
.fleet-driver-control::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 92% 12%,rgba(229,36,45,.22),transparent 25%),linear-gradient(90deg,rgba(229,36,45,.11),transparent 37%); }
.fleet-driver-control .section-intro { position:relative; z-index:1; max-width:760px; margin-bottom:38px; }
.fleet-driver-control .eyebrow { color:#ff6870; }
.fleet-driver-control h2 { color:#fff; }
.fleet-driver-control h2 em { color:var(--red); }
.driver-control-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.driver-control-card { overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:22px; background:rgba(255,255,255,.045); box-shadow:0 18px 44px rgba(0,0,0,.24); }
.driver-control-media { position:relative; height:240px; overflow:hidden; background:#111; }
.driver-control-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 60%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 45%); }
.driver-control-media img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.driver-control-card:hover .driver-control-media img { transform:scale(1.04); }
.driver-control-body { padding:27px 28px 29px; }
.driver-control-kicker { display:flex; align-items:center; gap:9px; margin:0 0 13px; color:#ff747b; font:700 12px/1 'Space Grotesk',sans-serif; letter-spacing:.1em; }
.driver-control-kicker i { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:var(--red); color:#fff; }
.driver-control-kicker i svg { width:15px; height:15px; }
.driver-control-kicker > svg { box-sizing:content-box; flex:0 0 auto; width:15px; height:15px; padding:6px; border-radius:8px; background:var(--red); color:#fff; stroke-width:2.15; }
.driver-control-card h3 { margin:0 0 11px; font:700 clamp(22px,2vw,29px)/1.08 'Space Grotesk',sans-serif; letter-spacing:-.04em; color:#fff; }
.driver-control-card > .driver-control-body > p { margin:0; max-width:500px; color:rgba(255,255,255,.73); font-size:15px; line-height:1.62; }
.driver-control-points { display:flex; flex-wrap:wrap; gap:8px; margin:19px 0 0; padding:0; list-style:none; }
.driver-control-points li { display:flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:rgba(255,255,255,.88); font-size:12px; line-height:1; }
.driver-control-points i { width:13px; height:13px; color:#ff6971; }
.driver-control-points svg { width:100%; height:100%; }
.driver-control-points > li > svg { flex:0 0 auto; width:13px; height:13px; color:#ff6971; stroke-width:2.2; }
.driver-control-footer { position:relative; z-index:1; display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:1px; margin-top:22px; border:1px solid rgba(255,255,255,.12); border-radius:16px; overflow:hidden; background:rgba(255,255,255,.12); }
.driver-control-footer > div { min-height:92px; display:flex; align-items:center; gap:12px; padding:18px 21px; background:rgba(9,9,10,.89); }
.driver-control-footer i { flex:0 0 auto; width:25px; height:25px; color:#ff5d65; }
.driver-control-footer svg { width:100%; height:100%; }
.driver-control-footer > div > svg { flex:0 0 auto; width:20px; height:20px; color:#ff5d65; stroke-width:2.1; }
.driver-control-footer strong { display:block; margin-bottom:3px; color:#fff; font:700 13px/1.15 'Space Grotesk',sans-serif; }
.driver-control-footer span { color:rgba(255,255,255,.62); font-size:12px; line-height:1.35; }
@media (max-width:850px) { .driver-control-grid { grid-template-columns:1fr; } .driver-control-media { height:260px; } .driver-control-footer { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px) { .fleet-driver-control .section-intro { margin-bottom:28px; } .driver-control-grid { gap:16px; } .driver-control-card { border-radius:17px; } .driver-control-media { height:195px; } .driver-control-body { padding:22px 19px 21px; } .driver-control-card h3 { font-size:24px; } .driver-control-footer { grid-template-columns:1fr; border-radius:14px; } .driver-control-footer > div { min-height:76px; padding:15px 17px; } }
