*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.hero{min-height:100vh;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.45)),url('../img/fondo-cbc.jpeg') center/cover no-repeat;position:relative}.nav{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;background:rgba(0,0,0,.74);backdrop-filter:blur(10px);border-bottom:1px solid #d79b16}.brand{color:#fff;text-decoration:none;font-size:28px;font-weight:900;letter-spacing:2px}.brand span{display:block;font-size:10px;color:#f2b51d}.links{display:flex;gap:16px;align-items:center}.links a{color:#fff;text-decoration:none;font-weight:700}.links a:hover,.quote{color:#f5bd22!important}.quote{border:1px solid #f5bd22;padding:10px 15px;border-radius:999px}.menu-btn{display:none;background:#f5bd22;border:0;padding:10px 13px;font-size:22px;border-radius:6px}.hero-content{max-width:850px;padding:170px 5% 80px}.eyebrow{color:#f5bd22;text-transform:uppercase;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(38px,7vw,82px);line-height:.95;margin:0;text-transform:uppercase}.hero p{font-size:clamp(17px,2.5vw,24px);max-width:780px}.actions{display:flex;flex-wrap:wrap;gap:14px}.actions a,.big-btn{background:#f5bd22;color:#000;text-decoration:none;padding:15px 22px;border-radius:8px;font-weight:900;text-transform:uppercase;box-shadow:0 0 18px rgba(245,189,34,.35);transition:.25s}.actions a:nth-child(2){background:#0aa545;color:#fff}.actions a:nth-child(3){background:transparent;color:#fff;border:1px solid #f5bd22}.actions a:hover,.big-btn:hover{transform:translateY(-4px)}.section{width:min(1180px,92%);margin:0 auto;padding:80px 0}.section h2{font-size:clamp(30px,5vw,52px);text-transform:uppercase;color:#f5bd22;margin:0 0 20px}.section p{font-size:19px;line-height:1.7;color:#e8e8e8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,#111,#050505);border:1px solid #b8860b;border-radius:18px;padding:25px;text-decoration:none;color:#fff;box-shadow:0 0 25px rgba(0,0,0,.55);transition:.25s}.card span{font-size:42px}.card h3{color:#f5bd22;text-transform:uppercase}.card:hover{transform:translateY(-8px);box-shadow:0 0 25px rgba(245,189,34,.3)}.split{display:grid;grid-template-columns:1fr 420px;gap:35px;align-items:center}.split img{width:100%;border-radius:18px;border:1px solid #d79b16}.checks{list-style:none;padding:0}.checks li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:19px}.checks li:before{content:'✅ ';}.clients{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.clients div,.steps span{padding:24px;background:#111;border:1px solid #d79b16;border-radius:12px;text-align:center;font-weight:900}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.contact{text-align:center}.contact .big-btn{display:inline-block;margin-top:20px}footer{text-align:center;background:#000;border-top:1px solid #d79b16;padding:20px}footer img{max-width:100%;height:auto;border-radius:6px}footer p{color:#f5bd22;font-weight:900;text-transform:uppercase}.reveal{opacity:0;transform:translateY(35px);transition:.7s}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.menu-btn{display:block}.links{display:none;position:absolute;top:70px;left:0;right:0;background:#050505;flex-direction:column;padding:20px}.links.active{display:flex}.cards,.clients,.steps,.split{grid-template-columns:1fr}.hero-content{padding-top:135px}.nav{padding:12px 4%}}@media(max-width:420px){.brand{font-size:22px}.section{width:94%;padding:50px 0}.actions a{width:100%;text-align:center}.hero h1{font-size:34px}.card{padding:18px}}


/* Ajuste Diego: imágenes completas, sin recorte ni pixelación */
.full-image, .poster-clean{width:min(760px,94%);margin:38px auto;text-align:center}
.full-image img, .poster-clean img, .photo img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;border-radius:18px;border:1px solid #d79b16;box-shadow:0 0 30px #000;background:#050505;image-rendering:auto}
.photo{overflow:visible;background:#050505;border-radius:18px}
@media(max-width:560px){.full-image,.poster-clean{width:94%;margin:24px auto}.photo img{border-radius:14px}}

/* Ajuste: Clientes separados de sectores */
.section-intro{
  max-width:760px;
  margin-top:-6px;
}
.client-logos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:18px;
  align-items:stretch;
  margin-top:28px;
}
.client-logo{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  border:1px solid rgba(245,189,34,.65);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  box-shadow:0 0 22px rgba(0,0,0,.55), inset 0 0 22px rgba(245,189,34,.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.client-logo:hover{
  transform:translateY(-7px) scale(1.02);
  border-color:#f5bd22;
  box-shadow:0 0 28px rgba(245,189,34,.26), inset 0 0 24px rgba(245,189,34,.08);
}
.client-logo img{
  width:160px;
  height:160px;
  max-width:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));
}
.sectors{
  grid-template-columns:repeat(4,1fr);
}
.sectors div{
  background:linear-gradient(145deg,#141414,#050505);
}
@media(max-width:900px){
  .sectors{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:460px){
  .client-logos{grid-template-columns:repeat(2,1fr);gap:12px}
  .client-logo{min-height:118px;padding:12px;border-radius:14px}
  .client-logo img{width:96px;height:96px}
  .sectors{grid-template-columns:1fr}
}

.brand{display:flex;align-items:center}.brand img{display:block;width:160px;height:64px;object-fit:contain;object-position:left center}@media(max-width:420px){.brand img{width:125px;height:52px}}


/* Clientes reales y distribuidores autorizados */
.clientes-section{padding-bottom:48px}
.client-logos--official{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:980px;
  margin-inline:auto;
}
.client-logo--named{
  min-height:260px;
  flex-direction:column;
  gap:16px;
  padding:22px 18px 18px;
}
.client-logo__image{
  width:100%;
  height:165px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
}
.client-logo--named img{
  width:100%;
  height:100%;
  max-width:260px;
  object-fit:contain;
}
.client-logo--named h3{
  margin:0;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:16px;
  line-height:1.35;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.authorized-section{
  width:100%;
  padding:30px 0 66px;
  background:
    radial-gradient(circle at 50% 0,rgba(245,189,34,.11),transparent 45%),
    linear-gradient(180deg,#0b0b0b,#030303);
  border-top:1px solid rgba(245,189,34,.45);
  border-bottom:1px solid rgba(245,189,34,.45);
}
.authorized-shell{width:min(1420px,94%);margin:0 auto}
.authorized-heading{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  margin-bottom:28px;
}
.authorized-heading span{height:1px;background:linear-gradient(90deg,transparent,#f5bd22)}
.authorized-heading span:last-child{background:linear-gradient(90deg,#f5bd22,transparent)}
.authorized-heading h2{
  margin:0;
  color:#f5bd22;
  font-size:clamp(25px,3.6vw,45px);
  text-transform:uppercase;
  letter-spacing:4px;
  text-align:center;
}
.authorized-logos{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.authorized-logo{
  min-height:135px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:linear-gradient(145deg,#171717,#080808);
  border:1px solid rgba(245,189,34,.55);
  border-radius:14px;
  box-shadow:0 12px 28px rgba(0,0,0,.45);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.authorized-logo:hover{
  transform:translateY(-6px);
  border-color:#f5bd22;
  box-shadow:0 15px 34px rgba(245,189,34,.18);
}
.authorized-logo img{
  display:block;
  width:100%;
  height:88px;
  max-width:185px;
  object-fit:contain;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.45));
}
.authorized-promise{
  margin-top:26px;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:18px 30px;
  background:linear-gradient(110deg,#090909,#202020 50%,#090909);
  border:1px solid #f5bd22;
  clip-path:polygon(2.3% 0,97.7% 0,100% 50%,97.7% 100%,2.3% 100%,0 50%);
  box-shadow:inset 0 0 22px rgba(245,189,34,.06),0 12px 28px rgba(0,0,0,.5);
}
.authorized-promise__icon{
  width:44px;height:44px;flex:0 0 44px;
  display:grid;place-items:center;
  border:2px solid #f5bd22;
  border-radius:8px;
  color:#f5bd22;
  font-size:27px;
  font-weight:900;
}
.authorized-promise p{
  margin:0;
  color:#fff;
  font-size:clamp(15px,2vw,22px);
  font-weight:900;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
}
.sectores-section{padding-top:64px}
@media(max-width:980px){
  .authorized-logos{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .client-logos--official{grid-template-columns:1fr}
  .client-logo--named{min-height:230px}
  .client-logo__image{height:145px}
  .authorized-heading{gap:12px}
  .authorized-heading h2{letter-spacing:2px}
  .authorized-promise{clip-path:none;border-radius:14px;padding:20px 18px}
  .authorized-promise p{letter-spacing:1.2px}
}
@media(max-width:520px){
  .authorized-section{padding:26px 0 48px}
  .authorized-logos{grid-template-columns:repeat(2,1fr);gap:10px}
  .authorized-logo{min-height:105px;padding:12px}
  .authorized-logo img{height:68px}
  .authorized-promise{flex-direction:column;gap:10px}
  .authorized-promise__icon{width:38px;height:38px;flex-basis:38px;font-size:23px}
}


/* Arriendo de maquinaria */
.machinery-rental{padding-top:88px}
.machinery-rental__heading{max-width:900px;margin-bottom:34px}
.machinery-rental__heading h2{margin-bottom:12px}
.machinery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.machine-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid rgba(245,189,34,.78);
  border-radius:18px;
  background:linear-gradient(145deg,#121212,#050505);
  box-shadow:0 18px 35px rgba(0,0,0,.5);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.machine-card:hover{
  transform:translateY(-7px);
  border-color:#f5bd22;
  box-shadow:0 20px 42px rgba(245,189,34,.16);
}
.machine-card>img,.machine-card__image img{
  display:block;
  width:100%;
  height:460px;
  object-fit:contain;
  object-position:center;
  background:#f4f4f4;
}
.machine-card>a{
  margin-top:auto;
  display:block;
  padding:15px 18px;
  color:#050505;
  background:#f5bd22;
  text-decoration:none;
  text-align:center;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}
.machine-card>a:hover{background:#ffd257}
.machine-card--custom{grid-row:span 1}
.machine-card__image{background:#eee}
.machine-card__image img{height:300px}
.machine-card__specs{padding:22px}
.machine-card__specs span{
  display:inline-block;
  margin-bottom:7px;
  color:#f5bd22;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}
.machine-card__specs h3{margin:0 0 12px;font-size:25px;text-transform:uppercase}
.machine-card__specs ul{margin:0;padding-left:20px;color:#ddd;line-height:1.7}
.rental-poster{
  display:grid;
  grid-template-columns:minmax(300px,560px) 1fr;
  gap:38px;
  align-items:center;
  margin-top:48px;
  padding:30px;
  border:1px solid rgba(245,189,34,.7);
  border-radius:22px;
  background:radial-gradient(circle at 15% 30%,rgba(245,189,34,.12),transparent 45%),#0b0b0b;
}
.rental-poster img{
  display:block;
  width:100%;
  max-height:760px;
  object-fit:contain;
  border-radius:14px;
  background:#fff;
}
.rental-poster h3{margin:0 0 15px;font-size:clamp(27px,4vw,45px);text-transform:uppercase}
.rental-poster .big-btn{display:inline-block;margin-top:12px}

/* Footer CBC: distribuidores autorizados + contacto */
.site-footer{
  padding:50px 3% 0;
  text-align:initial;
  background:
    radial-gradient(circle at 50% 0,rgba(245,189,34,.11),transparent 38%),
    linear-gradient(180deg,#0b0b0b,#000);
  border-top:1px solid #d79b16;
}
.site-footer .footer-authorized{width:min(1420px,100%);margin:0 auto}
.site-footer .authorized-heading h2{color:#f5bd22}
.site-footer .authorized-logos{margin-bottom:0}
.site-footer .authorized-logo{background:linear-gradient(145deg,#161616,#060606)}
.site-footer .authorized-logo img{background:transparent}
.footer-bottom{
  width:min(1420px,100%);
  margin:38px auto 0;
  padding:25px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  border-top:1px solid rgba(245,189,34,.45);
  text-align:left;
}
.footer-bottom img{width:150px;height:78px;object-fit:contain;border:0;border-radius:0}
.footer-bottom strong{display:block;color:#f5bd22;font-size:clamp(21px,3vw,34px);text-transform:uppercase}
.footer-bottom p{margin:7px 0 0;color:#ddd;text-transform:none;font-weight:600}

@media(max-width:1050px){
  .machinery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rental-poster{grid-template-columns:1fr}
  .rental-poster img{max-height:900px}
}
@media(max-width:650px){
  .machinery-grid{grid-template-columns:1fr}
  .machine-card>img{height:auto;max-height:620px}
  .machine-card__image img{height:260px}
  .rental-poster{padding:16px}
  .footer-bottom{flex-direction:column;text-align:center}
}