/*
Theme Name: FLR Performance Black Label
Author: FLR PERFORMANCE
Description: Tema premium de alto nivel para FLR PERFORMANCE.
Version: 6.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{
--red:#e10600;--red2:#ff3830;--black:#030303;--black2:#070708;--panel:#0d0d0f;
--panel2:#121214;--white:#f5f5f2;--muted:#85858a;--line:#232326;--max:1380px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.022;background-image:repeating-linear-gradient(0deg,#fff 0,#fff 1px,transparent 1px,transparent 5px)}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(var(--max),92%);margin:auto}
.header{position:absolute;top:0;left:0;right:0;z-index:50}
.nav{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13)}
.logo{font-size:25px;font-weight:950;letter-spacing:-1.2px}.logo span{color:var(--red)}
.navlinks{display:flex;align-items:center;gap:26px;font-size:10px;font-weight:950;letter-spacing:1.5px;text-transform:uppercase}
.navlinks a{opacity:.7}.navlinks a:hover{opacity:1;color:var(--red2)}
.navwa{padding:11px 15px;border:1px solid var(--red);opacity:1!important}
.hero{min-height:980px;position:relative;display:flex;align-items:center;overflow:hidden;background:
linear-gradient(90deg,rgba(0,0,0,.99) 0%,rgba(0,0,0,.87) 35%,rgba(0,0,0,.18) 74%,rgba(0,0,0,.58)),
url('https://images.unsplash.com/photo-1553440569-bcc63803a83d?auto=format&fit=crop&w=2600&q=92') center/cover}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:310px;background:linear-gradient(transparent,var(--black))}
.orbit{position:absolute;right:-300px;top:150px;width:900px;height:900px;border:1px solid rgba(227,6,19,.4);border-radius:50%;box-shadow:0 0 0 105px rgba(227,6,19,.028),0 0 0 210px rgba(227,6,19,.014);animation:rotate 34s linear infinite}
.orbit:after{content:"";position:absolute;left:50%;top:-11px;width:6px;height:22px;background:var(--red)}
@keyframes rotate{to{transform:rotate(360deg)}}
.hero-content{position:relative;z-index:3;padding-top:65px}
.kicker{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:950;letter-spacing:3px;text-transform:uppercase}
.kicker i{width:40px;height:2px;background:var(--red);display:block}
.hero h1{font-size:clamp(68px,10vw,150px);line-height:.77;letter-spacing:-8px;text-transform:uppercase;margin:27px 0 27px;max-width:1100px}
.hero h1 span{color:var(--red)}
.hero p{max-width:600px;color:#c8c8cb;font-size:17px;line-height:1.9}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-flex;align-items:center;gap:13px;padding:16px 20px;background:var(--red);border:1px solid var(--red);font-size:10px;font-weight:950;letter-spacing:1.5px;text-transform:uppercase}
.btn:after{content:"↗";font-size:16px}.btn:hover{background:var(--red2);border-color:var(--red2)}
.btn.alt{background:rgba(0,0,0,.25);border-color:#555}.btn.alt:hover{background:#fff;color:#000;border-color:#fff}
.hero-base{position:absolute;bottom:32px;left:0;right:0;z-index:5;display:flex;justify-content:space-between;color:#777;font-size:8px;letter-spacing:2px;text-transform:uppercase}
.hero-side{position:absolute;right:20px;bottom:180px;z-index:4;writing-mode:vertical-rl;color:#666;font-size:8px;letter-spacing:3px;text-transform:uppercase}
.metrics{position:relative;z-index:8;margin-top:-48px}
.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}
.metric{padding:25px 24px;background:rgba(10,10,11,.98);border-right:1px solid var(--line)}.metric:last-child{border-right:0}
.metric small{display:block;color:#707074;font-size:8px;letter-spacing:2px;text-transform:uppercase}.metric strong{display:block;margin-top:5px;font-size:15px}
.section{padding:130px 0}
.label{font-size:9px;color:var(--red);font-weight:950;letter-spacing:3px;text-transform:uppercase}
.heading{font-size:clamp(50px,6vw,88px);line-height:.84;letter-spacing:-5px;text-transform:uppercase;margin:12px 0 25px}
.lead{max-width:650px;color:var(--muted);font-size:16px;line-height:1.9}
.brand-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:120px}
.brand-big{font-size:29px;line-height:1.45;font-weight:700;max-width:700px}
.brand-copy{color:#777;max-width:650px;font-size:15px;line-height:1.9}
.pillars{display:grid;grid-template-columns:repeat(2,1fr);margin-top:45px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.pillar{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pillar b{display:block;color:var(--red);font-size:9px;letter-spacing:2px}.pillar span{display:block;margin-top:8px;font-size:14px;font-weight:850}
.services{background:var(--black2)}
.services-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:55px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.service-card{height:500px;position:relative;overflow:hidden;background:var(--panel)}
.service-bg{position:absolute;inset:0;background-color:#18181a;background-position:center;background-size:cover;background-repeat:no-repeat;transition:.7s;filter:saturate(.72)}
.service-card:hover .service-bg{transform:scale(1.07);filter:saturate(1)}
.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.42) 58%,rgba(0,0,0,.08) 100%)}
.service-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:31px}
.service-code{font-size:9px;color:var(--red);font-weight:950;letter-spacing:2px;text-transform:uppercase}
.service-card h3{font-size:35px;line-height:1;margin:11px 0 12px;letter-spacing:-1px;text-transform:uppercase}
.service-card p{color:#aaa;font-size:13px;line-height:1.7;margin:0;max-width:420px}
.service-card .service-link{display:inline-block;margin-top:20px;font-size:9px;font-weight:950;letter-spacing:2px;text-transform:uppercase}.service-link:after{content:"  →";color:var(--red)}
.legal{margin-top:2px;background:#120606;border:1px solid #371014;padding:18px 22px;color:#aaa;font-size:11px;line-height:1.65}.legal strong{color:#fff}.legal b{color:var(--red)}
.feature{padding:0 0 130px}
.feature-grid{display:grid;grid-template-columns:1.45fr .55fr}
.feature-img{min-height:720px;background:center/cover url('https://images.unsplash.com/photo-1525609004556-c46c7dcf85f7?auto=format&fit=crop&w=1900&q=92')}
.feature-copy{background:#111113;padding:65px;display:flex;flex-direction:column;justify-content:flex-end}
.redbar{height:3px;width:48px;background:var(--red);margin-bottom:24px}
.feature-copy h2{font-size:58px;line-height:.86;letter-spacing:-3px;text-transform:uppercase;margin:0 0 22px}
.feature-copy p{color:#85858a;line-height:1.9}
.tech{background:#09090a}
.tech-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:2px}
.tech-copy{background:#121214;padding:65px}
.tech-copy h2{font-size:57px;line-height:.86;letter-spacing:-3px;text-transform:uppercase;margin:12px 0 24px}
.tech-image{min-height:650px;background:center/cover url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1900&q=92')}
.console{margin-top:38px;border:1px solid #2b2b2e;background:#050505;padding:22px;font:11px/1.95 "Courier New",monospace;color:#aaa}.console b{color:var(--red)}.console span{color:#eee}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.time{padding:32px 25px;min-height:250px;border-right:1px solid var(--line)}.time:last-child{border:0}.time .n{font-size:42px;color:var(--red);font-weight:950;letter-spacing:-2px}.time h3{font-size:17px;margin:25px 0 8px;text-transform:uppercase}.time p{font-size:13px;color:#777;line-height:1.75}
.contact{padding-bottom:120px}.contact-box{min-height:500px;padding:68px;background:linear-gradient(120deg,#240205,#080809);border:1px solid #391015;display:flex;align-items:flex-end;justify-content:space-between;gap:50px;position:relative;overflow:hidden}
.contact-box:after{content:"FLR";position:absolute;right:-35px;top:-105px;font-size:360px;line-height:1;font-weight:950;color:rgba(255,255,255,.022);pointer-events:none}.contact-box h2{font-size:clamp(62px,7vw,108px);line-height:.76;letter-spacing:-6px;text-transform:uppercase;margin:12px 0 20px;position:relative;z-index:2}.contact-box p{color:#aaa;position:relative;z-index:2}
.float-wa{position:fixed;right:23px;bottom:23px;z-index:90;width:62px;height:62px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;box-shadow:0 12px 38px rgba(0,0,0,.55)}.float-wa:hover{background:var(--red2)}
.footer{border-top:1px solid var(--line);padding:35px 0;color:#6e6e73;font-size:11px}.footer-flex{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer strong{color:#fff}
.content{padding:130px 0;min-height:70vh}.content h1{font-size:55px}
@media(max-width:1000px){
.navlinks{display:none}.hero{min-height:820px}.hero-side{display:none}.metrics-grid{grid-template-columns:1fr 1fr}
.brand-grid,.tech-grid,.feature-grid{grid-template-columns:1fr}.brand-grid{gap:45px}.service-grid{grid-template-columns:1fr 1fr}.service-card{height:430px}.tech-image,.feature-img{min-height:440px}
.timeline{grid-template-columns:1fr 1fr}.contact-box{display:block}.contact-box .actions{margin-top:45px}
}
@media(max-width:570px){
.hero{min-height:730px}.hero h1{font-size:58px;letter-spacing:-3px}.hero p{font-size:15px}.hero-base{display:none}
.metrics-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}
.section{padding:85px 0}.heading{font-size:45px}.brand-big{font-size:22px}.pillars{grid-template-columns:1fr}.services-head{display:block}
.service-grid{grid-template-columns:1fr}.service-card{height:390px}.feature-copy,.tech-copy,.contact-box{padding:38px}.feature-copy h2,.tech-copy h2{font-size:42px}.timeline{grid-template-columns:1fr}
}

.emission-mini{margin-top:14px;padding:15px 18px;background:#09090a;border-left:2px solid var(--red);color:#777;font-size:10px;line-height:1.7}
.emission-mini strong{color:#eee}.emission-mini b{color:#aaa}
@media(max-width:1000px){.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:570px){.service-grid{grid-template-columns:1fr}}

/* Bloque legal premium para DPF / EGR / AdBlue */
.emissions-note{
  margin-top:14px;
  position:relative;
  overflow:hidden;
  padding:28px 30px;
  background:
    radial-gradient(circle at 100% 0,rgba(225,6,0,.09),transparent 28%),
    linear-gradient(120deg,#120607,#09090a 72%);
  border:1px solid #332326;
}
.emissions-note:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(var(--red),#610000);
}
.emissions-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  padding-bottom:19px;
  border-bottom:1px solid #2b2527;
}
.emissions-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--red2);
  font-size:8px;
  font-weight:950;
  letter-spacing:2.2px;
}
.emissions-kicker span{
  width:6px;height:6px;background:var(--red);display:block;
  box-shadow:0 0 15px rgba(225,6,0,.45);
}
.emissions-note h3{
  margin:8px 0 0;
  font-size:24px;
  line-height:1;
  letter-spacing:-.6px;
  text-transform:uppercase;
}
.emissions-mark{
  color:#4d4d51;
  font-size:9px;
  font-weight:950;
  letter-spacing:2px;
  white-space:nowrap;
}
.emissions-note>p{
  margin:19px 0 18px;
  max-width:1080px;
  color:#85858a;
  font-size:11px;
  line-height:1.8;
}
.emissions-note>p strong{color:#ededeb}
.emissions-note>p b{color:#c8c8ca}
.emissions-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  padding-top:15px;
  border-top:1px solid #201f21;
  color:#626268;
  font-size:9px;
  letter-spacing:.2px;
}
.legal-chip{
  display:inline-flex;
  padding:7px 10px;
  border:1px solid #3a3032;
  color:#97979c;
  font-size:8px;
  font-weight:950;
  letter-spacing:1.2px;
}
@media(max-width:700px){
  .emissions-head{display:block}
  .emissions-mark{margin-top:15px}
  .emissions-note{padding:24px 20px}
}