/* Negro y rojo protagonistas; blanco y amarillo intercambiados por pedido de Pablo. */
:root{--negro:#080808;--rojo:#ed2027;--blanco:#f3c52d;--gris:#aaa7a3;--linea:#303030;--amarillo:#f4f1eb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--negro);color:var(--blanco);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--amarillo);outline-offset:5px}.contenedor{width:min(1380px,calc(100% - 100px));margin-inline:auto}.saltar{position:absolute;left:20px;top:-80px;background:var(--amarillo);color:#000;padding:16px;z-index:10}.saltar:focus{top:10px}
.cabecera{display:grid;grid-template-columns:1fr 380px 1fr;align-items:center;min-height:175px;padding:22px 0}.marca{display:block}.marca img{display:block;width:100%;height:auto}.reloj{display:flex;align-items:center;gap:13px}.reloj svg{width:27px;fill:none;stroke:var(--rojo);stroke-width:1.5}.reloj time{font-family:Consolas,monospace;font-size:24px;letter-spacing:1px;display:block}.reloj span{display:block;color:var(--gris);font-size:11px;margin-top:7px;text-transform:uppercase;letter-spacing:1px}.navegacion{display:flex;justify-content:center;gap:55px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:19px 0;font-size:11px;font-weight:700;letter-spacing:2px}.navegacion a{transition:color .2s}.navegacion a:hover{color:var(--rojo)}.navegacion span{color:var(--rojo);margin-left:15px}.enlace-inicio{color:var(--rojo)}
.portada{padding-top:30px}.franja-portada{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:var(--gris);margin-bottom:24px}.indicador{color:var(--amarillo);font-weight:700}.composicion{display:grid;grid-template-columns:235px minmax(0,1fr) 235px;gap:32px;align-items:stretch}.servicios-lateral{display:flex;flex-direction:column;justify-content:space-between;padding:12px 0 5px}.servicio{border-top:2px solid var(--rojo);padding-top:13px;margin-bottom:26px}.numero{display:block;color:var(--amarillo);font-size:11px;letter-spacing:2px;font-family:Consolas,monospace}.servicio h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:25px;line-height:1.05;letter-spacing:.5px;margin:12px 0}.servicio ul{list-style:none;padding:0;margin:0;color:#bcb9b5;font-size:12px;line-height:1.6}.servicio li{margin:4px 0}.panel-central{position:relative;min-height:620px;isolation:isolate;overflow:hidden;background:#1b1817;border-bottom:6px solid var(--rojo)}.imagenes-portada,.imagen-portada,.velo{position:absolute;inset:0;width:100%;height:100%}.imagen-portada{object-fit:cover;object-position:55% 55%;opacity:0;transition:opacity .6s;filter:saturate(.65)}.imagen-portada.activa{opacity:1}.velo{background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.42) 45%,rgba(0,0,0,.28))}.titulo-central{position:relative;z-index:1;padding:145px 30px 105px}.sobre-titulo{font-size:11px;font-weight:bold;letter-spacing:4px}.titulo-central h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;letter-spacing:-1px;font-size:clamp(55px,5.5vw,88px);line-height:.98;margin:20px 0 22px;text-shadow:0 2px 12px #0008}.titulo-central em{font-style:normal;color:var(--rojo)}.raya{display:block;width:60px;height:5px;background:var(--blanco)}.pie-panel{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;letter-spacing:1px}.pie-panel button{background:none;border:0;color:var(--blanco);font-size:9px;padding:8px 0;letter-spacing:1px}.pie-panel button span{color:var(--rojo);font-size:20px;margin-left:6px}.cierre-portada{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--linea);padding:24px 0;color:var(--gris);font-size:9px;letter-spacing:2px}.cierre-portada a{font-size:30px;color:var(--rojo)}
.nosotros{padding-top:100px;padding-bottom:100px}.titulo-seccion{margin-bottom:38px}.titulo-seccion h2,.contacto h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:68px;line-height:1.1;margin:14px 0}.titulo-seccion h2 span,.contacto h2 span{color:var(--rojo)}.nosotros-grilla{display:grid;grid-template-columns:1fr 1fr;gap:75px}.foto-taller{margin:0}.foto-taller img{display:block;width:100%;height:640px;object-fit:cover;object-position:center;border-bottom:5px solid var(--rojo)}.foto-taller figcaption{color:var(--gris);font-size:9px;letter-spacing:2px;margin-top:15px}.informacion h3{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 20px}.informacion>p{color:var(--gris);font-size:15px;line-height:1.8;max-width:430px}.datos{margin-top:30px}.datos>div{padding:15px 0;border-top:1px solid var(--linea);display:grid;grid-template-columns:155px 1fr;gap:15px}.datos dt{font-size:9px;letter-spacing:1px;color:var(--amarillo);padding-top:4px}.datos dd{font-size:15px;margin:0}.datos small{display:block;font-size:11px;color:var(--gris);margin-top:5px}.pendiente{color:var(--gris)}.mapa-pendiente{margin-top:30px;padding:25px 20px;border:1px solid #3c3830;background:repeating-linear-gradient(35deg,#ffffff03 0 1px,transparent 1px 32px);display:flex;align-items:center;gap:20px}.mapa-pendiente svg{width:38px;flex-shrink:0;fill:none;stroke:var(--amarillo);stroke-width:2}.mapa-pendiente strong{font-size:15px}.mapa-pendiente p{font-size:12px;line-height:1.6;color:var(--gris);margin-bottom:0}
.contacto{padding:75px 0;background:#141414;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b}.contacto-grilla{display:grid;grid-template-columns:1fr 1fr;gap:75px}.contacto p{font-size:23px;line-height:1.4}.nota-contacto{display:block;color:var(--gris);font-size:13px;line-height:1.7;max-width:300px}form label{display:block;font-size:10px;letter-spacing:2px;margin-bottom:15px;color:var(--gris)}textarea{width:100%;resize:vertical;min-height:170px;border:1px solid #454545;background:#080808;color:var(--blanco);padding:20px;line-height:1.6;font-size:15px;border-radius:0}textarea::placeholder{color:#777}.pie-formulario{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:16px}.pie-formulario>span{color:var(--gris);font-size:10px}.boton-rojo{border:0;background:var(--rojo);color:var(--blanco);font-weight:700;font-size:13px;padding:17px 20px}.boton-rojo:hover{background:#c71920}.boton-rojo span{margin-left:20px}#estado-contacto{font-size:11px;color:var(--gris);line-height:1.7;margin-top:16px}.pie{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:45px}.pie>a{font-family:Impact,Arial,sans-serif;letter-spacing:1px;font-size:23px}.pie strong{color:var(--rojo);font-weight:400}.pie>span{font-size:10px;color:var(--gris)}.pie>span:last-child{font-size:8px;letter-spacing:1px}.whatsapp-fijo{position:fixed;right:24px;bottom:24px;z-index:20;background:#25d366;color:#07150c;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0007;border:2px solid #ffffff25}.whatsapp-fijo svg{width:36px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round}.whatsapp-fijo>span{position:absolute;right:72px;background:var(--blanco);color:#111;font-size:11px;font-weight:700;padding:9px 12px;opacity:0;pointer-events:none}.whatsapp-fijo:hover>span,.whatsapp-fijo:focus-visible>span{opacity:1}
@media(min-width:1550px){.panel-central{min-height:690px}.titulo-central{padding-top:180px}}
@media(max-width:1100px){.contenedor{width:calc(100% - 48px)}.composicion{grid-template-columns:195px minmax(0,1fr) 195px;gap:22px}.servicio h2{font-size:22px}.panel-central{min-height:610px}.titulo-central{padding-left:20px;padding-right:20px}.titulo-central h1{font-size:64px}.nosotros-grilla,.contacto-grilla{gap:40px}.pie-panel{left:18px;right:18px;flex-wrap:wrap}.foto-taller img{height:650px}}
@media(max-width:800px){.cabecera{grid-template-columns:1fr 250px 1fr;min-height:145px}.reloj{gap:7px}.reloj svg{display:none}.reloj time{font-size:20px}.reloj span{font-size:9px;max-width:105px;line-height:1.5}.composicion{grid-template-columns:1fr 1fr;gap:24px}.panel-central{grid-column:1/-1;grid-row:1;min-height:460px}.titulo-central{padding:80px 35px 90px}.titulo-central h1{font-size:76px}.imagen-portada{object-position:center 55%}.servicios-lateral{justify-content:flex-start}.servicio{min-height:160px;margin-bottom:20px}.servicio h2{font-size:25px}.servicio ul{font-size:13px}.nosotros{padding-top:65px;padding-bottom:65px}.nosotros-grilla{gap:30px}.foto-taller img{height:660px}.datos>div{grid-template-columns:1fr;gap:7px}.contacto-grilla{grid-template-columns:1fr 1.2fr;gap:30px}.contacto h2,.titulo-seccion h2{font-size:56px}.pie{flex-wrap:wrap;padding-bottom:100px}}
@media(max-width:560px){.contenedor{width:calc(100% - 36px)}.cabecera{grid-template-columns:95px 1fr;gap:20px;min-height:125px}.marca{max-width:240px;justify-self:end}.espacio-derecho{display:none}.reloj time{font-size:18px}.reloj span{font-size:8px;letter-spacing:.3px}.navegacion{gap:0;justify-content:space-between;padding:18px 0;font-size:9px;letter-spacing:.7px}.navegacion span{margin-left:3px}.portada{padding-top:22px}.franja-portada{font-size:8px;letter-spacing:1px;gap:15px}.panel-central{min-height:440px}.titulo-central h1{font-size:72px}.titulo-central{padding:80px 26px}.composicion{gap:20px}.servicio h2{font-size:22px}.servicio ul{font-size:12px}.servicio{min-height:190px}.servicio:last-child{margin-bottom:0}.cierre-portada{font-size:8px;letter-spacing:1px;gap:15px}.cierre-portada>span:last-child{max-width:135px;text-align:right;line-height:1.5}.nosotros-grilla,.contacto-grilla{grid-template-columns:1fr;gap:35px}.foto-taller img{height:440px;object-position:center 48%}.informacion h3{font-size:31px}.datos>div{grid-template-columns:125px 1fr}.contacto{padding:55px 0}.contacto h2{font-size:60px}.contacto p{font-size:21px}.pie-formulario{gap:10px}.boton-rojo{padding:16px 13px;font-size:12px}.boton-rojo span{margin-left:8px}.pie>span:last-child{width:100%;font-size:8px}.whatsapp-fijo{right:18px;bottom:18px;width:55px;height:55px}.pie-panel{font-size:8px}.pie-panel button{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Ajustes para que los textos no se corten en pantallas estrechas. */
@media(max-width:1100px) and (min-width:801px){.titulo-central h1{font-size:clamp(43px,5.7vw,64px)}}
@media(max-width:560px){.titulo-central h1{font-size:clamp(43px,12.5vw,70px)}.servicio h2{font-size:clamp(17px,4.8vw,22px);overflow-wrap:anywhere}.servicio li{overflow-wrap:anywhere}.datos>div{grid-template-columns:minmax(0,110px) minmax(0,1fr)}.datos dd{overflow-wrap:anywhere}.contacto h2{font-size:clamp(44px,12vw,60px)}}
@media(max-width:350px){.pie-formulario{align-items:flex-start;flex-direction:column}.boton-rojo{width:100%}.navegacion{font-size:8px}.titulo-central{padding-left:22px;padding-right:18px}.pie-panel{flex-direction:column;align-items:flex-start}}

/* Menú vertical junto al logo: elimina la franja de navegación separada. */
.cabecera{min-height:155px;padding:15px 0;border-bottom:1px solid var(--linea);grid-template-columns:1fr 380px 1fr}
.cabecera .navegacion{width:auto;margin:0;justify-self:end;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:0;border:0;font-size:11px;letter-spacing:1.5px}
.cabecera .navegacion a{display:block;padding:9px 0;min-height:32px}
@media(max-width:800px){.cabecera{grid-template-columns:1fr 250px 1fr;gap:15px;min-height:140px}.cabecera .navegacion{font-size:10px;letter-spacing:.6px}.cabecera .navegacion span{margin-left:4px}}
@media(max-width:560px){.cabecera{grid-template-columns:65px minmax(0,1fr) 100px;gap:10px;min-height:130px;padding:12px 0}.cabecera .marca{width:100%;max-width:240px;justify-self:center}.cabecera .reloj time{font-size:15px}.cabecera .reloj span{font-size:8px;line-height:1.5}.cabecera .navegacion{font-size:9px;letter-spacing:.3px}.cabecera .navegacion a{padding:8px 0}.cabecera .navegacion span{margin-left:2px}}

/* Páginas independientes: componentes comunes y contenido propio. */
.cabecera .navegacion a[aria-current="page"]{color:var(--rojo)}
.pagina-interior{min-height:calc(100vh - 275px)}
.pagina-interior .nosotros{padding-top:50px}
.titulo-seccion h1,.contacto h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:68px;line-height:1.1;margin:14px 0}
.titulo-seccion h1 span,.contacto h1 span{color:var(--rojo)}
.pagina-servicios{padding-top:50px;padding-bottom:65px}
.introduccion-servicios{color:var(--gris);font-size:16px;line-height:1.7;max-width:600px}
.listado-servicios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 55px;margin:40px 0 20px}
.listado-servicios .servicio{padding-top:20px;margin-bottom:10px}
.listado-servicios .servicio h2{font-size:32px;margin:16px 0}
.listado-servicios .servicio ul{font-size:15px;line-height:1.7}
.consulta-servicio{display:inline-block;border-bottom:2px solid var(--rojo);padding:15px 0;font-size:15px;font-weight:bold;margin-top:10px}
@media(max-width:800px){.listado-servicios{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.titulo-seccion h1,.contacto h1{font-size:56px}.listado-servicios .servicio h2{font-size:27px}}
@media(max-width:560px){.pagina-interior .nosotros,.pagina-servicios{padding-top:35px}.listado-servicios{grid-template-columns:1fr;gap:12px}.listado-servicios .servicio{min-height:0;padding-bottom:15px}.listado-servicios .servicio h2{font-size:30px}.titulo-seccion h1,.contacto h1{font-size:clamp(40px,11vw,60px)}.cabecera .navegacion{font-size:8px}}

.informacion .atencion-duenos{color:var(--amarillo);font-weight:700;font-size:15px;margin:0 0 20px}

/* Ícono vectorial WhatsApp: Bootstrap Icons, licencia MIT en assets. */
.whatsapp-fijo{background:#25d366;border:0;transition:transform .2s,background .2s}.whatsapp-fijo img{display:block;width:34px;height:34px}.whatsapp-fijo:hover{background:#1db95a;transform:translateY(-2px)}

.ubicacion-mapa{margin-top:28px;border:1px solid var(--linea)}.ubicacion-mapa iframe{display:block;width:100%;height:290px;border:0;background:#222}.como-llegar{display:block;padding:17px 20px;background:var(--rojo);font-size:13px;font-weight:700}.datos a:hover{text-decoration:underline}.telefono-contacto{display:inline-block;color:var(--amarillo);font-size:23px;margin:0 0 20px}

/* Firma del desarrollo, al pie de cada página. */
.pie{flex-wrap:wrap}
.pie .credito-desarrollo{flex-basis:100%;border-top:1px solid var(--linea);padding-top:18px;margin-top:5px;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.3px;color:var(--gris);text-align:center}
.pie .credito-desarrollo strong{font-family:inherit;font-weight:700;color:var(--blanco)}
.pie .credito-desarrollo span{color:var(--rojo);margin-left:5px}
.pie .credito-desarrollo:hover strong{color:var(--rojo)}

/* Pictogramas de cada especialidad, exclusivos del módulo Servicios. */
.cabecera-servicio{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px}.icono-servicio{display:block;width:64px;height:64px;flex-shrink:0}.listado-servicios .servicio h2{margin-top:13px}


/* Inicio: servicios integrados en el display izquierdo y fotos destacadas grandes. */
.pagina-inicio .portada{width:min(1500px,calc(100% - 48px));padding-top:28px}
.pagina-inicio .titulo-portada{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(34px,4vw,60px);font-weight:400;line-height:1.08;letter-spacing:1px;margin:0 0 25px;text-transform:uppercase}
.pagina-inicio .titulo-portada span{color:var(--rojo)}
.pagina-inicio .composicion{grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:30px;align-items:start}
.pagina-inicio .panel-central{min-height:0;height:620px;display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;background:#101010;border-top:2px solid var(--rojo)}
.pagina-inicio .servicios-lateral{grid-column:1;grid-row:1;min-width:0;padding:18px 14px;gap:15px;justify-content:flex-start;background:linear-gradient(90deg,#080808,#101010)}
.pagina-inicio .servicio{margin:0;padding-top:12px;min-height:0;border-top:1px solid #ed20275c}
.pagina-inicio .servicio:first-child{border-top:0;padding-top:0}
.pagina-inicio .servicio h2{font-size:23px;margin:0;line-height:1.12}
.pagina-inicio .imagenes-portada{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:auto;min-width:0;min-height:0}
.pagina-inicio .imagen-portada{object-fit:contain;object-position:center;filter:none}
.pagina-inicio .pie-panel{grid-column:1/-1;grid-row:2;position:static;padding:10px 16px;gap:10px;min-height:45px;flex-wrap:wrap;background:#080808}
.trabajos-destacados{display:grid;gap:26px;min-width:0}
.trabajo-destacado{margin:0;border-top:2px solid var(--rojo);padding-top:10px;min-width:0}
.trabajo-destacado img{display:block;width:100%;height:245px;object-fit:contain;background:#101010}
.trabajo-destacado figcaption{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.35px;margin-top:14px;border-left:3px solid var(--rojo);padding:2px 0 2px 13px;color:var(--blanco);text-wrap:pretty}
@media(min-width:1450px){.pagina-inicio .composicion{grid-template-columns:minmax(0,1fr) 420px;gap:36px}.trabajo-destacado img{height:280px}.trabajo-destacado figcaption{font-size:26px}.pagina-inicio .panel-central{height:700px;grid-template-columns:220px minmax(0,1fr)}.pagina-inicio .servicio h2{font-size:26px}}
@media(max-width:1050px){.pagina-inicio .composicion{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.pagina-inicio .panel-central{grid-template-columns:155px minmax(0,1fr)}.pagina-inicio .servicios-lateral{padding:16px 10px}.pagina-inicio .servicio h2{font-size:20px}.trabajo-destacado figcaption{font-size:21px}.trabajo-destacado img{height:230px}}
@media(max-width:800px){.pagina-inicio .composicion{grid-template-columns:minmax(0,1fr)}.pagina-inicio .panel-central{grid-column:1;grid-row:auto;height:520px;grid-template-columns:190px minmax(0,1fr)}.pagina-inicio .trabajos-destacados{grid-column:1;grid-template-columns:1fr 1fr;gap:24px}.trabajo-destacado img{height:240px}.trabajo-destacado figcaption{font-size:21px}}
@media(max-width:560px){.pagina-inicio .portada{width:calc(100% - 28px)}.pagina-inicio .titulo-portada{font-size:35px;margin-bottom:20px}.pagina-inicio .panel-central{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 390px auto}.pagina-inicio .servicios-lateral{grid-column:1;grid-row:1;padding:18px;gap:12px}.pagina-inicio .servicio{display:block;padding-top:10px}.pagina-inicio .servicio h2{font-size:22px}.pagina-inicio .imagenes-portada{grid-column:1;grid-row:2}.pagina-inicio .pie-panel{grid-row:3}.pagina-inicio .trabajos-destacados{grid-template-columns:1fr}.trabajo-destacado img{height:310px}.trabajo-destacado figcaption{font-size:24px}}

/* Encabezado compacto: separación vertical mínima. */
.cabecera{min-height:0;padding:2px 0}
.cabecera .navegacion a{padding:3px 0;min-height:24px}
.pagina-inicio .portada{padding-top:6px}
.pagina-inicio .titulo-portada{margin-bottom:8px}


.informacion .foto-dueno{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;object-position:left top;margin:0 0 24px}


/* Encabezado de Servicios, con consulta arriba a la derecha. */
.encabezado-servicios{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px}
.encabezado-servicios .titulo-seccion{margin-bottom:0;min-width:0}
.pagina-servicios .titulo-seccion h1{letter-spacing:3px}
.pagina-servicios .introduccion-servicios{letter-spacing:1.4px}
.encabezado-servicios .consulta-servicio{justify-self:end;margin:0;padding:12px 16px;border:1px solid var(--rojo);border-bottom-width:3px;line-height:1.4}
.encabezado-servicios .consulta-servicio:hover{background:var(--rojo);color:#fff}
@media(max-width:650px){.encabezado-servicios{grid-template-columns:minmax(0,1fr);gap:12px}.encabezado-servicios .consulta-servicio{justify-self:end;max-width:100%}.pagina-servicios .introduccion-servicios{letter-spacing:1px}}

/* Quiénes somos: foto del frente, frases centrales y dueño a la derecha. */
.nosotros-grilla{grid-template-columns:minmax(0,1fr) minmax(200px,.8fr) minmax(0,1fr);gap:30px;align-items:start}
.nosotros-grilla>.foto-taller img{height:440px;object-fit:contain;background:#101010}
.lema-taller{align-self:center;display:flex;flex-direction:column;gap:30px;text-align:center}
.lema-taller h3,.lema-taller p{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-size:32px;line-height:1.25;font-weight:700;letter-spacing:-.5px;margin:0}
.lema-taller p{color:var(--amarillo)}
.retrato-dueno{margin:0;min-width:0;justify-self:stretch}
.retrato-dueno .foto-dueno{display:block;width:100%;height:440px;object-fit:contain;object-position:right top}
.nosotros-grilla>.informacion{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px;row-gap:24px}
.nosotros-grilla>.informacion>p{grid-column:1/-1;max-width:650px;margin:0}
.nosotros-grilla>.informacion .datos,.nosotros-grilla>.informacion .ubicacion-mapa{margin-top:0}
@media(max-width:1000px){.nosotros-grilla{gap:20px;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) minmax(0,1fr)}.lema-taller h3,.lema-taller p{font-size:27px}.nosotros-grilla>.foto-taller img,.retrato-dueno .foto-dueno{height:360px}}
@media(max-width:700px){.nosotros-grilla{grid-template-columns:minmax(0,1fr);gap:26px}.lema-taller{padding:5px 0;gap:18px}.lema-taller h3,.lema-taller p{font-size:29px}.retrato-dueno .foto-dueno{object-position:center}.nosotros-grilla>.informacion{grid-template-columns:minmax(0,1fr);gap:24px}.nosotros-grilla>.informacion>p{grid-column:1}.nosotros-grilla>.foto-taller img,.retrato-dueno .foto-dueno{height:400px}}

/* Dos fotos amplias; las frases acompañan el título sobre la columna del dueño. */
.encabezado-nosotros{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:24px}
.encabezado-nosotros .titulo-seccion{margin-bottom:0}
.encabezado-nosotros .lema-taller{gap:12px;text-align:center}
.encabezado-nosotros .lema-taller h3,.encabezado-nosotros .lema-taller p{font-size:32px}
.nosotros-grilla{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.nosotros-grilla>.foto-taller img,.nosotros-grilla>.retrato-dueno .foto-dueno{height:560px;object-fit:contain}
@media(max-width:1000px){.encabezado-nosotros,.nosotros-grilla{gap:26px}.encabezado-nosotros .lema-taller h3,.encabezado-nosotros .lema-taller p{font-size:27px}.nosotros-grilla>.foto-taller img,.nosotros-grilla>.retrato-dueno .foto-dueno{height:480px}}
@media(max-width:700px){.encabezado-nosotros,.nosotros-grilla{grid-template-columns:minmax(0,1fr)}.encabezado-nosotros{gap:16px}.encabezado-nosotros .lema-taller{text-align:left;gap:12px}.encabezado-nosotros .lema-taller h3,.encabezado-nosotros .lema-taller p{font-size:28px}.nosotros-grilla>.foto-taller img,.nosotros-grilla>.retrato-dueno .foto-dueno{height:auto;max-height:560px}.nosotros-grilla>.informacion{grid-column:1}}

/* Zoom conjunto de foto y leyenda, exclusivo de PC con mouse. */
@media(min-width:801px) and (hover:hover) and (pointer:fine){
  .pagina-inicio .trabajo-destacado{position:relative;transform-origin:right center;transition:transform .25s ease,box-shadow .25s ease;cursor:zoom-in;background:var(--negro)}
  .pagina-inicio .trabajo-destacado:hover{z-index:5;transform:scale(1.3);box-shadow:0 12px 35px #000b}
}
@media(min-width:801px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.pagina-inicio .trabajo-destacado{transition:none}}


/* Acceso al mapa entre el título y las frases; datos centrados bajo las fotos. */
.encabezado-nosotros{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}
.acceso-mapa{display:flex;flex-direction:column;align-items:center;justify-self:center;gap:6px;padding:12px 16px;font-size:18px;font-weight:700;white-space:nowrap}
.acceso-mapa span{font-size:21px;color:var(--rojo);line-height:1}
.acceso-mapa:hover{color:var(--rojo)}
.nosotros-grilla>.informacion{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;width:100%;max-width:1100px;margin-inline:auto}
.nosotros-grilla>.informacion>p{max-width:700px;margin:0}
.nosotros-grilla>.informacion .datos{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0}
.nosotros-grilla>.informacion .datos>div{display:block;text-align:center;padding:18px 0;min-width:0}
.nosotros-grilla>.informacion .datos dt{font-size:11px;margin-bottom:10px}
.nosotros-grilla>.informacion .datos dd{overflow-wrap:anywhere;line-height:1.5}
.nosotros-grilla>.informacion .ubicacion-mapa{width:100%;margin:0;scroll-margin-top:20px}
.nosotros-grilla>.informacion .ubicacion-mapa iframe{height:350px}
@media(max-width:950px) and (min-width:701px){.encabezado-nosotros{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.encabezado-nosotros .lema-taller{grid-column:2;grid-row:1}.acceso-mapa{grid-column:1/-1;grid-row:2}}
@media(max-width:700px){.encabezado-nosotros{grid-template-columns:minmax(0,1fr)}.acceso-mapa{justify-self:center}.nosotros-grilla>.informacion .datos{grid-template-columns:minmax(0,1fr);gap:0}.nosotros-grilla>.informacion .ubicacion-mapa iframe{height:300px}}


/* Quiénes somos: separación superior mínima. */
.pagina-interior #nosotros{padding-top:6px}
#nosotros .encabezado-nosotros{margin-bottom:8px}
#nosotros .titulo-seccion h1{margin:4px 0}
#nosotros .acceso-mapa{padding-top:4px;padding-bottom:4px}


/* Datos de contacto más legibles, conservando las tres columnas en PC. */
#nosotros .informacion>p{font-size:19px;line-height:1.6}
#nosotros .informacion .datos dt{font-size:15px;letter-spacing:1px}
#nosotros .informacion .datos dd{font-size:21px;line-height:1.5}
#nosotros .informacion .datos small{font-size:17px;line-height:1.5;margin-top:8px}


/* Consulta de Servicios: leve desplazamiento y marco blanco real. */
.encabezado-servicios .consulta-servicio{margin:26px 18px 0 0;border:1px solid #fff}
@media(max-width:650px){.encabezado-servicios .consulta-servicio{margin-top:12px;margin-right:12px}}


/* Solo teléfono: dueño arriba, frases al centro y frente del taller abajo. */
@media(max-width:700px){
  #nosotros{display:grid;grid-template-columns:minmax(0,1fr);row-gap:20px}
  #nosotros .encabezado-nosotros,#nosotros .nosotros-grilla{display:contents}
  #nosotros .titulo-seccion{grid-column:1;grid-row:1;margin-bottom:0}
  #nosotros .acceso-mapa{grid-column:1;grid-row:2}
  #nosotros .foto-taller{grid-column:1;grid-row:5}
  #nosotros .lema-taller{grid-column:1;grid-row:4}
  #nosotros .retrato-dueno{grid-column:1;grid-row:3}
  #nosotros .informacion{grid-column:1;grid-row:6}
}


/* Portada del teléfono: la marca protagoniza el encabezado. */
@media(max-width:560px){
  .inicio-taller .cabecera{grid-template-columns:60px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:4px 0 6px}
  .inicio-taller .cabecera .marca{grid-column:1/-1;grid-row:1;width:94%;max-width:360px;justify-self:center}
  .inicio-taller .cabecera .reloj{grid-column:1;grid-row:2}
  .inicio-taller .cabecera .navegacion{grid-column:2;grid-row:2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:3px 12px;font-size:8px;letter-spacing:.3px}
  .inicio-taller .cabecera .navegacion a{padding:4px 0;min-height:24px}
  .inicio-taller .pagina-inicio .titulo-portada{font-family:Arial,sans-serif;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:1.8px;text-align:center;margin:4px 0 12px}
}

/* Fichas de especialidades: texto tomado de la página Servicios, solo PC. */
.detalle-servicio{display:none}
@media(min-width:801px) and (hover:hover) and (pointer:fine){
  .pagina-inicio .panel-central{overflow:visible}
  .pagina-inicio .imagenes-portada{overflow:hidden}
  .pagina-inicio .servicios-lateral .servicio{position:relative}
  .pagina-inicio .servicios-lateral h2{cursor:help}
  .pagina-inicio .servicios-lateral h2:focus-visible{outline:2px solid var(--rojo);outline-offset:5px}
  .pagina-inicio .servicio:hover,.pagina-inicio .servicio:focus-within{z-index:10}
  .pagina-inicio .detalle-servicio{position:absolute;left:calc(100% + 12px);top:0;width:300px;max-width:calc(100vw - 220px);padding:18px 22px;background:#111;border:1px solid #454545;border-left:4px solid var(--rojo);box-shadow:0 12px 30px #000b;z-index:10}
  .pagina-inicio .detalle-servicio::before{content:"";position:absolute;right:100%;top:0;width:16px;height:100%}
  .pagina-inicio .servicio:not(.ficha-cerrada):hover .detalle-servicio,.pagina-inicio .servicio:not(.ficha-cerrada):focus-within .detalle-servicio{display:block}
  .pagina-inicio .servicio:hover h2,.pagina-inicio .servicio:focus-within h2{color:var(--amarillo)}
  .pagina-inicio .detalle-servicio ul{margin:0;padding:0;list-style:none;color:var(--blanco);font-size:16px;line-height:1.5}
  .pagina-inicio .detalle-servicio li{margin:0;padding:7px 0;border-bottom:1px solid #ffffff1a}
  .pagina-inicio .detalle-servicio li:last-child{border-bottom:0}
}