*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f5f5f5;font-family:Arial,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}header{height:76px;position:sticky;top:0;z-index:10;background:#080808f5;border-bottom:1px solid #222;display:flex;align-items:center;padding:0 5vw;gap:25px}.logo{font-size:24px;font-weight:900}.logo b{display:block;color:#e31a1a;letter-spacing:3px;font-size:17px}nav{margin-left:auto;display:flex;gap:20px;text-transform:uppercase;font-size:13px;font-weight:bold}#menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:28px}section{padding:80px 6vw}.alt{background:#111}.hero{min-height:75vh;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.hero small,.title small{color:#e31a1a;letter-spacing:2px;font-weight:bold}.hero h1{font-size:80px;line-height:.9;margin:12px 0}.hero h1 span{display:block;color:#e31a1a}.hero img{width:100%;height:570px;object-fit:cover;object-position:center 15%;border-radius:16px}.wa,.red{display:inline-block;padding:15px 23px;border-radius:8px;font-weight:900;margin-top:15px}.wa{background:#20c654}.red{background:#e31a1a}.title{text-align:center;margin:0 auto 35px;max-width:800px}.title.left{text-align:left;margin-left:0}.title h2{font-size:44px;line-height:1.05;margin:7px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1250px;margin:auto}.grid article{background:#151515;border:1px solid #292929;border-radius:14px;padding:23px;min-height:175px}.grid article i{font-style:normal;font-size:25px;background:#d71920;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.grid p{color:#bbb}.values{grid-template-columns:repeat(3,1fr)}.commit{border-color:#d71920!important}.commit p{font-size:23px;color:white;font-weight:bold}.brands{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;max-width:1100px;margin:auto}.brands div{min-height:105px;background:#f4f4f4;color:#111;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;text-align:center;padding:10px;box-shadow:0 7px 20px #0005}.brands div:nth-child(1){font-size:27px}.brands div:nth-child(2){font-style:italic}.brands div:nth-child(8),.brands div:nth-child(9){letter-spacing:2px}.video{width:min(720px,82vw);margin:0 auto 28px}.video video{display:block;width:100%;aspect-ratio:16/9;max-height:55vh;object-fit:contain;background:#000;border-radius:15px}.gallery{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{width:100%;height:270px;object-fit:cover;border-radius:12px}.location{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.location>img{width:100%;height:420px;object-fit:cover;border-radius:15px}.center{text-align:center}.float{position:fixed;right:20px;bottom:20px;background:#20c654;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900}@media(max-width:900px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:#090909;padding:20px;flex-direction:column}nav.open{display:flex}#menu{display:block}.hero,.location{grid-template-columns:1fr}.hero img{order:-1;height:430px}.grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:1fr}.brands{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){section{padding:55px 20px}.hero h1{font-size:55px}.grid{grid-template-columns:1fr}.brands{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:170px}.video{width:100%}.title h2{font-size:34px}}
/* V3 professional service iconography */
.services article i.pro-icon{background:transparent;width:62px;height:62px;border-radius:0;margin-bottom:10px}
.pro-icon svg{width:58px;height:58px;fill:none;stroke:#e31a1a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* V3 brand area inspired by approved visual reference */
.logo-brands{grid-template-columns:repeat(6,1fr);align-items:center}
.logo-brands .brand{background:transparent;color:#fff;box-shadow:none;min-height:105px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;text-align:center}
.brand strong,.brand span{font-family:Arial,sans-serif;font-weight:900}
.brand.mobil span{font-size:30px;color:#2871b8}.brand.mobil b{font-size:31px;background:#111;color:#fff;padding:0 6px}
.castrol-dot{width:38px;height:38px;border-radius:50%;background:#168a4c;color:#fff;display:grid;place-items:center}.castrol strong{font-size:24px;color:#e33131;font-style:italic}
.val-v{font-size:43px;line-height:1;color:#e52b31;text-shadow:10px 0 #24a5d8}.valvoline{flex-direction:column}.valvoline strong{font-size:15px}
.gulf-ring{width:72px;height:72px;border-radius:50%;border:6px solid #ef7622;background:#fff;color:#174b87;display:grid;place-items:center;font-size:21px}
.shell{flex-direction:column}.shell-icon{font-size:46px;line-height:.8;color:#ffd11a;text-shadow:0 0 0 #e51c23}.shell strong{color:#e51c23;font-size:20px}
.lth strong{font-size:35px;color:#df2029;font-style:italic}
.quaker{gap:2px}.q-swoosh{font-size:55px;color:#d7a526;font-style:italic}.quaker strong{font-size:15px;line-height:.9}
.ignix{flex-direction:column}.ignix strong{font-size:30px;font-style:italic}.ignix small{font-size:8px}
.unifil{flex-direction:column;border:3px solid #df2228!important;padding:6px!important}.unifil strong{font-size:25px}.unifil small{letter-spacing:4px}
.motorcraft strong{font-size:22px;font-style:italic;color:#e22b31}
.acdelco strong{font-size:25px;font-style:italic}.acdelco strong:after{content:"";display:block;border-bottom:4px solid #e1252d;margin-top:2px}
@media(max-width:900px){.logo-brands{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.logo-brands{grid-template-columns:repeat(2,1fr)}}

/* V4 – approved visual direction */
.services article{position:relative;background:linear-gradient(145deg,#101010,#070707);border-color:#2b2b2b}
.services article .check{position:absolute;left:15px;top:15px;width:25px;height:25px;border:2px solid #e31a1a;border-radius:50%;display:grid;place-items:center;color:#e31a1a;font-weight:900;font-size:14px}
.services article .pro-icon{margin-left:auto;margin-right:3px;width:70px;height:70px}
.services article .pro-icon svg{width:66px;height:66px;stroke:#ef1b24;stroke-width:2.6}
.services article h3{margin-top:-54px;padding-left:30px;max-width:72%}
.services article p{padding-left:30px;max-width:75%}

.approved-brands{grid-template-columns:repeat(6,1fr);gap:10px}
.approved-brands .brand{background:#080808!important;border:1px solid #292929!important;border-radius:8px!important;min-height:92px!important;box-shadow:none!important}
.approved-brands .mobil span{color:#1570b9}.approved-brands .mobil span::first-letter{color:#1570b9}
.approved-brands .castrol strong{color:#e72b2f}
.approved-brands .valvoline .val-v{font-size:46px}
.approved-brands .gulf .gulf-ring{background:#fff}
.approved-brands .shell .shell-icon{color:#ffd21a;font-size:48px}
.approved-brands .lth strong{color:#df252d;font-size:36px}
.approved-brands .ignix strong{font-size:29px}
.approved-brands .unifil{background:#111!important;border:2px solid #e5222a!important}
.approved-brands .motorcraft strong{background:#e5272e;color:#fff;padding:6px 8px;font-style:normal}
.approved-brands .acdelco strong{font-size:24px}
@media(max-width:900px){.approved-brands{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.services article h3,.services article p{padding-left:0;max-width:70%}.approved-brands{grid-template-columns:repeat(2,1fr)}}

/* V5 additions */
.accessories-section{padding-top:72px;padding-bottom:72px}
.accessory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.accessory-grid article{border:1px solid #2b2b2b;background:linear-gradient(145deg,#101010,#070707);border-radius:12px;padding:24px;min-height:170px}
.accessory-grid h3{margin:12px 0 8px;color:#fff}
.accessory-grid p{color:#c9c9c9;line-height:1.45}
.accessory-icon{width:54px;height:54px;border:2px solid #e31a1a;color:#e31a1a;border-radius:10px;display:grid;place-items:center;font-weight:900}
.led-service{grid-column:1/-1!important}
.approved-brands .evolum strong{font-style:italic;font-size:27px;letter-spacing:1px;color:#fff}
.approved-brands .evolum small{display:block;color:#ddd;letter-spacing:3px;font-size:8px}
.approved-brands .ngk .ngk-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e31a1a;color:#fff;border:3px solid #fff;font-weight:900;font-size:16px}
.approved-brands .ngk small{display:block;margin-top:4px;color:#fff;font-size:8px}
@media(max-width:900px){.accessory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.accessory-grid{grid-template-columns:1fr}}

/* V6: exact visual assets cropped from the approved reference image */
.services article{position:relative}
.service-icon-img{
  width:92px;
  height:66px;
  object-fit:contain;
  float:right;
  margin:-4px 0 10px 18px;
  background:#080808;
}
.services article h3{margin-top:6px!important;padding-left:0!important;max-width:none!important}
.services article p{padding-left:0!important;max-width:none!important}
.led-service .service-icon-img{width:100px;height:70px}

.exact-brands{
  display:grid!important;
  grid-template-columns:repeat(7,1fr)!important;
  gap:10px!important;
  max-width:1460px!important;
}
.brand-image-card{
  min-height:78px!important;
  background:#080808!important;
  border:1px solid #292929!important;
  border-radius:8px!important;
  padding:0!important;
  overflow:hidden;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.brand-image-card img{
  width:100%;
  height:76px;
  object-fit:cover;
  display:block;
}
@media(max-width:1000px){
  .exact-brands{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:600px){
  .exact-brands{grid-template-columns:repeat(2,1fr)!important}
  .service-icon-img{width:78px;height:58px}
}


/* =========================
   V8 — hierarchy refinement
   ========================= */
.brands-section{
  padding:88px 5vw 92px;
  background:
    radial-gradient(circle at 50% 10%,rgba(210,20,20,.12),transparent 38%),
    #0a0a0a;
  border-top:1px solid #2b1111;
  border-bottom:1px solid #2b1111;
}
.brands-section .title{max-width:900px;margin-bottom:38px}
.brands-section .title h2{font-size:clamp(38px,4.8vw,62px)}
.brands-section .title p{color:#bcbcbc;margin-top:8px}

.brand-wall{
  max-width:1420px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.exact-brand-card{
  height:145px;
  border:1px solid #333;
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.30);
}
.exact-brand-card img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.exact-brand-card.featured-brand{
  grid-column:span 2;
  height:170px;
  border:2px solid #d81920;
  box-shadow:0 0 0 1px rgba(216,25,32,.12),0 18px 36px rgba(0,0,0,.35);
}

/* Services remain one of the strongest areas */
.services{max-width:1380px}
.services article{min-height:190px}
.service-photo-icon{
  width:94px;
  height:72px;
  object-fit:contain;
  float:right;
  margin:0 0 8px 16px;
  border-radius:8px;
  background:#111;
}
.led-feature{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);
  min-height:180px!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid #4b1717!important;
}
.led-feature img{width:100%;height:100%;min-height:250px;object-fit:cover;object-position:center}
.led-feature div{padding:42px 44px;display:flex;flex-direction:column;justify-content:center}
.led-feature small{color:#e31a1a;font-weight:900;letter-spacing:1.5px}
.led-feature h3{font-size:32px;line-height:1.15;margin:8px 0 16px!important}.led-feature h3 strong{color:#e31a1a}
.led-feature p{padding:0!important;max-width:none!important}

/* Accessories deliberately become a secondary compact strip */
.accessories-compact{
  padding:38px 5vw 46px;
  background:#0d0d0d;
  display:grid;
  grid-template-columns:220px 1fr;
  gap:22px;
  align-items:center;
  border-bottom:1px solid #242424;
}
.accessories-label small{
  color:#e31a1a;
  font-size:11px;
  letter-spacing:1.4px;
  font-weight:800;
}
.accessories-label h2{
  margin:3px 0 5px;
  font-size:30px;
}
.accessories-label p{
  margin:0;
  color:#999;
  font-size:13px;
}
.accessory-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.accessory-strip article{
  position:relative;
  height:118px;
  overflow:hidden;
  border-radius:8px;
  border:1px solid #2c2c2c;
  background:#111;
}
.accessory-strip img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.78;
}
.accessory-strip span{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:7px 6px;
  background:linear-gradient(transparent,rgba(0,0,0,.94));
  text-align:center;
  font-size:12px;
  font-weight:800;
}

@media(max-width:1050px){
  .brand-wall{grid-template-columns:repeat(3,1fr)}
  .accessories-compact{grid-template-columns:1fr}
  .accessory-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  .brand-wall{grid-template-columns:repeat(2,1fr)}
  .exact-brand-card{height:115px}
  .exact-brand-card.featured-brand{grid-column:span 2;height:135px}
  .accessory-strip{grid-template-columns:repeat(2,1fr)}
  .led-feature{grid-template-columns:1fr}
  .led-feature img{height:190px}
}


/* V17 — portada visual aprobada, insertada SIN recortar ni reinterpretar */
.hero.hero-v17{
  display:block;
  padding:0;
  min-height:0;
  overflow:hidden;
  background:#050505;
  border-radius:0;
}
.hero.hero-v17 .hero-v17-approved{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  border-radius:0;
}

/* Evita que reglas anteriores del hero alteren la imagen aprobada */
.hero.hero-v17 > img{
  width:100%;
  height:auto;
  object-fit:contain;
}

@media(max-width:900px){
  .hero.hero-v17{
    display:block;
    padding:0;
  }
  .hero.hero-v17 .hero-v17-approved{
    width:100%;
    height:auto;
  }
}

/* V18 corregida: la portada aprobada se conserva; solo se hace funcional su WhatsApp */
.hero.hero-v17{position:relative;}
.hero-wa-link{position:absolute;left:6.5%;bottom:1.5%;width:28%;height:15%;z-index:5;display:block;cursor:pointer;}
@media(max-width:700px){.hero-wa-link{left:5.5%;bottom:1%;width:31%;height:17%;}}
/* V19: portada aprobada definitiva. Sin logotipo duplicado en esquina superior izquierda. */
.header-v19{justify-content:flex-end}
.header-v19 nav{margin-left:auto}


/* V20 - sección Nuestros Servicios aprobada */
.services-v20{padding:34px 1.7vw 30px;background:#050505;color:#fff}
.services-v20-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 16px;max-width:1480px}
.services-v20-title:before,.services-v20-title:after{content:"";height:1px;background:#8e1010;flex:1}
.services-v20-title span{font-size:26px}.services-v20-title h2{font-size:30px;margin:0;font-weight:900}
.services-v20-grid{max-width:1480px;margin:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:7px}
.services-v20-grid article{min-width:0;border:1px solid #292929;border-radius:9px;overflow:hidden;background:#090909}
.svc-img{height:180px;display:flex;align-items:center;justify-content:center;background:#090909;overflow:hidden}
.svc-img img{width:100%;height:100%;object-fit:cover}.services-v20-grid article:nth-child(2) .svc-img img,.services-v20-grid article:nth-child(3) .svc-img img,.services-v20-grid article:nth-child(6) .svc-img img{object-fit:contain;padding:24px}
.svc-red{background:linear-gradient(#a80d0d,#8e0808);min-height:88px;text-align:center;padding:14px 6px 10px}.svc-red h3{font-size:18px;margin:0 0 4px;line-height:1.15}.svc-red p{font-size:16px;margin:0;line-height:1.15}
.services-v20-benefits{max-width:1480px;margin:20px auto 28px;padding:14px 0;border-top:1px solid #242424;border-bottom:1px solid #242424;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:19px}.services-v20-benefits span+span{border-left:1px solid #333}.services-v20-benefits span::first-letter{color:#e31a1a}
.led-v20{max-width:1480px;margin:auto;border:1px solid #4b1717;border-radius:14px;padding:16px;display:grid;grid-template-columns:360px 1fr 360px;gap:36px;align-items:center;background:#060606;overflow:hidden}
.led-v20>img{width:100%;height:250px;object-fit:cover;border-radius:8px}.led-v20-copy{padding:10px 0}.led-v20-copy small{color:#e31a1a;font-weight:900;letter-spacing:1px;font-size:18px}.led-v20-copy h3{font-size:34px;line-height:1.2;margin:16px 0 22px}.led-v20-copy strong{color:#e31a1a}.led-v20-copy p{font-size:19px;line-height:1.4;margin:0}
@media(max-width:1100px){.services-v20-grid{grid-template-columns:repeat(4,1fr)}.led-v20{grid-template-columns:260px 1fr 260px;gap:20px}.led-v20>img{height:210px}}
@media(max-width:700px){.services-v20-grid{grid-template-columns:repeat(2,1fr)}.services-v20-benefits{grid-template-columns:1fr;gap:10px}.services-v20-benefits span+span{border-left:0}.led-v20{grid-template-columns:1fr}.led-v20>img{height:220px}.led-v20-copy{text-align:center}.services-v20-title h2{font-size:24px}}

/* V21: corrige únicamente el punto de llegada del menú Accesorios bajo el header fijo */
#accesorios{scroll-margin-top:76px;}


/* V22 — UNIFIL + PROFILTER en tarjetas normales, juntas */
.brand-wall .exact-brand-card:has(img[src*="brand_exact_unifil"]),
.brand-wall .exact-brand-card:has(img[src*="brand_exact_profilter"]){
  grid-column:span 1 !important;
  height:145px !important;
  border:1px solid #333 !important;
}


/* V23 — ajuste exclusivo del ancla SERVICIOS */
#servicios{
  scroll-margin-top: 160px;
}

/* V26 — ajuste exclusivo del ancla INICIO */
#inicio{scroll-margin-top:76px;}

/* V27 — Tu Bitácora + icono flotante WhatsApp */
#bitacora{scroll-margin-top:110px}
.bitacora-section{padding:58px 5%;background:radial-gradient(circle at 50% 25%,#181818 0,#080808 58%,#050505 100%);border-top:1px solid #5a0b0b;border-bottom:1px solid #5a0b0b}
.bitacora-title{text-align:center;max-width:1050px;margin:0 auto 24px}
.bitacora-title small,.bitacora-copy small{color:#ef1b1b;font-weight:900;letter-spacing:2px}
.bitacora-title h2{font-size:clamp(30px,4vw,58px);margin:8px 0;color:#fff;font-style:italic}
.bitacora-title h3{font-size:clamp(20px,2vw,30px);margin:4px 0 12px;color:#ef1b1b;font-style:italic}
.bitacora-title p{max-width:850px;margin:auto;color:#ddd;font-size:18px;line-height:1.5}
.bitacora-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1200px;margin:28px auto;color:#fff;text-align:center;font-weight:700}
.bitacora-benefits span{padding:14px 8px;border-right:1px solid #555}.bitacora-benefits span:last-child{border-right:0}
.bitacora-demo{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:34px;align-items:center;padding:18px;border:1px solid #8b1717;border-radius:18px;background:#0a0a0a}
.bitacora-demo>img{width:100%;display:block;border-radius:14px;background:#fff}
.bitacora-copy{padding:18px;color:#fff}.bitacora-copy h3{font-size:30px;margin:10px 0}.bitacora-copy p{color:#ddd;font-size:18px;line-height:1.5}
.bitacora-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.bitacora-mini span{border:1px solid #6d1111;border-radius:999px;padding:8px 12px;font-size:14px}
.float svg{width:31px;height:31px;display:block;color:#fff}
@media(max-width:900px){.bitacora-benefits{grid-template-columns:1fr 1fr}.bitacora-benefits span{border-right:0}.bitacora-demo{grid-template-columns:1fr}.bitacora-copy{text-align:center}}

/* V28 — compactar TU BITÁCORA completa, sin recortar la imagen original */
#bitacora{scroll-margin-top:78px}
.bitacora-section{padding:22px 5% 26px}
.bitacora-title{max-width:980px;margin:0 auto 10px}
.bitacora-title h2{font-size:clamp(28px,3vw,44px);margin:4px 0}
.bitacora-title h3{font-size:clamp(18px,1.7vw,24px);margin:2px 0 6px}
.bitacora-title p{font-size:15px;line-height:1.3;max-width:760px}
.bitacora-benefits{max-width:1000px;gap:6px;margin:12px auto;font-size:14px}
.bitacora-benefits span{padding:7px 6px}
.bitacora-demo{max-width:940px;grid-template-columns:minmax(0,1.55fr) minmax(220px,.65fr);gap:18px;padding:12px;border-radius:15px}
.bitacora-demo>img{width:100%;height:auto;object-fit:contain;border-radius:10px}
.bitacora-copy{padding:8px 10px}.bitacora-copy h3{font-size:22px;margin:6px 0}.bitacora-copy p{font-size:14px;line-height:1.3;margin:6px 0}
.bitacora-mini{gap:5px;margin-top:10px}.bitacora-mini span{padding:5px 8px;font-size:12px}
@media (min-width:901px) and (max-height:850px){
  .bitacora-section{padding-top:14px;padding-bottom:18px}
  .bitacora-title h2{font-size:36px}
  .bitacora-title h3{font-size:20px}
  .bitacora-title p{font-size:14px}
  .bitacora-benefits{margin:8px auto;font-size:13px}
  .bitacora-demo{max-width:860px;gap:14px;padding:10px}
  .bitacora-copy h3{font-size:20px}.bitacora-copy p{font-size:13px}
}

/* V29 — ACCESORIOS aterriza mostrando Servicio Especial + accesorios en la misma vista */
#accesorios{scroll-margin-top:76px;}

/* V30 — contacto engloba ubicación; aterrizaje más arriba */
#contacto{scroll-margin-top:120px;}


/* =========================================================
   V31 — CONTACTO compacto
   Objetivo: mostrar ubicación + foto real + mapa + contacto
   en una sola vista al pulsar CONTACTO, sin alterar otras secciones.
   ========================================================= */

/* El ancla aterriza un poco antes del bloque para aprovechar la pantalla. */
#contacto{
  scroll-margin-top: 92px !important;
}

/* Compactar exclusivamente la zona final que contiene ubicación/contacto. */
#ubicacion{
  padding-top: 22px !important;
  padding-bottom: 14px !important;
}
#contacto{
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}

/* Reducir espacios verticales internos sin tocar imágenes ni contenido. */
#ubicacion h2, #ubicacion h3,
#contacto h2, #contacto h3{
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}
#ubicacion p, #contacto p{
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

/* La fotografía REAL se conserva: solo cambia su tamaño visual. */
#ubicacion img{
  max-height: 245px !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Si el mapa está embebido, mantenerlo compacto en la columna izquierda. */
#ubicacion iframe{
  max-height: 205px !important;
}

/* Contacto ligeramente desplazado hacia la derecha en escritorio. */
@media (min-width: 900px){
  #contacto .container,
  #contacto .content,
  #contacto .contact-content{
    transform: translateX(7%);
    max-width: 78%;
  }
}

/* En pantallas chicas se anula el desplazamiento. */
@media (max-width: 899px){
  #contacto .container,
  #contacto .content,
  #contacto .contact-content{
    transform: none;
    max-width: 100%;
  }
}


/* =========================================================
   V32 — CONTACTO aprobado
   Foto REAL intacta, mapita visible y contacto a la derecha.
   ========================================================= */

#contacto.contact-v32{
  scroll-margin-top: 78px !important;
  padding: 22px 3% 18px !important;
  background: #070707;
}

.contact-v32-top,
.contact-v32-bottom{
  display:grid;
  grid-template-columns: 28% 72%;
  gap: 28px;
  align-items:center;
}

.contact-v32-top{
  margin-bottom: 18px;
}

.contact-v32-location{
  padding-left: 10px;
}

.contact-v32-location .title{
  margin-bottom: 10px;
}

.contact-v32-location .title h2{
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.05;
  margin: 4px 0 14px !important;
}

.contact-v32-location p{
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 18px !important;
}

.contact-v32-location .red{
  display:inline-block;
  padding: 15px 22px;
}

.contact-v32-photo{
  overflow:hidden;
  border-radius:16px;
}

.contact-v32-photo img{
  width:100%;
  height:245px;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:16px;
}

.contact-v32-bottom{
  grid-template-columns: 35% 65%;
  align-items:center;
}

.contact-v32-map{
  overflow:hidden;
  border-radius:14px;
  min-height:220px;
}

.contact-v32-map iframe{
  width:100%;
  height:220px;
  border:0;
  display:block;
}

.contact-v32-info{
  padding-left: 5%;
  padding-right: 2%;
  text-align:center;
}

.contact-v32-info .title h2{
  font-size: clamp(34px, 3.6vw, 54px);
  margin: 4px 0 14px !important;
}

.contact-v32-hours{
  font-size: 17px;
  white-space: nowrap;
  margin-bottom: 18px !important;
}

.contact-v32-hours span{
  padding: 0 14px;
  color:#e11;
}

.contact-v32-info .wa{
  display:inline-block;
  padding: 15px 28px;
  font-size:18px;
}

@media (max-width: 900px){
  .contact-v32-top,
  .contact-v32-bottom{
    grid-template-columns:1fr;
  }
  .contact-v32-photo img{
    height:auto;
  }
  .contact-v32-info{
    padding:0;
  }
  .contact-v32-hours{
    white-space:normal;
  }
  .contact-v32-hours span{
    display:none;
  }
}

/* Posicionamiento local V32 SEO: texto visible, sin modificar la portada aprobada */
.local-seo-intro{background:#070707;text-align:center;padding:20px 22px 16px;border-bottom:1px solid #2a1010}
.local-seo-intro h1{font-size:clamp(19px,2.25vw,30px);line-height:1.3;font-weight:850;margin:0 auto 6px;max-width:1050px;color:#f7f7f7}
.local-seo-intro h1 strong{color:#f13636}
.local-seo-intro p{margin:0 auto;max-width:950px;color:#bababa;font-size:clamp(12px,1.2vw,15px)}
.service-detail-link{display:block;padding:7px 3px 10px;font-size:12px;font-weight:bold;color:#fff;text-decoration:underline;text-underline-offset:3px;text-align:center}
.service-detail-link:hover,.service-detail-link:focus-visible{color:#ffd1d1}
.site-footer{background:#080808;border-top:1px solid #392020;text-align:center;color:#bbb;font-size:13px;padding:25px 15px 32px}
.site-footer p{margin:3px auto}.site-footer b{color:white}.site-footer a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){.local-seo-intro{padding:17px 15px}.local-seo-intro h1{font-size:20px}.local-seo-intro p{font-size:12px}}