/* Instalaciones: espacios reservados para fotografías reales. */
main .area-row .placeholder{border-radius:20px;overflow:hidden;text-align:center}
main .area-row img{border-radius:20px;object-fit:cover}
/* Mismo pie de página que Inicio. */
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}
/* Cuatro bloques: portada roja, patio blanco, taller negro y oficinas blanco. */
main>.page-hero{background:var(--red);color:#fff;border-bottom:0}
main>.page-hero h1{color:#fff;margin-bottom:0}
main>.page-hero .breadcrumb,main>.page-hero .breadcrumb a{color:#fff}
main>.area-row{background:#fff;color:var(--ink);border-bottom:0}
main>.area-row h2{margin-bottom:0}
main>#taller{background:#17191c;color:#fff}
main>.page-hero h1{text-align:center}
main>#patio-de-maniobras,main>#oficinas{background:var(--vego-beige)}
main>.area-row{position:relative;padding-top:120px}
main>.area-row::before{content:'';position:absolute;left:0;right:0;top:0;height:90px;pointer-events:none}
main>#patio-de-maniobras::before{background:linear-gradient(to bottom,var(--red),var(--vego-beige))}
main>#taller::before{background:linear-gradient(to bottom,var(--vego-beige),#17191c)}
main>#oficinas::before{background:linear-gradient(to bottom,#17191c,var(--vego-beige))}
@media(max-width:700px){main>.area-row{padding-top:100px}main>.area-row::before{height:70px}}
main>.area-row{padding-top:calc(var(--section-fade) + 40px)}
main>.area-row::before{height:var(--section-fade)}
main>#patio-de-maniobras::before{background:linear-gradient(to bottom,var(--red) 0%,var(--vego-beige) 100%)}
main>#taller::before{background:linear-gradient(to bottom,var(--vego-beige) 0%,#17191c 100%)}
main>#oficinas::before{background:linear-gradient(to bottom,#17191c 0%,var(--vego-beige) 100%)}
/* Galería del patio: una imagen principal y seis vistas complementarias. */
main>#patio-de-maniobras.patio-with-gallery{display:block}
main .patio-with-gallery>div:first-child{margin-bottom:36px}
.patio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.patio-gallery .patio-photo{display:block;width:100%;min-width:0;border-radius:20px;overflow:hidden;background:#cdd0d3}
.patio-gallery .patio-photo:first-child{grid-column:1/-1}
main .patio-gallery .patio-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0}
main .patio-gallery .patio-photo:first-child img{aspect-ratio:auto}
.patio-gallery .patio-photo>span{border-radius:9px;padding:7px 11px;right:12px;bottom:12px;background:#fffffff0}
.patio-gallery .patio-photo:hover img{transform:none}
.patio-gallery .patio-photo:hover>span{background:#fff}
@media(max-width:1050px){.patio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:700px){.patio-gallery{gap:12px}.patio-gallery .patio-photo{border-radius:14px}.patio-gallery .patio-photo>span{padding:5px 8px;right:7px;bottom:7px;font-size:10px}}
@media(max-width:420px){.patio-gallery{grid-template-columns:1fr}}
/* Galería del taller, con encuadres completos sobre el fondo oscuro. */
main>#taller.taller-with-gallery{display:block}
main .taller-with-gallery>div:first-child{margin-bottom:36px}
.taller-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.taller-gallery .patio-photo,.taller-gallery .patio-photo:first-child{grid-column:auto;background:#22252a;color:var(--ink)}
main .taller-gallery .patio-photo img,main .taller-gallery .patio-photo:first-child img{aspect-ratio:4/3;object-fit:contain}
@media(max-width:700px){.taller-gallery{grid-template-columns:1fr}}
main #oficinas .office-photo{display:block;width:100%;border-radius:20px;color:var(--ink)}
main #oficinas .office-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
main #oficinas .office-photo>span{border-radius:9px}