/* ===== V26 ===== */

/* Home hero photo: drop it lower so the technician's head clears the navigation,
   blend the top edge into the page, and brighten ~5%. */
.v26-hero-img{
  object-position:70% 0% !important;
  transform:translateY(clamp(56px,11vh,130px));
  filter:brightness(1.05);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 16%);
}
@media (min-width:768px){ .v26-hero-img{object-position:center 0% !important} }

/* Header logo: tightly-cropped file shown larger, header height unchanged. */
img.v26-logo{height:30px !important;width:auto;margin:17px 0;box-sizing:content-box}
@media (min-width:768px){ img.v26-logo{height:40px !important;margin:20px 0} }

/* Jose: show the whole cut-out and let the waist dissolve into the page with a soft glow behind. */
.v26-jose{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:460px;overflow:visible!important;
  background:radial-gradient(ellipse 60% 55% at 50% 58%,rgba(56,189,248,.22),rgba(56,189,248,.06) 55%,transparent 75%)}
.v26-jose::after{content:"";position:absolute;left:12%;right:12%;bottom:4%;height:14%;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(56,189,248,.18),transparent 70%);filter:blur(6px);pointer-events:none}
.v26-jose img{position:relative;z-index:1;width:auto!important;height:100%!important;max-height:620px;max-width:100%;object-fit:contain!important;object-position:center bottom!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent 98%);
          mask-image:linear-gradient(to bottom,#000 74%,transparent 98%)}

/* Brands: continuous marquee */
.v26-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.v26-track{display:flex;width:max-content;animation:v26-scroll 32s linear infinite}
.v26-marquee:hover .v26-track{animation-play-state:paused}
.v26-track > div{flex:0 0 auto;padding:0 2.75rem;white-space:nowrap;position:relative}
.v26-track > div::after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:rgba(239,68,68,.55);transform:translateY(-50%)}
@keyframes v26-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Service-area panel (replaces the map) */
.v26-area-card{position:relative;aspect-ratio:16/10;border-radius:1rem;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 25px 50px -12px rgba(0,0,0,.6)}
.v26-area-card > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.v26-area-card .v26-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,21,.95) 0%,rgba(7,11,21,.55) 38%,rgba(7,11,21,0) 65%)}
.v26-area-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;background:rgba(7,11,21,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 14px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#fff}
.v26-area-badge i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.2)}
.v26-area-stats{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.1)}
.v26-area-stats > div{background:rgba(7,11,21,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 12px;text-align:center}
.v26-area-stats b{display:block;font-size:clamp(18px,2.2vw,28px);font-weight:900;color:#fff;line-height:1}
.v26-area-stats b em{font-style:normal;color:#facc15}
.v26-area-stats span{display:block;margin-top:6px;font-size:10px;font-weight:800;letter-spacing:.16em;color:rgba(255,255,255,.65);text-transform:uppercase}
.v26-chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;max-width:30rem}
.v26-chips a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:rgba(255,255,255,.85);background:#0f1524;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 12px;transition:border-color .2s,color .2s}
.v26-chips a:hover{border-color:rgba(239,68,68,.6);color:#fff}
.v26-chips a svg{width:12px;height:12px;color:#ef4444}
.v26-chips a.v26-more{color:#f87171;border-color:rgba(239,68,68,.35)}

@media (prefers-reduced-motion:reduce){ .v26-track{animation:none} }
@media (max-width:640px){
  .v26-area-card{aspect-ratio:4/5}
  .v26-area-badge{font-size:10px;letter-spacing:.1em}
}