/* pergolas.uy con el diseño de pintor.uy (23/10/2026, "seguí con el diseño de pintor.uy").
   Va después de style.css, cabecera.css y hero.css. Solo diseño: no cambia textos, títulos, enlaces ni schema.
   Sistema copiado de pintor.uy (public/css/sitio.css) con la paleta del logo: verde #24402E (oscuro #182B1F), madera #C2782F (#9E5C1F), crema #FAF5EE.
   Oswald 700 para títulos, menú y botones; Open Sans para el texto; bandas a todo el ancho con fondos alternos; tarjetas blancas
   con sombra recta sin desenfoque; botones rectangulares de radio 8; preguntas en tarjetas; cierre oscuro con sombra madera. */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url("../fonts/open-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url("../fonts/open-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --font-titulos:Oswald,"Arial Narrow",sans-serif;
  --font-texto:"Open Sans","Helvetica Neue",Arial,sans-serif;
  --p-pri:#24402E;--p-pri-2:#182B1F;--p-acento:#C2782F;--p-acento-2:#9E5C1F;--p-fondo-2:#FAF5EE;
  --p-texto:#181818;--p-texto-2:#545454;--p-borde:#E0E0E0;--p-sombra:#DADADA;
  --p-fs-h2:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);
  --p-fs-h3:clamp(1.25rem,1.15rem + .4vw,1.5rem);
}
body{color:var(--p-texto)}

/* Títulos: Oswald; los H2 de sección en mayúsculas con una raya madera abajo */
h1,h2,h3,h4,h5,h6{font-family:var(--font-titulos);font-weight:700;letter-spacing:.01em}
.section__title,.contenido h2{text-transform:uppercase;letter-spacing:.015em;font-size:var(--p-fs-h2);line-height:1.12;color:var(--p-pri)}
.section__title::after,.contenido h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--p-acento);margin-top:14px}
.contenido h3{color:var(--p-pri)}

/* Botones: rectángulos de radio 8 en Oswald; los de WhatsApp en madera con letra blanca (el flotante sigue redondo y verde) */
.btn{border-radius:8px;font-family:var(--font-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:none}
.btn--whatsapp,.btn--whatsapp:hover{background:var(--p-acento);border-color:var(--p-acento);color:#fff;box-shadow:none;transform:none;filter:none}
.btn--whatsapp:hover{background:var(--p-acento-2);border-color:var(--p-acento-2)}
.btn--outline{border-radius:8px;background:#fff;color:var(--p-pri);border-color:var(--p-pri)}
.btn--outline:hover{background:var(--p-fondo-2);color:var(--p-pri)}

/* Bandas: cada sección a todo el ancho con aire; fondos alternos blanco y crema (el fondo se estira con sombra y recorte, sin tocar el HTML) */
.pagina:not(.pagina--contacto) .contenido__inner{padding-top:0;padding-bottom:0}
.pagina:not(.pagina--contacto) .contenido__inner>.section{padding:clamp(40px,5vw,72px) 0;margin:0}
.pagina:not(.pagina--contacto) .contenido__inner>.section:nth-of-type(even){background:var(--p-fondo-2);box-shadow:0 0 0 100vmax var(--p-fondo-2);clip-path:inset(0 -100vmax)}
.contenido__inner>.section>.section__title:first-child,.section-faq .section__title{margin-top:0}
.pagina--departamento .section-zonas{background:var(--p-fondo-2)}
.toc{margin:clamp(28px,4vw,48px) 0 8px}
.toc__list li::before{color:var(--p-acento)}
.galeria-servicios{margin:clamp(28px,4vw,48px) 0 8px}

/* Listas con punto madera cuadrado, como pintor */
.section ul:not([class])>li::before{border-radius:2px;width:7px;height:7px;background:var(--p-acento)}
.section ol:not([class])>li::before,.section ol.lista-factores>li::before{color:var(--p-acento)}

/* ── Ventajas debajo del hero (todas las páginas): tarjetas con pestaña madera, dibujo en círculo y sombra recta ── */
.pergola-hero-debajo{padding:clamp(28px,4vw,52px) 0 clamp(20px,3vw,36px);background:#fff}
.ventajas__lista{list-style:none;margin:0;padding:0;display:grid;background:#fff;border:1px solid var(--p-borde);border-radius:14px;box-shadow:0 4px 0 rgba(36,64,46,.06)}
.ventaja{display:grid;grid-template-columns:72px 1fr;column-gap:16px;align-items:center;margin:0;padding:18px 18px 20px;border-bottom:1px solid var(--p-borde)}
.ventaja:last-child{border-bottom:0}
.ventaja__ico{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#EFEAE2;transition:background-color .2s}
.ventaja__ico .svgp{width:54px;height:54px;transition:transform .25s ease}
.ventaja__txt{display:flex;flex-direction:column;gap:4px;font-size:.95rem;line-height:1.5;color:var(--p-texto-2)}
.ventaja__txt strong{font-family:var(--font-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.2rem;line-height:1.15;color:var(--p-pri)}
@media (min-width:760px){
  .ventajas__lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:none;border:0;border-radius:0;box-shadow:none}
  .ventaja,.ventaja:last-child{position:relative;grid-template-columns:1fr;align-items:start;padding:30px 26px 28px;background:#fff;border:1px solid var(--p-borde);border-radius:16px;box-shadow:0 6px 0 rgba(36,64,46,.07);transition:transform .2s,box-shadow .2s}
  .ventaja::before{content:"";position:absolute;top:-1px;left:26px;width:56px;height:4px;border-radius:0 0 4px 4px;background:var(--p-acento)}
  .ventaja__ico{width:96px;height:96px;margin-bottom:18px}
  .ventaja__ico .svgp{width:72px;height:72px}
  .ventaja__txt strong{font-size:1.375rem}
  .ventaja:hover{transform:translateY(-4px);box-shadow:0 10px 0 rgba(36,64,46,.09)}
  .ventaja:hover .ventaja__ico{background:#E6DFD3}
  .ventaja:hover .ventaja__ico .svgp{transform:translateY(-2px) scale(1.05)}
}
@media (min-width:1024px){.ventajas__lista{grid-template-columns:repeat(4,minmax(0,1fr))}.ventaja,.ventaja:last-child{padding:30px 24px 28px}}
/* Colores de las ilustraciones (las de pergolasbuenosaires): trazo verde, madera, madera clara y crema */
.svgp{display:block;width:100%;height:100%;color:var(--p-pri);overflow:visible}
.svgp .a{fill:var(--p-acento)}.svgp .m{fill:#E2B77A}.svgp .s{fill:#F4E6D2}.svgp .w{fill:#fff}.svgp .o{fill:currentColor}
/* La tarjeta de reseñas (cuando haya reseñas de Google) sigue igual, a lo ancho */
.pergola-hero-debajo .resenas-google{max-width:640px}

/* ── Sistema de tarjetas: blanca, borde gris claro, radio 16 y sombra recta; las clickeables suben y la sombra pasa a verde ── */
.incluye-pasos,.maderas-grid,.no-hacemos,.proceso-3,.relacionados__list,.zonas-mapa{gap:18px!important}
.incluye-pasos__item,.maderas-grid__item,.no-hacemos__item,.proceso-3__paso,.relacionados__item,.zonas-card,.zonas-mapa__item{background:#fff;border:1px solid var(--p-borde)!important;border-radius:16px;box-shadow:5px 5px 0 var(--p-sombra);padding:22px 22px 24px}
.incluye-pasos__item:last-child,.maderas-grid__item:last-child,.no-hacemos__item:last-child,.relacionados__item:last-child{border-bottom:1px solid var(--p-borde)!important}
.relacionados__item,.zonas-card,.zonas-mapa__item{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.relacionados__item:hover,.zonas-card:hover,.zonas-mapa__item:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--p-pri);border-color:var(--p-pri)!important;background:#fff}
.relacionados__item{padding-right:56px}
.relacionados__link,.zonas-mapa__link,.zonas-card__titulo,.maderas-grid__item h3,.no-hacemos__item h3{text-transform:uppercase;letter-spacing:.02em;color:var(--p-pri)}
.relacionados__flecha{color:var(--p-acento)}
.zonas-mapa{margin-left:0;margin-right:0}
.proceso-3__paso{padding-top:22px}
.proceso-3__num{top:14px;left:auto;right:20px;font-size:3.5rem;color:var(--p-acento);opacity:.25}
.incluye-pasos__marca,.maderas-grid__marca,.no-hacemos__marca,.zonas-card__marca,.techos-lista__marca,.proceso-3__marca{background:#EFEAE2;color:var(--p-pri)}
.zonas-card{gap:.6rem}
.obras-placeholder{border-top:0}
@media (prefers-reduced-motion:reduce){.relacionados__item,.zonas-card,.zonas-mapa__item{transition:none}.relacionados__item:hover,.zonas-card:hover,.zonas-mapa__item:hover{transform:none}}

/* ── "Qué tipo de pérgola necesitás" (home): tarjetas con la foto a la izquierda fundida en blanco y toda la tarjeta clickeable ── */
.tarjetas-servicio{grid-template-columns:1fr;gap:16px}
.tarjeta-servicio__link{flex-direction:row;align-items:stretch;min-height:150px;background:#fff;color:var(--p-texto);border:1px solid var(--p-borde);border-radius:16px;box-shadow:5px 5px 0 var(--p-sombra);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tarjeta-servicio__link::before{display:none}
.tarjeta-servicio__img{position:relative;inset:auto;z-index:0;flex:0 0 42%;width:42%;height:auto;min-height:150px;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#000 48%,rgba(0,0,0,.2) 82%,transparent 98%);mask-image:linear-gradient(90deg,#000 48%,rgba(0,0,0,.2) 82%,transparent 98%)}
.tarjeta-servicio__cuerpo{position:relative;z-index:1;align-self:center;margin-left:-6%;padding:18px 20px 20px 0}
.tarjeta-servicio__titulo{font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em;color:var(--p-pri)}
.tarjeta-servicio__titulo::after{content:" \2192";color:var(--p-acento);display:inline-block;margin-left:.15em;transition:transform .2s ease}
.tarjeta-servicio__texto{color:var(--p-texto-2);font-size:.9rem;line-height:1.5}
.tarjeta-servicio__link:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--p-pri);border-color:var(--p-pri);color:var(--p-texto)}
.tarjeta-servicio__link:hover .tarjeta-servicio__img{transform:none}
.tarjeta-servicio__link:hover .tarjeta-servicio__titulo::after{transform:translateX(4px)}
.tarjeta-servicio__link:focus-visible{outline:3px solid var(--p-acento);outline-offset:3px}
.tarjeta-servicio--sin-imagen .tarjeta-servicio__link{background:#fff}
.tarjeta-servicio--sin-imagen .tarjeta-servicio__cuerpo{margin-left:0;padding-left:22px}
@media (min-width:640px){.tarjeta-servicio__link{min-height:180px}.tarjeta-servicio__img{flex-basis:40%;width:40%}}
@media (min-width:900px){.tarjetas-servicio{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tarjeta-servicio__link{min-height:200px}.tarjeta-servicio__img{flex-basis:44%;width:44%}}
@media (max-width:639px){.tarjeta-servicio__link{box-shadow:4px 4px 0 var(--p-sombra)}.tarjeta-servicio__cuerpo{margin-left:-8%;padding:14px 14px 16px 0}.tarjeta-servicio__titulo{font-size:1.125rem}}
@media (prefers-reduced-motion:reduce){.tarjeta-servicio__link,.tarjeta-servicio__titulo::after{transition:none}.tarjeta-servicio__link:hover{transform:none}}

/* ── Obras: fotos con el mismo radio y sombra recta ── */
.obra-card__media{border-radius:16px;box-shadow:5px 5px 0 var(--p-sombra)}
.obra-card__caption{text-transform:uppercase;letter-spacing:.02em}
.obras-placeholder__accion a{color:var(--p-pri)}
.obras-placeholder__accion a::after{color:var(--p-acento)}

/* ── Tablas: marco redondeado, encabezado verde y filas alternas ── */
.tabla-comparativa{border:1px solid var(--p-borde);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:auto}
.tabla-comparativa thead th{background:var(--p-pri);color:#fff;padding:.8rem .75rem}
.tabla-comparativa thead th:first-child{padding-left:.9rem}
.tabla-comparativa tbody tr:nth-child(even) td,.tabla-comparativa tbody tr:nth-child(even) th{background:#FBF8F3}
.tabla-comparativa tbody th:first-child,.tabla-comparativa td:first-child{padding-left:.9rem}
.tabla-comparativa tbody tr:last-child th,.tabla-comparativa tbody tr:last-child td{border-bottom:0}
.tabla-comparativa caption{color:var(--p-acento)}

/* Chips de barrios: rectángulos de radio 8 */
.chips a{border-radius:8px;background:#fff}
.chips a:hover{border-color:var(--p-acento);color:var(--p-pri)}

/* ── Preguntas frecuentes: cada pregunta es una tarjeta; la pregunta en Oswald mayúsculas y el botón redondo madera que gira a × ── */
.faq__item,.faq__item:last-child{margin:0 0 14px;border:1px solid var(--p-borde);border-radius:16px;background:#fff;box-shadow:5px 5px 0 var(--p-sombra);transition:border-color .2s ease,box-shadow .2s ease}
.faq__item:hover{border-color:var(--p-pri)}
.faq__item[open]{border-color:var(--p-pri);box-shadow:6px 6px 0 var(--p-pri)}
.faq__q{padding:18px 22px;gap:20px;grid-template-columns:1fr 34px}
.faq__q-text{font-family:var(--font-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.125rem;line-height:1.25;color:var(--p-pri)}
.faq__q:focus-visible{outline:3px solid var(--p-acento);outline-offset:3px;border-radius:14px}
.faq__icono,.faq__item[open] .faq__icono{width:34px;height:34px;background:var(--p-acento);color:#fff}
.faq__item[open] .faq__icono{background:var(--p-pri)}
.faq__a{margin:0 22px;padding:16px 0 20px;border-top:1px dashed #D5D5D5;line-height:1.65}
.faq__tag{color:var(--p-acento)}
@media (max-width:639px){.faq__q{padding:16px}.faq__q-text{font-size:1rem}.faq__a{margin:0 16px}.faq__icono,.faq__item[open] .faq__icono{width:30px;height:30px}.faq__q{grid-template-columns:1fr 30px}}
@media (prefers-reduced-motion:reduce){.faq__item{transition:none}}

/* ── Cierre: tarjeta verde oscuro con sombra recta madera; el formulario como segundo botón con borde blanco ── */
.cta-final{padding:clamp(48px,6vw,80px) 0 clamp(48px,6vw,72px)}
.cta-final__inner{background:var(--p-pri);border-radius:16px;box-shadow:6px 6px 0 var(--p-acento);padding:clamp(26px,4vw,48px)}
.cta-final__inner::before{display:none}
.cta-final__tag{color:#E2B77A}
.cta-final__title{text-transform:uppercase;letter-spacing:.015em;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);line-height:1.12}
.cta-final__title::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--p-acento);margin-top:14px}
.cta-final__desc{color:#EBEBEB}
.cta-final__actions .btn{min-width:18rem}
.cta-final__enlace{display:inline-flex;align-items:center;justify-content:center;min-width:18rem;padding:.8em 1.3em;border:2px solid #fff;border-radius:8px;font-family:var(--font-titulos);font-weight:700;font-size:1.05rem;color:#fff}
.cta-final__enlace:hover{background:#fff;color:var(--p-pri);text-decoration:none}
.cta-final__puntos li::before{border-radius:2px;background:var(--p-acento)}
@media (max-width:900px){.cta-final__actions .btn,.cta-final__enlace{min-width:0;width:100%}}

/* ── Pie: verde oscuro de la marca, títulos con raya madera ── */
.footer{background:var(--p-pri);color:#DEDEDE}
.footer__heading{position:relative;padding-bottom:10px;margin-bottom:18px;font-family:var(--font-titulos);font-weight:700;font-size:1.05rem;letter-spacing:.04em}
.footer__heading::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:var(--p-acento)}
.footer__list a{color:#DEDEDE}
.footer__list a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--p-acento);text-decoration-thickness:2px;text-underline-offset:4px}
.footer__bottom{border-top-color:rgba(255,255,255,.14);color:#BFBFBF}

/* Ajustes tras ver la home (23/10): grillas al ancho del contenido, sin la línea que unía los pasos (ahora son tarjetas) y botón de las preguntas en un renglón */
.section>ul.tarjetas-servicio,.section>ul.relacionados__list,.section>ul.incluye-pasos,.section>ul.maderas-grid,.section>ul.no-hacemos,.section>ol.proceso-3{max-width:none}
.proceso-3__paso::after,.proceso-3__paso:not(:last-child)::after,.proceso-3__paso:not(:last-child)::before{display:none}
.proceso-3__titulo{margin-top:1.25rem;color:var(--p-pri)}
.faq__contacto .btn{white-space:nowrap;font-size:1rem;padding:.75em 1.1em}
/* La tabla ocupa todo el marco en escritorio; en celular sigue con scroll lateral */
@media (min-width:760px){.tabla-comparativa{display:table}}
/* Departamentos: la sección de zonas usaba su propio fondo a todo el ancho; ahora sigue la alternancia de bandas como las demás */
.pagina--departamento .contenido__inner>.section-zonas{margin:0;padding:clamp(40px,5vw,72px) 0;background:transparent}

/* ═════ PASE 2 (23/10, "arreglá las partes rotas, ponele onda, cuidate de la sobrecarga cognitiva") ═════ */

/* Header: en notebooks (1100–1399 px) el botón mostraba solo el ícono y parecía roto; ahora lleva el texto */
@media (min-width:1100px){.header__cta span{display:inline}.nav__link{padding:0 12px}.nav__link::after{left:12px;right:12px}}

/* Lectura: renglones de 50rem como mucho (antes llegaban a ~1060 px) y un poco más de aire entre líneas */
.contenido .section>p,.contenido .section>ul:not([class]),.contenido .section>ol:not([class]),.contenido .section>ol.lista-factores,.contenido .section>h3,.contenido .section>.trabajamos-en,.contenido .entrada{max-width:50rem}
.contenido .section>p,.contenido .section li{line-height:1.7}
.contenido .section>p strong,.contenido .section li strong,.contenido .entrada strong{color:var(--p-pri)}
.contenido .section>h3{margin-top:2rem;padding-left:14px;border-left:4px solid var(--p-acento);line-height:1.2}
.contenido a:not([class]){color:var(--p-pri);text-decoration-color:var(--p-acento);text-decoration-thickness:2px;text-underline-offset:3px}
.contenido a:not([class]):hover{color:var(--p-acento)}

/* Entrada de las páginas internas: bajada destacada con raya madera, para que no se lea como un párrafo suelto */
.contenido .entrada{margin:clamp(28px,4vw,44px) 0 0;padding:4px 0 4px 18px;border-left:4px solid var(--p-acento);font-size:1.1rem;line-height:1.7;color:#333}
.contenido .entrada p{margin:0 0 .6em}.contenido .entrada p:last-child{margin:0}

/* Índice "En esta página": tarjeta compacta, más liviano que una lista larga suelta */
.toc{background:#fff;border:1px solid var(--p-borde);border-radius:16px;padding:20px 24px 16px;box-shadow:5px 5px 0 var(--p-sombra)}
.toc__title{font-family:var(--font-titulos);font-size:.95rem;font-weight:700;letter-spacing:.06em;color:var(--p-pri);margin-bottom:6px}
.toc__list{gap:0 2.5rem}
.toc__list li{padding:.45rem 0;font-size:.9rem}
.toc__list li:last-child,.toc__list li:nth-last-child(2):nth-child(odd){border-bottom:0}

/* Ventajas: en la home, tarjetas grandes; en las internas, una franja compacta (no repetir cuatro tarjetas grandes en cada página) */
@media (min-width:760px){
  body:not(.home-page) .pergola-hero-debajo{padding:22px 0 0}
  body:not(.home-page) .ventajas__lista{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--p-borde);border-radius:14px;box-shadow:5px 5px 0 var(--p-sombra)}
  body:not(.home-page) .ventaja,body:not(.home-page) .ventaja:last-child{grid-template-columns:52px 1fr;align-items:center;column-gap:12px;padding:16px 18px;border:0;border-right:1px solid var(--p-borde);border-radius:0;box-shadow:none;background:none}
  body:not(.home-page) .ventaja:last-child{border-right:0}
  body:not(.home-page) .ventaja::before{display:none}
  body:not(.home-page) .ventaja:hover{transform:none;box-shadow:none}
  body:not(.home-page) .ventaja__ico{width:52px;height:52px;margin:0}
  body:not(.home-page) .ventaja__ico .svgp{width:40px;height:40px}
  body:not(.home-page) .ventaja__txt{font-size:.85rem;line-height:1.4;gap:2px}
  body:not(.home-page) .ventaja__txt strong{font-size:1rem}
}

/* "Incluido en el presupuesto cerrado" (home): seis ítems livianos, sin caja ni rayita junto al número */
.incluye-pasos__item{background:none;border:0!important;box-shadow:none;padding:14px 0}
.incluye-pasos__num::after{display:none}
.incluye-pasos__num{color:var(--p-acento)}
.incluye-pasos__label{font-family:var(--font-titulos);font-weight:700;font-size:.95rem;letter-spacing:.06em;color:var(--p-pri)}

/* Proceso (home): banda verde para cortar la seguidilla de bandas claras; tarjetas blancas con sombra madera */
.home-page .contenido__inner>.section-como-trabajamos{background:var(--p-pri)!important;box-shadow:0 0 0 100vmax var(--p-pri)!important;clip-path:inset(0 -100vmax);color:#EBEBEB}
.home-page .section-como-trabajamos .section__title{color:#fff}
.home-page .section-como-trabajamos>p{color:#DADADA}
.home-page .section-como-trabajamos .proceso-3__paso{box-shadow:6px 6px 0 var(--p-acento);border-color:#fff!important}
.home-page .section-como-trabajamos .proceso-3__desc{color:var(--p-texto-2)}
.home-page .section-como-trabajamos .btn--whatsapp{margin-top:8px}

/* Zonas: los barrios como etiquetas suaves, menos ruido que botones con borde */
.chips{gap:6px}
.chips a{padding:.28rem .7rem;border:0;background:var(--p-fondo-2);font-size:.82rem;color:#3A3A3A}
.chips a:hover{background:#F1E6D6;color:var(--p-pri)}

/* Obras: el enlace a todas las obras separado de las fotos */
.obras-placeholder__accion,.section-obras>p:last-child{margin-top:18px}
.obras-grid+p,.obras-grid+.obras-ver{margin-top:20px}

/* Pie: textos legales a la izquierda y apagados; los títulos sin línea extra */
.footer__bottom{flex-direction:column;align-items:flex-start;gap:6px}
.footer__legal{text-align:left;max-width:none;color:rgba(255,255,255,.5);font-size:.78rem}
.footer__col nav+nav{border-top:0}
.incluye-pasos__item:last-child{border-bottom:0!important}
.contenido .entrada p{color:#333}
.contenido .entrada+.toc,.galeria-servicios+.toc{margin-top:28px}
.contenido .entrada{margin-bottom:clamp(28px,4vw,44px)}
/* Celular, páginas internas: ventajas en 2 × 2 chiquitas, para no ocupar una pantalla entera antes del contenido */
@media (max-width:759px){
  body:not(.home-page) .pergola-hero-debajo{padding:18px 0 0}
  body:not(.home-page) .ventajas__lista{grid-template-columns:1fr 1fr}
  body:not(.home-page) .ventaja{grid-template-columns:1fr;row-gap:6px;padding:14px 12px;border-bottom:1px solid var(--p-borde)}
  body:not(.home-page) .ventaja:nth-child(odd){border-right:1px solid var(--p-borde)}
  body:not(.home-page) .ventaja:nth-child(n+3){border-bottom:0}
  body:not(.home-page) .ventaja__ico{width:44px;height:44px}
  body:not(.home-page) .ventaja__ico .svgp{width:34px;height:34px}
  body:not(.home-page) .ventaja__txt{font-size:.8rem;line-height:1.35}
  body:not(.home-page) .ventaja__txt strong{font-size:.95rem}
}