@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f5f7;font-family:Inter,Arial,sans-serif;color:#10141a}.commercial{overflow:hidden}.commercial a{text-decoration:none}.commercial-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - 1400px)/2));background:#081015;color:white;gap:20px}.brand{display:flex;align-items:center;color:white;font-size:25px;font-weight:900;letter-spacing:-1px;line-height:.95}.brand b{color:#ff1939}.brand small{display:block;letter-spacing:3px;font-size:9px;font-weight:600;margin-top:7px}.brand-gear{font-size:48px;color:#ff1939;margin-right:7px}.commercial-nav nav{display:flex;gap:27px}.commercial-nav nav a{color:white;font-size:13px;font-weight:700}.commercial-nav nav a:hover{color:#ff1939}.nav-cta,.red-button{background:#f51c38;color:white;padding:15px 22px;border-radius:11px;font-weight:800;font-size:13px;display:inline-block}.commercial-hero{min-height:580px;position:relative;background:url('hero.webp') center 49%/cover no-repeat;color:white}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,14,.94) 0%,rgba(3,10,14,.84) 30%,rgba(3,10,14,.24) 70%,rgba(3,10,14,.08) 100%)}.hero-content{position:relative;max-width:1400px;margin:auto;padding:75px 4% 35px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#e5e5e5}.commercial h1,.commercial h2,.commercial h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase}.commercial h1{font-size:clamp(56px,6.6vw,104px);line-height:.88;margin:22px 0;font-weight:900;letter-spacing:-1px}.commercial h1 em,.commercial h2 em{color:#fb1c3c;font-style:normal}.hero-content>p{font-size:18px;line-height:1.6;max-width:550px}.hero-buttons,.road-buttons{display:flex;gap:15px;flex-wrap:wrap;margin:27px 0}.green-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border-radius:12px;color:white;font-size:13px;font-weight:800}.green-button{background:#0ac85c}.outline-button{border:2px solid #fff;background:#0a1016aa}.trust-row{display:flex;gap:32px;flex-wrap:wrap;font-size:12px;font-weight:700;margin-top:40px}.commercial-services,.gallery{max-width:1500px;margin:auto;padding:40px 4% 48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:43px;line-height:1;margin:0}.section-heading p{color:#727982;font-size:14px}.service-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.service-card{background:white;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #0000000d;color:#10141a;transition:transform .2s}.service-card:hover{transform:translateY(-5px)}.service-card img{width:100%;height:145px;object-fit:cover;display:block}.service-info{padding:20px 15px 17px;position:relative}.service-icon{position:absolute;top:-26px;background:#fa1b3b;color:white;border-radius:50%;height:45px;width:45px;display:grid;place-items:center;font-size:24px}.service-info h3{font-size:22px;line-height:1;margin:8px 0}.service-info p{font-size:12px;line-height:1.5;color:#50545b;min-height:56px}.consultar{font-size:10px;color:#e91636;font-weight:800}.roadside{background:#071016;color:white;display:grid;grid-template-columns:45% 55%;min-height:380px}.road-photo{background:url('road.webp') center/cover no-repeat}.road-copy{padding:35px 7%}.red-pill{display:inline-block;background:#f41a39;padding:10px 17px;border-radius:30px;font-weight:800;font-size:13px}.road-copy h2{font-size:clamp(35px,4vw,62px);margin:16px 0 8px;line-height:1}.road-copy p{line-height:1.65;color:#e4e7e9;max-width:650px}.road-features{display:flex;gap:23px;flex-wrap:wrap;font-size:12px;font-weight:700}.road-copy small{font-size:11px;color:#aeb5b9}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-grid img{width:100%;height:225px;object-fit:cover;border-radius:12px}.gallery>small{display:block;margin-top:8px;color:#777}.values{display:grid;grid-template-columns:repeat(4,1fr);background:#081117;color:white;padding:35px 5%;gap:25px}.values>div{display:flex;align-items:center;gap:15px}.values strong{color:#e3b9aa;font-size:38px}.values b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px}.values small{display:block;color:#c1c6c8;line-height:1.4;margin-top:4px}.visit{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:35px;max-width:1450px;margin:auto;padding:55px 4%;align-items:center}.visit h2{font-size:27px;margin:0 0 12px}.visit h3{font-size:26px;margin:0 0 10px}.visit p{line-height:1.5;color:#59606a}.visit .red-button{margin-top:18px}.map-tile{min-height:225px;background:linear-gradient(135deg,#e2e6e0,#f5eee6 55%,#d5ded7);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:13px;color:#172029;box-shadow:0 8px 22px #00000012;text-align:center;gap:12px}.map-tile span{font-size:40px}.map-tile small{color:#e51c38}.contact-wa{font-weight:800;color:#ef1837}.commercial-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#071016;color:white;padding:25px 5%}.commercial-footer>span{font-size:12px;color:#bec6c9}.commercial-footer>a{background:#f21c3a;color:white;border-radius:9px;padding:14px 20px;font-weight:800;font-size:13px}.floating-wa{position:fixed;right:18px;bottom:18px;background:#0ac85c;color:white;border-radius:50px;padding:13px 19px;box-shadow:0 6px 25px #0004;font-weight:800;z-index:4}@media(max-width:1100px){.commercial-nav nav{gap:12px}.service-cards{grid-template-columns:repeat(3,1fr)}.visit{gap:15px}}@media(max-width:700px){.commercial-nav{height:68px;padding:0 16px}.commercial-nav nav{display:none}.brand{font-size:19px}.brand-gear{font-size:35px}.nav-cta{font-size:10px;padding:12px}.commercial-hero{min-height:570px;background-position:61% center}.hero-shade{background:linear-gradient(90deg,#051016ed,#051016aa 75%,#05101655)}.hero-content{padding:75px 18px 28px}.commercial h1{font-size:clamp(53px,12vw,76px)}.hero-content>p{font-size:15px}.hero-buttons{flex-direction:column;align-items:stretch}.trust-row{gap:12px;font-size:10px}.commercial-services,.gallery{padding:35px 16px}.section-heading{display:block}.section-heading h2{font-size:37px}.service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card img{height:115px}.service-info{padding:17px 10px 12px}.service-info h3{font-size:19px}.service-info p{font-size:11px;min-height:70px}.roadside{grid-template-columns:1fr}.road-photo{min-height:200px}.road-copy{padding:25px 18px 35px}.road-buttons{flex-direction:column}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:145px}.gallery-grid img:last-child{display:none}.values{grid-template-columns:1fr 1fr;padding:25px 18px;gap:20px}.values strong{font-size:27px}.values b{font-size:18px}.visit{grid-template-columns:1fr;padding:35px 18px}.commercial-footer{flex-wrap:wrap;padding:22px 18px}.floating-wa span{display:none}}

.commercial-offers{max-width:1500px;margin:auto;padding:50px 4%;background:#fff}.offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.offer-card{border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #10101016;background:#f8f9fa}.offer-card img{width:100%;height:185px;object-fit:cover}.offer-info{padding:22px;display:grid;gap:12px}.offer-info h3{font-size:29px;margin:0}.offer-info p{color:#626975;margin:0}.offer-info strong{font-size:27px;color:#ec1737}.offer-info .green-button{width:max-content}.offer-label{background:#f41c3b;color:white;padding:7px 12px;border-radius:30px;width:max-content;font-size:11px;font-weight:900}@media(max-width:700px){.commercial-offers{padding:35px 16px}}



/* Servicios y fotografías: presentación nítida y sin cortes en teléfonos/tablets */
.commercial .service-icon{display:none!important}
.commercial .service-card{border:1px solid #e8eaf0;box-shadow:0 5px 22px rgba(16,23,32,.07);text-decoration:none}
.commercial .service-info{position:relative}
.commercial .service-info h3{margin:0 0 7px;line-height:1.1}
.commercial .consultar{font-size:12px;line-height:1.35;color:#c91d38;font-weight:800}
@media(max-width:1100px){
  .commercial .service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .commercial .service-card{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:stretch;min-height:147px;border-radius:17px}
  .commercial .service-card img{height:100%;min-height:147px;width:155px;display:block;object-fit:contain!important;object-position:center;background:#f1f3f6}
  .commercial .service-info{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:16px}
  .commercial .service-info p{min-height:0!important;margin:2px 0 12px;font-size:12px;line-height:1.45;color:#65707b}
  .commercial .service-info h3{font-size:23px!important;letter-spacing:.05px}
}
@media(max-width:740px){
  .commercial .commercial-services{padding:32px 15px 30px}
  .commercial .service-cards{grid-template-columns:1fr;gap:11px}
  .commercial .service-card{grid-template-columns:clamp(119px,34vw,145px) minmax(0,1fr);min-height:124px;border-radius:15px}
  .commercial .service-card img{width:100%;height:100%;min-height:124px;max-height:150px;object-fit:contain!important;object-position:center;background:#f0f1f4}
  .commercial .service-info{padding:13px 12px;gap:4px}
  .commercial .service-info h3{font-size:22px!important;margin:0 0 2px;line-height:1.05}
  .commercial .service-info p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.45;margin:0 0 4px}
  .commercial .consultar{font-size:11px;margin-top:auto}
  .commercial .section-heading{margin-bottom:16px}
  .commercial .section-heading h2{font-size:clamp(30px,8vw,38px)}
  .commercial .section-heading p{font-size:13px;line-height:1.5}
  .commercial .service-card:hover{transform:none}
  .commercial .gallery-grid img{object-fit:contain;background:#f0f2f5}
  .commercial .values strong{font-size:27px}
  .commercial .floating-wa{width:52px;height:52px;display:flex;align-items:center;justify-content:center;padding:0;right:14px;bottom:15px;font-size:17px;box-shadow:0 5px 18px #0004}
}

/* SERVICIOS: fotografías reales del archivo, encuadradas sin iconos ni duplicados */
.commercial .service-card{overflow:hidden;display:flex!important;flex-direction:column!important;min-height:0!important;background:#fff;border:1px solid #e6eaf0;border-radius:17px;box-shadow:0 8px 25px rgba(14,24,38,.055)}
.commercial .service-card img{display:block!important;width:100%!important;max-width:none!important;height:185px!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;background:#121822}
.commercial .service-info{flex:1;min-width:0;padding:19px 19px 20px;display:flex;flex-direction:column;justify-content:flex-start!important;gap:0}
.commercial .service-icon{display:none!important}
.commercial .service-info h3{font-size:clamp(21px,2vw,26px)!important;line-height:1.03!important;margin:0 0 10px!important}
.commercial .service-info p{margin:0 0 15px!important;font-size:13px!important;line-height:1.5!important;color:#68717b!important;min-height:0!important;overflow:visible!important;display:block!important}
.commercial .consultar{margin-top:auto;display:block;font-size:12px!important;color:#c51c37!important;font-weight:850}
@media(max-width:1100px){
 .commercial .service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
 .commercial .service-card img{height:190px!important}
}
@media(max-width:650px){
 .commercial .commercial-services{padding:29px 16px 36px}
 .commercial .service-cards{grid-template-columns:1fr!important;gap:14px}
 .commercial .service-card img{height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
 .commercial .service-info{padding:18px 19px 19px}
 .commercial .service-info h3{font-size:24px!important;margin:0 0 8px!important}
 .commercial .service-info p{font-size:13px!important;margin:0 0 13px!important}
 .commercial .floating-wa{width:51px;height:51px}
}

/* ===== AJUSTE FINAL · SERVICIOS LIMPIOS EN CELULAR Y TABLET ===== */
.commercial .service-icon{display:none!important}
.commercial .commercial-services{padding:40px 4% 48px}
.commercial .service-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.commercial .service-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  background:#fff!important;
  border:1px solid #e7ebf1!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(13,20,30,.06)!important;
  text-decoration:none!important;
  transform:none!important;
}
.commercial .service-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(13,20,30,.1)!important}
.commercial .service-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:220px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#eef1f5!important;
}
.commercial .service-info{
  flex:1!important;
  min-width:0!important;
  padding:18px 18px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:0!important;
}
.commercial .service-info h3{
  margin:0 0 8px!important;
  font-size:clamp(22px,2vw,28px)!important;
  line-height:1.02!important;
  letter-spacing:.2px!important;
}
.commercial .service-info p{
  margin:0 0 12px!important;
  color:#5f6874!important;
  font-size:14px!important;
  line-height:1.52!important;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
}
.commercial .consultar{
  margin-top:auto!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#d61f3c!important;
}
@media (max-width:1050px){
  .commercial .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .commercial .service-card img{max-height:205px!important}
}
@media (max-width:680px){
  .commercial .commercial-services{padding:28px 16px 34px!important}
  .commercial .section-heading{margin-bottom:16px!important}
  .commercial .section-heading h2{font-size:clamp(30px,8vw,38px)!important}
  .commercial .section-heading p{font-size:13px!important;line-height:1.45!important}
  .commercial .service-cards{grid-template-columns:1fr!important;gap:14px!important}
  .commercial .service-card{border-radius:16px!important}
  .commercial .service-card:hover{transform:none!important;box-shadow:0 10px 24px rgba(13,20,30,.07)!important}
  .commercial .service-card img{
    max-height:200px!important;
    aspect-ratio:16/9!important;
  }
  .commercial .service-info{padding:16px 16px 18px!important}
  .commercial .service-info h3{font-size:24px!important}
  .commercial .service-info p{font-size:13px!important;margin-bottom:10px!important}
  .commercial .floating-wa{width:52px;height:52px;display:flex;align-items:center;justify-content:center;padding:0!important}
}


/* Corrección definitiva: ofertas sin collages y galería de dos fotos idénticas en formato */
.commercial .offer-card{overflow:hidden;border:1px solid #e8eaf0;border-radius:16px;box-shadow:0 8px 26px rgba(18,24,32,.07)}
.commercial .offer-card>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#eef1f5}
.commercial .offer-info{padding:18px 20px;gap:10px}
.commercial .offers-grid{gap:14px}
.commercial .gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1020px;margin:0 auto;align-items:start}
.commercial .gallery-grid img,.commercial .gallery-grid img:last-child{display:block!important;width:100%;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;border-radius:13px;background:#eff1f5;box-shadow:0 7px 20px rgba(15,20,30,.07)}
@media(max-width:700px){
  .commercial .commercial-offers{padding:30px 16px}
  .commercial .offers-grid{grid-template-columns:1fr;gap:12px}
  .commercial .offer-card>img{height:auto;aspect-ratio:16/9;max-height:205px}
  .commercial .offer-info{padding:16px 17px 18px;gap:9px}
  .commercial .offer-info h3{font-size:26px}
  .commercial .gallery{padding:30px 16px}
  .commercial .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:100%}
  .commercial .gallery-grid img,.commercial .gallery-grid img:last-child{height:auto!important;aspect-ratio:16/9!important;border-radius:10px}
}

/* MOTO MASTER · NUEVA IDENTIDAD VISUAL: azul medianoche + bronce suave, sin rojo. */
.commercial{color:#203044;background:#f6f7f9;font-family:'DM Sans','Inter',Arial,sans-serif}
.commercial .commercial-nav{background:#132338;border-bottom:1px solid #ffffff17}
.commercial .brand-gear{display:none}
.commercial .brand{letter-spacing:.015em;font-family:'Manrope',Arial,sans-serif;font-weight:900;gap:7px}
.commercial .brand b,.commercial .commercial-nav nav a:hover{color:#d7b180}
.commercial .nav-cta,.commercial .red-button,.commercial .commercial-footer>a{background:#d0a66e;color:#132338;border-radius:9px}
.commercial .commercial-hero{background-image:url('moto_cinematica.webp');min-height:545px}
.commercial .hero-shade{background:linear-gradient(90deg,rgba(14,28,44,.95) 0%,rgba(16,30,46,.83) 38%,rgba(15,29,44,.12) 100%)}
.commercial h1,.commercial h2,.commercial h3{font-family:'Manrope','Arial',sans-serif;letter-spacing:-.052em}
.commercial h1{font-size:clamp(49px,6.1vw,86px);line-height:1.02}
.commercial h1 em,.commercial h2 em{color:#d8b17e}
.commercial .green-button{background:#d6ae78;color:#162b41;border-radius:9px}
.commercial .outline-button{border-color:#f2f5f7ad;background:#1627396b}
.commercial .consultar{color:#926a3f!important}
.commercial .service-info h3{font-size:clamp(18px,2vw,24px)!important;letter-spacing:-.04em}
.commercial .commercial-offers{background:#fff}
.commercial .offer-label,.commercial .red-pill{background:#d6ae78;color:#1b2c41}
.commercial .offer-info strong{color:#253d54}
.commercial .roadside,.commercial .values,.commercial .commercial-footer{background:#14253a}
.commercial .values strong{color:#d8b17e}
.commercial .contact-wa,.commercial .map-tile small{color:#926a3f}
.commercial .floating-wa{background:#d6ae78;color:#14273b}
.commercial .section-heading h2{color:#1e3248;font-size:clamp(30px,3.5vw,44px)}
.commercial .offer-card,.commercial .service-card{box-shadow:0 7px 23px #182b4112!important}
@media(max-width:700px){.commercial .commercial-hero{min-height:510px;background-position:61% center}.commercial .hero-shade{background:linear-gradient(90deg,#14273af0,#14273a8c)}.commercial h1{font-size:clamp(44px,11vw,66px)}.commercial .nav-cta{font-size:10px}}

/* V20: QR público compacto y responsive */
.public-qr{max-width:1180px;margin:40px auto;padding:28px 34px;background:#f4f6f9;color:#142336;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box}
.public-qr-copy{flex:1;min-width:0}.public-qr h2{font-size:clamp(24px,3vw,37px);line-height:1.15;margin:8px 0 12px;color:#142336}.public-qr p{font-size:15px;line-height:1.6;max-width:590px;color:#45556d;margin:0 0 17px}.public-qr small{display:block;line-height:1.5;color:#64758a;margin-top:14px}.qr-kicker{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#9b723b}.public-qr-actions{display:flex;flex-wrap:wrap;gap:10px}.qr-download,.qr-share{background:#142336;color:#fff;border:1px solid #142336;border-radius:10px;padding:12px 18px;font:700 13px inherit;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.qr-share{background:transparent;color:#142336}.public-qr-image{display:block;flex:0 0 210px;background:white;padding:10px;border-radius:16px;box-shadow:0 4px 16px #14233614}.public-qr-image img{display:block;width:100%;height:auto;image-rendering:pixelated}
@media(max-width:720px){.public-qr{margin:24px 16px;padding:24px 20px;flex-direction:column;align-items:stretch}.public-qr-image{flex:initial;max-width:210px;align-self:center;width:100%}.public-qr-actions>*{flex:1 1 145px}}

/* V27: icon-only links in public web; QR remains exclusively in admin */
.moto-social-icons{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.moto-social-icons a{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;background:rgba(255,255,255,.08);transition:transform .2s,background .2s;box-sizing:border-box}.moto-social-icons a:hover{transform:translateY(-2px);background:rgba(255,255,255,.18)}.moto-social-icons svg{width:22px;height:22px;display:block}@media(max-width:600px){.moto-social-icons{margin:12px 0}}