/* Cuerpo y pie de steelframingcordoba.com con el estilo de pintor.uy (26/10/2026). Se carga después de sitio.css y cabecera-hero.css.
   Solo pisa estilos: no cambia textos, encabezados ni enlaces. Sin blur ni sombras difusas: todas las sombras son rectas.
   Paleta del logo: gris oscuro #303136 (títulos, tablas, lateral, cierre, pie) y rojo #E1282D (botones, rayas, viñetas). */

/* Bandas: blanco y gris claro alternados, con más aire */
.bloque{padding:clamp(44px,5.5vw,72px) 0}
.bloque--gris{background:#F5F5F5}

/* Índice "En esta página": chips rectangulares de radio 8 (nada de píldoras) */
.indice{background:#F5F5F5;border-bottom:1px solid #E6E6E6}
.indice a{border-radius:8px;border-color:#E0E0E0;color:var(--c-primario);transition:border-color .2s,color .2s,box-shadow .2s}
.indice a:hover{border-color:var(--c-acento);color:var(--c-acento);box-shadow:3px 3px 0 var(--c-primario)}
.indice a::before{border-radius:6px}

/* Zonas: botones rectangulares con sombra recta al pasar */
.prosa .lista-zonas a{border-radius:8px;border-color:#E0E0E0;font-weight:600;color:var(--c-primario);transition:border-color .2s,color .2s,box-shadow .2s}
.lista-zonas a:hover{border-color:var(--c-acento);color:var(--c-acento);box-shadow:3px 3px 0 var(--c-primario)}

/* Tablas: marco con sombra recta */
.tabla-wrap{border-radius:12px;border-color:#E0E0E0;box-shadow:4px 4px 0 #E4E4E4}

/* Fotos del texto: sombra recta */
.prosa figure img,.prosa .foto img{box-shadow:6px 6px 0 #E4E4E4}

/* Preguntas frecuentes en tarjetas con sombra recta; la abierta con borde rojo y sombra gris oscuro */
.faq{gap:12px}
.faq__item{border-color:#E0E0E0;border-radius:12px;box-shadow:4px 4px 0 #E4E4E4;transition:box-shadow .2s,border-color .2s}
.faq__item[open]{border-color:var(--c-acento);box-shadow:5px 5px 0 var(--c-primario)}
.faq__q{color:var(--c-primario)}
.faq__item[open]>.faq__q{color:var(--c-acento)}
.faq__q::after{background-color:#EDEDED;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23303136' d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E")}
.faq__item[open]>.faq__q::after,.faq__q:hover::after{background-color:var(--c-acento);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E")}

/* Columna lateral y banda de WhatsApp: tarjeta gris oscuro con sombra recta roja */
.lateral-wa{border-top:0;border-radius:14px;box-shadow:6px 6px 0 var(--c-acento)}
.lateral__box{border-radius:14px;box-shadow:4px 4px 0 #E4E4E4}
.lateral__box:first-child{border-top:0;box-shadow:6px 6px 0 var(--c-acento)}
.cta-banda{border-top:0;box-shadow:inset 0 4px 0 var(--c-acento)}

/* Cierre: tarjeta gris oscuro con sombra recta roja; formulario en tarjeta blanca */
.cierre__tarjeta{border-radius:18px;box-shadow:10px 10px 0 var(--c-acento)}
@media(max-width:599px){.cierre__tarjeta{box-shadow:6px 6px 0 var(--c-acento)}}
.cierre__ico{background:#1E1F23;color:var(--c-acento)}
.cierre .form-card{border-radius:14px}
.form__campo input:focus,.form__campo select:focus,.form__campo textarea:focus{outline:0;border-color:var(--c-acento);box-shadow:3px 3px 0 var(--c-primario)}

/* Pie: gris oscuro de la marca, títulos en Oswald con rayita roja, enlaces sin subrayar */
.footer{background:#26272B;color:#C9C9C9;padding:clamp(44px,5vw,64px) 0 22px}
.footer__grid{gap:32px}
.footer__h{position:relative;margin:0 0 16px;padding-bottom:10px;font-family:var(--f-titulos);font-weight:700;font-size:1.125rem;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.footer__h::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:var(--c-acento)}
.footer__col li{margin-bottom:8px}
.footer a{color:#E4E4E4;text-decoration:none}
.footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer__marca p{line-height:1.6}
.footer__wa{display:inline-flex;align-items:center;gap:.5em;margin:10px 0 6px;padding:.6em 1.1em;border-radius:8px;background:var(--c-acento);color:#fff!important;font-family:var(--f-titulos);font-weight:700;letter-spacing:.04em;text-decoration:none!important}
.footer__wa:hover{background:var(--c-acento-2)}
.footer__wa i{font-size:1.2em}
.footer__abajo{border-top-color:#3A3B40;color:#A8A8A8}
.prosa .foto::after{display:none}