/* Header y hero de ponecamaras.com con el estilo de pintor.uy (27/10/2026), adaptado del de casasprefabricadas.uy.
   Se carga después de style.css y solo pisa estilos: no cambia textos, encabezados ni enlaces.
   Paleta del logo (lente rojo): gris oscuro #0E1B2A (barra, velo, textos) y rojo #DC2626 (botones, rayas; hover #B91C1C).
   Oswald 700 en mayúsculas para menú, H1 y botones. Botones rectangulares de radio 8. Sin blur. */
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/oswald-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:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/oswald-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{
  --pc-f-titulos:Oswald,"Arial Narrow",sans-serif;
  --pc-gris:#0E1B2A;--pc-gris-2:#08121D;--pc-rojo:#DC2626;--pc-rojo-2:#B91C1C;
  --pc-fs-btn:clamp(1rem,.95rem + .2vw,1.125rem);
  --pc-fs-lead:clamp(1.0625rem,.99rem + .3vw,1.25rem);
  --pc-fs-h1:clamp(2rem,1.55rem + 1.9vw,3.125rem);
  --pc-fs-h1-home:clamp(2.125rem,1.5rem + 2.6vw,3.5rem);
  --alto-barra:0px;
  --alto-header:72px;
}
@media (min-width:992px){:root{--alto-barra:38px;--alto-header:calc(88px + var(--alto-barra))}}

/* Barra superior: gris oscuro de la marca, desde 992 px; con el header sólido se oculta */
.topbar{display:none;background:var(--pc-gris);color:#D3D8DE;font-size:.9rem}
@media (min-width:992px){.topbar{display:block}}
.topbar__inner{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-height:var(--alto-barra)}
.topbar__inner>span{margin-right:auto}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
.topbar a:hover{color:#FCA5A5}
.topbar a+a{padding-left:24px;border-left:1px solid rgba(255,255,255,.25)}
.js body.con-hero .header.header--solido .topbar{display:none}

/* Header */
.header__inner{min-height:72px;gap:20px}
@media (min-width:992px){.header__inner{min-height:88px}}

/* Logo plano: a color en el header blanco; con contorno blanco sobre el hero y en el pie */
.logo__img{display:block;height:auto;margin:0}
.header .logo__img--contorno{display:none}
.js body.con-hero .header:not(.header--solido):not(:has(.header__menu[open])) .logo__img--color{display:none}
.js body.con-hero .header:not(.header--solido):not(:has(.header__menu[open])) .logo__img--contorno{display:block}
.header__logo .logo__img--color{width:170px}
.header__logo .logo__img--contorno{width:177px;margin:0 -3px}
@media (min-width:600px){.header__logo .logo__img--color{width:196px}.header__logo .logo__img--contorno{width:204px;margin:0 -4px}}
@media (min-width:1200px){.header__logo .logo__img--color{width:226px}.header__logo .logo__img--contorno{width:235px;margin:0 -4px}}
.footer__marca .logo__img{width:250px;margin:0 -5px}

/* Menú de escritorio: Oswald en mayúsculas con raya roja abajo en hover */
@media (min-width:992px){
  .header__nav{align-self:stretch}
  .header__nav-list{height:100%;gap:0}
  .header__nav-list li{display:flex}
  .header__nav-list a{position:relative;display:flex;align-items:center;padding:0 14px;border:0;color:#181818;font-family:var(--pc-f-titulos);font-weight:700;font-size:var(--pc-fs-btn);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:color .15s}
  .header__nav-list a::after{content:"";position:absolute;left:14px;right:14px;bottom:26px;height:3px;border-radius:2px;background:var(--pc-rojo);transform:scaleX(0);transform-origin:left;transition:transform .2s}
  .header__nav-list a:hover,.js body.con-hero .header .header__nav-list a:hover{color:var(--pc-gris);border:0}
  .header__nav-list a:hover::after,.header__nav-list a[aria-current]::after{transform:scaleX(1)}
  .js body.con-hero .header:not(.header--solido) .header__nav-list a,.js body.con-hero .header:not(.header--solido) .header__nav-list a:hover{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.3)}
  .js body.con-hero .header.header--solido .header__nav-list a{color:#181818}
}

/* Botón del header (teléfono): rectángulo rojo de radio 8 en Oswald; en celular no va */
.header__cta{border-radius:8px;font-family:var(--pc-f-titulos);font-size:var(--pc-fs-btn);letter-spacing:.04em;padding:.6em 1.2em;background:var(--pc-rojo)}
.header__cta:hover{background:var(--pc-rojo-2)}
@media (min-width:992px){.header__cta{margin-left:10px}}

/* Hamburguesa y menú de celular */
.header__hamburger{border:0;width:44px}
.header__hamburger span{width:26px;height:2.5px;border-radius:2px;background:#181818}
.js body.con-hero .header .header__hamburger{border:0}
.mobile-menu__nav a{font-family:var(--pc-f-titulos);font-weight:700;font-size:clamp(1.2rem,1.1rem + .4vw,1.4rem);text-transform:uppercase;letter-spacing:.03em;color:#181818}
.mobile-menu__nav a:hover{color:var(--pc-rojo)}
.header__mobile-menu{max-height:calc(100vh - var(--alto-header))}

/* Botones (menú de celular y heros): rectángulo de radio 8, Oswald; el de WhatsApp va en rojo */
.mobile-menu__bottom .btn,.hero .btn,.pagina__hero .btn{min-height:0;border-radius:8px;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.2;padding:.85em 1.5em;font-size:calc(var(--pc-fs-btn) * 1.1)}
.mobile-menu__bottom .btn--wsp,.hero__acciones .btn--wsp,.pagina__hero .pagina__acciones .btn--wsp{background:var(--pc-rojo);border-color:var(--pc-rojo);color:#fff}
.mobile-menu__bottom .btn--wsp:hover,.hero__acciones .btn--wsp:hover,.pagina__hero .pagina__acciones .btn--wsp:hover{background:var(--pc-rojo-2);border-color:var(--pc-rojo-2);color:#fff}
.mobile-menu__bottom .btn--acento{background:transparent;color:var(--pc-gris);border-color:var(--pc-gris)}
.mobile-menu__bottom .btn--acento:hover{background:var(--pc-gris);color:#fff}

/* Hero: foto (o video) con velo gris casi negro de abajo hacia arriba, texto a la izquierda, H1 Oswald en mayúsculas */
.hero,.pagina__hero{background-color:var(--pc-gris-2)}
.hero::before,.pagina__hero::before,
.hero::before{background:linear-gradient(180deg,rgba(8,18,29,.55) 0,rgba(8,18,29,0) calc(var(--alto-header) + 60px)),linear-gradient(0deg,rgba(8,18,29,.92) 0%,rgba(8,18,29,.7) 40%,rgba(8,18,29,.4) 80%,rgba(8,18,29,.32) 100%)}
@media (max-width:899px){.hero::before,.pagina__hero::before{background:linear-gradient(0deg,rgba(8,18,29,.92) 0%,rgba(8,18,29,.72) 50%,rgba(8,18,29,.5) 100%)}}
.hero::after{display:none}
body.con-hero .hero{padding:calc(var(--alto-header) + 52px) 0 64px}
body.con-hero .pagina__hero{padding:calc(var(--alto-header) + 28px) 0 44px}
@media (min-width:992px){
  body.con-hero .hero{min-height:0;padding:calc(var(--alto-header) + 110px) 0 100px}
  body.con-hero .pagina__hero{padding:calc(var(--alto-header) + 56px) 0 64px}
}
.hero__texto,.pagina__hero .container>*{max-width:820px}
.hero .hero__titulo,.pagina__hero .pagina__h1{font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;line-height:1.05;color:#fff;margin:.15em 0 .35em;font-size:var(--pc-fs-h1);text-shadow:0 1px 12px rgba(0,0,0,.35)}
.hero .hero__titulo{font-size:var(--pc-fs-h1-home)}
.hero__titulo em{color:#fff}
.hero .respuesta-directa,.pagina__hero .respuesta-directa{background:none;border:0;padding:0;margin:0;box-shadow:none;max-width:760px}
.hero .respuesta-directa p,.pagina__hero .respuesta-directa p{font-size:var(--pc-fs-lead);line-height:1.65;color:#EDEEF0;text-shadow:0 1px 12px rgba(0,0,0,.35)}

/* Solo H1, bajada y el botón de WhatsApp: eyebrow, migas, HUD, chips y botón secundario quedan en el HTML pero no se ven */
.hero__eyebrow,.pagina__hero .pagina__eyebrow,.hud,.hero__estado,.pagina__hero .migas,
.hero__acciones .btn--acento,.pagina__hero .pagina__acciones .btn--acento{display:none !important}
.hero__acciones,.pagina__hero .pagina__acciones{margin-top:26px}
.hero__acciones .btn,.pagina__hero .pagina__acciones .btn{flex:0 0 auto}

/* Celular: H1 que entra en pocas líneas y botón a todo el ancho */
@media (max-width:759px){
  .hero .hero__titulo,.pagina__hero .pagina__h1{font-size:6.8vw}
  .hero .respuesta-directa p,.pagina__hero .respuesta-directa p{font-size:1rem;line-height:1.6}
  .hero__acciones .btn,.pagina__hero .pagina__acciones .btn{width:100%;flex:1 1 100%;font-size:1rem;padding:.85em 1em}
}

/* Anclas: el header es más alto */
:target,[id]{scroll-margin-top:calc(var(--alto-header) + 1rem)}

/* Foto de fondo del hero (27/10/2026): cámara bala sobre pared revocada, stock de Unsplash editado con ChatGPT.
   La misma en la home (sin el video) y en las internas; la cámara queda a la derecha y el texto sobre la pared lisa. */
.hero,.pagina__hero{background-image:url("../images/hero/hero-camara-pared-1024.webp");background-position:72% center}
@media (min-width:1025px){.hero,.pagina__hero{background-image:url("../images/hero/hero-camara-pared-1920.webp");background-position:center}}
.hero__video{display:none}
@media (min-width:992px){.hero__texto,.hero .respuesta-directa,.pagina__hero .container>*{max-width:700px}}

/* Hero más bajo (27/10/2026, pedido: "demasiado alto"): menos aire arriba y abajo del texto */
body.con-hero .hero{padding:calc(var(--alto-header) + 32px) 0 40px}
body.con-hero .pagina__hero{padding:calc(var(--alto-header) + 20px) 0 32px}
.hero__inner{padding-bottom:0}
@media (min-width:992px){
  body.con-hero .hero{min-height:0;padding:calc(var(--alto-header) + 56px) 0 64px}
  body.con-hero .pagina__hero{padding:calc(var(--alto-header) + 40px) 0 52px}
}

/* Bajada del hero sin negrita (27/10/2026): el <strong> queda en el HTML */
.hero .respuesta-directa strong,.pagina__hero .respuesta-directa strong{font-weight:inherit}

/* Ventajas debajo del hero (27/10/2026): 4 íconos planos de ChatGPT en círculo gris claro + texto en Oswald */
.ventajas{background:#fff;border-bottom:1px solid #E6E8EB;padding:36px 0}
.ventajas__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;list-style:none;margin:0 auto}
@media (min-width:860px){.ventajas{padding:44px 0}.ventajas__lista{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ventajas__lista li{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.ventajas__lista img{width:84px;height:84px;padding:12px;box-sizing:content-box;border-radius:50%;background:#F3F4F6;object-fit:contain}
@media (min-width:860px){.ventajas__lista img{width:96px;height:96px;padding:14px}}
.ventajas__lista span{font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(1rem,.95rem + .3vw,1.2rem);line-height:1.2;color:var(--pc-gris)}

/* ===== Títulos de sección (27/10/2026): Oswald con rayita roja, estilo pintor.uy ===== */
.seccion__titulo{position:relative;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;line-height:1.1;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);color:var(--pc-gris);padding-bottom:14px;margin-bottom:18px}
.seccion__titulo::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:2px;background:var(--pc-rojo)}

/* ===== «Qué hacemos» de la home (27/10/2026): tarjetas de servicios de pintor.uy, como contenedorescasas.uy =====
   Foto a la izquierda fundida en blanco, título en Oswald con flecha roja, sombra recta gris que pasa a gris oscuro en hover.
   Toda la tarjeta es el enlace (el a::after del título ya la cubre). 1 columna en celular, 2 desde 760 px. Solo CSS. */
.ventajas + .seccion{padding:clamp(44px,5vw,76px) 0;background:#FAFAFA}
.ventajas + .seccion .tarjetas--foto{grid-template-columns:1fr;gap:16px}
@media (min-width:760px){.ventajas + .seccion .tarjetas--foto{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
.tarjetas--foto .tarjeta--foto{position:relative;isolation:isolate;display:grid;grid-template-columns:42% 1fr;grid-template-rows:1fr auto auto 1fr;row-gap:6px;min-height:0;padding:0;background:#fff;color:inherit;border:1px solid #E0E2E6;border-radius:14px;box-shadow:5px 5px 0 #DADCE0;overflow:hidden;align-items:stretch;justify-content:stretch;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tarjetas--foto .tarjeta--foto:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--pc-gris);border-color:var(--pc-gris)}
.tarjetas--foto .tarjeta--foto::before{content:"";position:static;grid-column:1;grid-row:1 / -1;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,0) 48%,rgba(255,255,255,.8) 82%,#fff 98%);pointer-events:none}
.tarjetas--foto .tarjeta__foto{position:static;grid-column:1;grid-row:1 / -1;width:100%;height:100%;min-height:170px;object-fit:cover;object-position:center;z-index:-1;transition:transform .5s ease}
.tarjetas--foto .tarjeta--foto:hover .tarjeta__foto{transform:scale(1.05)}
.tarjetas--foto .tarjeta__titulo,.tarjetas--foto .tarjeta__desc{grid-column:2;position:relative;z-index:1;margin:0 0 0 -8%;padding-right:18px}
.tarjetas--foto .tarjeta__titulo{grid-row:2;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.125rem,1.05rem + .4vw,1.4rem);line-height:1.15}
.tarjetas--foto .tarjeta__titulo a,.tarjetas--foto .tarjeta__titulo a:hover{color:var(--pc-gris);text-decoration:none}
.tarjetas--foto .tarjeta__desc{grid-row:3;align-self:start;padding-bottom:18px;font-size:.9375rem;line-height:1.55;color:#55606B}
@media (min-width:900px){.tarjetas--foto .tarjeta__foto{min-height:200px}}
@media (prefers-reduced-motion:reduce){.tarjetas--foto .tarjeta--foto,.tarjetas--foto .tarjeta__foto{transition:none}.tarjetas--foto .tarjeta--foto:hover,.tarjetas--foto .tarjeta--foto:hover .tarjeta__foto{transform:none}}
.ventajas + .seccion .seccion__pie a{color:var(--pc-rojo);font-weight:600}
.tarjetas--foto .tarjeta__titulo::after{content:"\00a0\2192";position:relative;left:0;color:var(--pc-rojo);font-family:var(--fuente);white-space:nowrap;transition:left .2s ease}
.tarjetas--foto .tarjeta--foto:hover .tarjeta__titulo::after{left:4px}

/* ===== «Dónde instalamos» de la home (27/10/2026): banda blanca, departamentos en Oswald, barrios como chips suaves sin borde (estilo pintor.uy). Solo CSS ===== */
.seccion[aria-labelledby="s-zonas"]{background:#fff;padding:clamp(44px,5vw,76px) 0}
.seccion[aria-labelledby="s-zonas"] .seccion__subtitulo{font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.15rem,1.08rem + .35vw,1.4rem);margin:28px 0 12px}
.seccion[aria-labelledby="s-zonas"] .seccion__subtitulo a{color:var(--pc-gris);text-decoration:none}
.seccion[aria-labelledby="s-zonas"] .seccion__subtitulo a::after{content:"\00a0\2192";position:relative;left:0;color:var(--pc-rojo);font-family:var(--fuente);transition:left .2s ease}
.seccion[aria-labelledby="s-zonas"] .seccion__subtitulo a:hover::after{left:4px}
.seccion[aria-labelledby="s-zonas"] .lista-columnas{display:flex;flex-wrap:wrap;gap:8px;grid-template-columns:none}
.seccion[aria-labelledby="s-zonas"] .lista-columnas>li{font-size:.9375rem}
.seccion[aria-labelledby="s-zonas"] .lista-columnas a{display:inline-block;padding:.45em .95em;border-radius:8px;background:#F1F2F4;color:var(--pc-gris);font-weight:500;line-height:1.3;transition:background-color .15s,color .15s}
.seccion[aria-labelledby="s-zonas"] .lista-columnas a:hover{background:var(--pc-rojo);color:#fff;text-decoration:none}
.seccion[aria-labelledby="s-zonas"] .seccion__pie{margin-top:28px}
.seccion[aria-labelledby="s-zonas"] .seccion__pie a{color:var(--pc-rojo);font-weight:600}

/* ===================== RESTO DEL SITIO (31/10/2026): estilo pintor.uy, solo CSS, mismos textos y enlaces ===================== */
/* Bandas alternas blanco / gris muy claro; links de pie de sección en rojo */
.seccion--alterna{background:#FAFAFA}
.seccion{padding-block:clamp(44px,5vw,76px)}
.seccion__pie a{color:var(--pc-rojo);font-weight:600}
.seccion__pie a:hover{color:var(--pc-rojo-2)}

/* «Cómo trabajamos» de la home: banda gris oscuro que corta las bandas claras; pasos con ícono rojo en círculo blanco */
.seccion[aria-labelledby="s-proceso"]{background:var(--pc-gris);color:#D5DAE0}
.seccion[aria-labelledby="s-proceso"] .seccion__titulo{color:#fff}
.seccion[aria-labelledby="s-proceso"] .pasos--iconos>li>h3{color:#fff;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.1rem,1.04rem + .3vw,1.3rem);line-height:1.2;margin-bottom:.4rem}
.seccion[aria-labelledby="s-proceso"] .pasos--iconos>li>h3::before{color:#FCA5A5}
.seccion[aria-labelledby="s-proceso"] .pasos--iconos p{color:#D5DAE0}
.seccion[aria-labelledby="s-proceso"] .pasos__icono{background:#fff;border:0;color:var(--pc-rojo);box-shadow:4px 4px 0 var(--pc-rojo)}
.seccion[aria-labelledby="s-proceso"] .pasos--iconos>li:not(:last-child)::after{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.35) 0 4px,transparent 4px 9px)}
@media (min-width:860px){.seccion[aria-labelledby="s-proceso"] .pasos--iconos>li:not(:last-child)::after{background:repeating-linear-gradient(to right,rgba(255,255,255,.35) 0 4px,transparent 4px 9px)}}
.seccion[aria-labelledby="s-proceso"] .seccion__pie{color:#D5DAE0}
.seccion[aria-labelledby="s-proceso"] .seccion__pie a{color:#fff}
.seccion[aria-labelledby="s-proceso"] .seccion__pie a:hover{color:#FCA5A5}

/* Tablas: encabezado gris oscuro, borde gris y sombra recta */
.tabla-envoltorio{border:1px solid #E0E2E6;border-radius:12px;box-shadow:5px 5px 0 #DADCE0;background:#fff}
.tabla thead th{background:var(--pc-gris);color:#fff;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.tabla tbody th{background:#fff}
.tabla td{color:var(--pc-gris)}
.seccion[aria-labelledby="s-mirar"] .tabla td{font-weight:600}
@media (min-width:760px){.tabla th,.tabla td{white-space:normal}}

/* Listas con tilde: tilde rojo; en la home «Qué incluye» va en tarjetas planas con sombra recta */
.lista-check>li::before{border-color:var(--pc-rojo)}
.seccion[aria-labelledby="s-confianza"]{background:#fff}
.seccion[aria-labelledby="s-confianza"] .lista-check{gap:16px}
.seccion[aria-labelledby="s-confianza"] .lista-check>li{background:#fff;border:1px solid #E0E2E6;border-radius:12px;box-shadow:5px 5px 0 #DADCE0;padding:18px 20px 18px 50px;line-height:1.6}
.seccion[aria-labelledby="s-confianza"] .lista-check>li::before{left:22px;top:calc(18px + .55em)}
.seccion[aria-labelledby="s-confianza"] .lista-check strong{color:var(--pc-gris)}

/* Tarjetas comunes (guías y otras): planas con sombra recta; título en Oswald */
.tarjeta{border:1px solid #E0E2E6;border-radius:12px;box-shadow:5px 5px 0 #DADCE0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tarjeta:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--pc-gris);border-color:var(--pc-gris)}
.tarjeta:not(.tarjeta--foto) .tarjeta__titulo{font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:1.1rem}
.tarjeta:not(.tarjeta--foto) .tarjeta__titulo a{color:var(--pc-gris)}
.tarjeta:not(.tarjeta--foto) .tarjeta__titulo a:hover{color:var(--pc-rojo);text-decoration:none}
@media (prefers-reduced-motion:reduce){.tarjeta,.tarjeta:hover{transition:none;transform:none}}

/* Preguntas frecuentes: tarjetas con sombra recta y botón rojo cuadrado que gira */
.faq{background:#fff;border-top:0;padding-block:clamp(44px,5vw,76px)}
.faq__titulo{position:relative;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;line-height:1.1;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);color:var(--pc-gris);padding-bottom:14px;margin-bottom:24px}
.faq__titulo::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:2px;background:var(--pc-rojo)}
.faq__lista{gap:14px}
.faq__item{border:1px solid #E0E2E6;border-radius:12px;box-shadow:5px 5px 0 #DADCE0}
.faq__pregunta{padding:16px 18px}
.faq__pregunta h3{font-weight:700;color:var(--pc-gris)}
.faq__pregunta::after{width:34px;height:34px;border:0;border-radius:8px;transform:none;background:var(--pc-rojo) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .2s ease,background-color .2s}
.faq__item[open] .faq__pregunta::after{transform:rotate(45deg);background-color:var(--pc-gris)}
.faq__item[open] .faq__pregunta{border-bottom-color:#E0E2E6}

/* Cierre: tarjeta gris oscuro con sombra roja; WhatsApp rojo y «Ver servicios» con borde blanco */
.cta{background:#fff;color:#fff;padding-block:clamp(20px,3vw,40px) clamp(52px,6vw,88px)}
.cta__inner{background:var(--pc-gris);border-radius:14px;box-shadow:8px 8px 0 var(--pc-rojo);padding:clamp(28px,4vw,48px)}
.cta__titulo{font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;line-height:1.1;font-size:clamp(1.5rem,1.3rem + 1vw,2.125rem)}
.cta__desc{color:#D5DAE0}
.cta .btn{border-radius:8px;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cta .btn--wsp{background:var(--pc-rojo);border-color:var(--pc-rojo);color:#fff}
.cta .btn--wsp:hover{background:var(--pc-rojo-2);border-color:var(--pc-rojo-2);color:#fff}
.cta .btn--acento{background:transparent;border-color:#fff;color:#fff}
.cta .btn--acento:hover{background:#fff;border-color:#fff;color:var(--pc-gris)}

/* Pie: casi negro con raya roja arriba; títulos de columna en Oswald */
.footer{background:var(--pc-gris-2);color:#C5CCD4;border-top:4px solid var(--pc-rojo)}
.footer__titulo{font-family:var(--pc-f-titulos);font-size:1rem;letter-spacing:.06em;color:#fff}
.footer__lista a{color:#C5CCD4}
.footer__lista a:hover,.footer__contacto a:hover{color:#FCA5A5}
.footer__ambito,.footer__legal-links a{color:#9AA4AF}
.footer__legal{border-top-color:rgba(255,255,255,.1)}
.faq__item[open] .faq__pregunta::after{transform:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h12' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.faq__respuesta a{color:var(--pc-rojo)}
.footer__creditos a{color:#9AA4AF}
.cta>.container.cta__inner{width:calc(100% - 2 * var(--gutter));max-width:calc(var(--ancho) - 2 * var(--gutter));margin-inline:auto;box-sizing:border-box}

/* ===================== CUERPO DE LAS PÁGINAS INTERNAS (31/10/2026): estilo pintor.uy, solo CSS ===================== */
/* Bloques en bandas alternas blanco / gris muy claro a todo el ancho (box-shadow + clip-path, sin tocar el HTML) */
.pagina__cuerpo{padding-block:0}
.pagina__cuerpo>.bloque{margin:0;padding-block:clamp(36px,4.5vw,64px)}
.pagina__cuerpo>.bloque:nth-of-type(even){background:#FAFAFA;box-shadow:0 0 0 100vmax #FAFAFA;clip-path:inset(0 -100vmax)}
.pagina__cuerpo>.bloque:first-child{padding-top:clamp(40px,5vw,72px)}
.pagina__cuerpo>.bloque:last-child{padding-bottom:clamp(44px,5vw,76px)}

/* Títulos: H2 en Oswald mayúsculas con rayita roja; H3 en Oswald con barra roja a la izquierda */
.bloque>h2,.contacto__form-col>h2{position:relative;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;line-height:1.12;font-size:clamp(1.5rem,1.28rem + 1vw,2.05rem);color:var(--pc-gris);padding-bottom:12px;margin-bottom:20px}
.bloque>h2::after,.contacto__form-col>h2::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;border-radius:2px;background:var(--pc-rojo)}
.bloque>h3{font-family:var(--pc-f-titulos);font-weight:700;letter-spacing:.015em;line-height:1.2;font-size:clamp(1.15rem,1.08rem + .35vw,1.35rem);color:var(--pc-gris);padding-left:12px;border-left:4px solid var(--pc-rojo);margin:1.75rem 0 .7rem}
.bloque--zona>h2{color:var(--pc-gris)}

/* Texto: medida de lectura cómoda, interlineado amplio, negritas en gris oscuro, links con subrayado rojo */
.bloque>p,.bloque>ul,.bloque>ol{max-width:50rem}
.bloque p,.bloque li{line-height:1.7}
.bloque strong{color:var(--pc-gris)}
.pagina__cuerpo a:not(.btn):not(.tarjeta__titulo a){color:var(--pc-gris);text-decoration:underline;text-decoration-color:var(--pc-rojo);text-decoration-thickness:2px;text-underline-offset:3px}
.pagina__cuerpo a:not(.btn):hover{color:var(--pc-rojo)}

/* Notas y datos: tarjeta gris claro con borde rojo a la izquierda */
.nota,.nota-fecha,.dato-destacado{background:#F3F4F6;border-left:4px solid var(--pc-rojo);border-radius:8px;color:#4B5563}
.pagina__actualizado,.pagina__meta{color:#6B7280}

/* Listas numeradas y pasos: círculo rojo con número en Oswald */
.lista-numerada>li::before,.pasos>li::before{background:var(--pc-rojo);font-family:var(--pc-f-titulos)}
.pasos--grandes>li>h3,.pasos__titulo{font-family:var(--pc-f-titulos);font-weight:700;letter-spacing:.015em;color:var(--pc-gris)}

/* Listados de zonas y barrios: chips suaves como en la home */
.pagina__cuerpo .lista-columnas{display:flex;flex-wrap:wrap;gap:8px}
.pagina__cuerpo .lista-columnas>li{font-size:.9375rem}
.pagina__cuerpo .lista-columnas a:not(.btn){display:inline-block;padding:.45em .95em;border-radius:8px;background:#F1F2F4;color:var(--pc-gris);font-weight:500;line-height:1.3;text-decoration:none}
.pagina__cuerpo .bloque:nth-of-type(even) .lista-columnas a:not(.btn){background:#fff;box-shadow:inset 0 0 0 1px #E0E2E6}
.pagina__cuerpo .lista-columnas a:not(.btn):hover{background:var(--pc-rojo);color:#fff;box-shadow:none}

/* Tarjetas de listados (servicios, blog): meta en rojo */
.tarjeta__meta{color:var(--pc-rojo);border-top-color:#E0E2E6;font-weight:600}
.pagina__cuerpo .tarjeta__titulo a{text-decoration:none}

/* Contacto: formulario con campos de radio 8 y foco rojo; columna de datos en tarjeta con sombra recta */
.campo input[type="text"],.campo input[type="tel"],.campo input[type="email"],.campo input[type="search"],.campo select,.campo textarea{border-radius:8px;border-color:#D1D5DB}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--pc-rojo);outline:2px solid rgba(220,38,38,.18);outline-offset:0}
.campo--check input{accent-color:var(--pc-rojo)}
.formulario .btn,.pagina__cuerpo .btn{border-radius:8px;font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pagina__cuerpo .btn--acento{background:var(--pc-rojo);border-color:var(--pc-rojo);color:#fff}
.pagina__cuerpo .btn--acento:hover{background:var(--pc-rojo-2);border-color:var(--pc-rojo-2)}
.pagina__cuerpo .btn--wsp{background:var(--pc-rojo);border-color:var(--pc-rojo);color:#fff}
.contacto__info-col{background:#fff;border:1px solid #E0E2E6;border-radius:12px;box-shadow:5px 5px 0 #DADCE0}
.contacto__info-col h2{font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--pc-gris)}
/* Artículos: recuadro de puntos clave como tarjeta con sombra recta */
.puntos-clave{background:#fff;border:1px solid #E0E2E6;border-left:4px solid var(--pc-rojo);border-radius:12px;box-shadow:5px 5px 0 #DADCE0}
.puntos-clave__titulo{font-family:var(--pc-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--pc-gris)}
.puntos-clave li::before{background:var(--pc-rojo);border-color:var(--pc-rojo)}

/* Íconos planos de ChatGPT en los pasos de «Cómo trabajamos» (31/10/2026): círculo blanco más grande con sombra roja */
.pasos__icono img{display:block;width:70%;height:70%;object-fit:contain}
.seccion[aria-labelledby="s-proceso"] .pasos__icono{width:76px;height:76px}
.seccion[aria-labelledby="s-proceso"] .pasos--iconos>li{padding-left:100px;min-height:80px}
.seccion[aria-labelledby="s-proceso"] .pasos--iconos>li:not(:last-child)::after{left:37px;top:90px}
@media (min-width:860px){
  .seccion[aria-labelledby="s-proceso"] .pasos--iconos>li{padding-left:0;min-height:0}
  .seccion[aria-labelledby="s-proceso"] .pasos__icono{margin-bottom:18px}
  .seccion[aria-labelledby="s-proceso"] .pasos--iconos>li:not(:last-child)::after{left:96px;top:37px}
}