/* Encabezado y pie compartidos por todas las páginas. */
header{border-bottom:0}
/* El menú indica la página con color, sin la franja inferior. */
header nav a,header .services-toggle{transition:color .2s ease}
header nav a::after{content:none;display:none}
header nav a:hover,header nav a:focus-visible,header nav a[aria-current="page"],header .services-toggle:hover,header .services-toggle:focus-visible,header .services-toggle[data-active="true"]{color:var(--red)}
header>.brand{margin-left:24px}
footer{background:#17191c;color:#fff}
footer p,footer .footer-bottom{color:#e2e3e5}
footer .footer-top p{color:#fff}
footer .footer-bottom{border-color:#ffffff26}
footer .brand{width:190px;padding:12px;background:#fff;border-radius:14px}
footer .brand img{width:100%;height:auto;object-fit:contain}
@media(max-width:700px){header>.brand{margin-left:10px}}
.services-menu{position:relative}
.services-toggle{display:flex;align-items:center;gap:8px;padding:33px 0;border:0;background:none;color:inherit;font:700 13px Manrope,Arial,sans-serif;cursor:pointer}
.services-toggle[data-active=true]{color:var(--red)}
.services-submenu{display:none;position:absolute;top:100%;left:-20px;min-width:235px;padding:10px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px #0002;z-index:60}
.services-menu.is-open .services-submenu{display:block}
nav .services-submenu a{display:block;padding:12px 14px;border-radius:8px;white-space:nowrap}
nav .services-submenu a:after{display:none}
nav .services-submenu a:hover,nav .services-submenu a:focus-visible{background:#f3f3f3;color:var(--red)}
@media(max-width:700px){.services-toggle{padding:15px 0;width:100%;justify-content:space-between}.services-submenu{position:static;min-width:0;margin-bottom:10px;box-shadow:none}}
/* Misma amplitud para las transiciones entre fondos del sitio. */
:root{--section-fade:clamp(90px,9vw,145px);--vego-beige:#eee5d6}
main #rescates .rescue-service-photo{display:block;width:100%;max-width:960px;margin:32px auto 0;border-radius:20px;color:var(--ink)}
main #rescates .rescue-service-photo img{display:block;width:100%;height:auto;object-fit:contain}
main #rescates .rescue-service-photo>span{border-radius:9px}
/* Control de ampliación basado en el símbolo proporcionado. */
main .zoom-photo>span{font-size:0!important;line-height:0!important;width:42px!important;height:42px!important;padding:10px!important;display:grid;place-items:center;background:#fffffff0!important;border-radius:10px!important}
main .zoom-photo>span::before{content:'';display:block;width:22px;height:22px;background:url('/assets/expand-arrows.png') center/contain no-repeat}
.hojalateria-placeholder{margin-top:32px;border-radius:20px}

/* Fotografías ampliadas sin marco, con el texto sobre la foto. */
#lightbox{padding:0;border:0;background:transparent;width:max-content;max-width:96vw;max-height:94dvh;overflow:hidden;border-radius:14px;box-shadow:0 20px 80px #0008}
#lightbox img{display:block;width:auto;height:auto;max-width:96vw;max-height:94dvh;object-fit:contain;margin:0;border-radius:0}
#lightbox p{position:absolute;bottom:0;left:0;right:0;margin:0;padding:42px 24px 18px;background:linear-gradient(transparent,#000c);color:#fff;text-align:center;font-size:14px;line-height:1.5;pointer-events:none}
#lightbox p:empty{display:none}
#lightbox button{z-index:2;top:12px;right:12px;border-radius:50%;background:#17191cbf;color:#fff;width:40px;height:40px;line-height:1}
#lightbox::backdrop{background:#000d}
/* Las miniaturas llenan su marco; el visor conserva la foto completa. */
main .zoom-photo img,main .patio-gallery .patio-photo img,main .taller-gallery .patio-photo img,main .taller-gallery .patio-photo:first-child img,main #oficinas .office-photo img,main #rescates .rescue-service-photo img{object-fit:cover;object-position:center}
@media(max-width:700px){#lightbox p{font-size:12px;padding:32px 16px 12px}}

.service-photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.service-photo-gallery.single-photo{grid-template-columns:1fr}
.service-photo-gallery .zoom-photo{display:block;width:100%;border-radius:20px;overflow:hidden;background:#22252a}
main .service-photo-gallery .zoom-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
main .service-photo-gallery.single-photo .zoom-photo img{aspect-ratio:16/9}
@media(max-width:700px){.service-photo-gallery{grid-template-columns:1fr;gap:18px}}

.service-scope{list-style:none;padding:0;margin:28px 0;max-width:900px}.service-scope li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.service-scope strong{color:var(--ink)}

main .detail-main .zoom-photo,main .detail-main .zoom-photo img{border-radius:20px;overflow:hidden}
.service-gallery-title{font-size:26px;margin:40px 0 22px}
.service-gallery-title+.service-photo-gallery{margin-top:0}
.contact-social{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.contact-social>span{font-size:16px;font-weight:700;letter-spacing:0}
.social-icons{display:flex;gap:12px}
:is(.social-pending,.social-link){width:44px;height:44px;padding:10px;display:grid;place-items:center;border:1px solid #d4d5d7;border-radius:12px;background:#fff;opacity:1;cursor:default}
:is(.social-pending,.social-link) img{width:24px;height:24px;object-fit:contain;border-radius:0!important}

/* Flechas decorativas: conservar escritorio y ocultar en celular. */
@media(max-width:700px){.desktop-link-arrow{display:none!important}}

/* Servicios: lista sin flechas decorativas y título único. */
main .detail-main li::before{content:none;display:none}
main .service-content-title{font-size:clamp(38px,4vw,64px);margin-bottom:24px}
/* Beige únicamente en los cinco servicios solicitados; Refacciones conserva su fondo. */
main:has(>#mecanica),main:has(>#carroceria),main:has(>#hojalateria),main:has(>#especialidades),main:has(>#rescates){background-color:var(--vego-beige)}

.contact-social a.social-link{cursor:pointer}