/* Estilos propios de quiénes somos, dónde estamos, contacto, agencia, talleres y alquiler (rediseño 2026). Prefijo fa-. */

/* Mapas incrustados */
.fa-map{display:block;width:100%;height:360px;border:0;border-radius:16px;background:var(--f-alt)}

/* Sede: mapa + datos lado a lado, sin tarjeta */
.fa-sede{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px 56px;align-items:center}
.fa-sede--rev > :first-child{order:2}
.fa-sede h2{margin:0 0 6px;font-family:var(--f-head);font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15}
.fa-sede .fa-addr{margin:0 0 16px;color:var(--f-muted)}
.fa-sede p{color:var(--f-text2)}

/* Lista con marca roja (equipamiento, qué hacemos) */
.fa-ticks{list-style:none;margin:0 0 24px;padding:0}
.fa-ticks li{position:relative;padding:10px 0 10px 28px;border-top:1px solid var(--f-line)}
.fa-ticks li:last-child{border-bottom:1px solid var(--f-line)}
.fa-ticks li::before{content:"";position:absolute;left:4px;top:19px;width:10px;height:10px;border-radius:50%;background:var(--f-red)}

/* Canales de contacto: columnas con número grande */
.fa-chan small{display:block;font-size:14px;color:var(--f-muted);margin-bottom:4px}
.fa-chan a,.fa-chan b{display:block;font-family:var(--f-head);font-weight:800;font-size:1.35rem;line-height:1.3;color:var(--f-ink);text-decoration:none}
.fa-chan a:hover{color:var(--f-red)}
.fa-chan p{margin:6px 0 0;color:var(--f-muted);font-size:15px}

/* Programas de la agencia: filas grandes separadas por línea */
.fa-prog{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) auto;gap:16px 40px;align-items:start;padding:40px 0;border-top:1px solid var(--f-line2)}
.fa-prog:last-child{border-bottom:1px solid var(--f-line2)}
.fa-prog__tag{display:block;margin:0 0 6px;font-family:var(--f-head);font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--f-red)}
.fa-prog h3{margin:0;font-family:var(--f-head);font-weight:800;font-size:1.45rem;line-height:1.2}
.fa-prog p{margin:0 0 12px;color:var(--f-text2)}
.fa-prog ul{margin:0;padding-left:1.1em;color:var(--f-text2)}
.fa-prog li{margin:0 0 4px}
.fa-prog .f-btns{flex-direction:column;align-items:stretch}

/* Números de taller */
.fa-num{counter-reset:fa;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.fa-num li{counter-increment:fa;display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;padding:28px 0;border-top:1px solid var(--f-line2)}
.fa-num li::before{content:counter(fa,decimal-leading-zero);grid-row:1 / span 2;font-family:var(--f-head);font-weight:800;font-size:1.6rem;line-height:1.1;color:var(--f-red)}
.fa-num h3{margin:0;font-family:var(--f-head);font-weight:700;font-size:1.2rem;line-height:1.3}
.fa-num p{margin:0;color:var(--f-text2)}

/* Espacios en alquiler: foto + texto en columnas */
.fa-space img{width:100%;height:240px;object-fit:cover;border-radius:16px;display:block;margin-bottom:18px}
.fa-space h3{margin:0 0 6px;font-family:var(--f-head);font-weight:700;font-size:1.3rem}
.fa-space p{margin:0;color:var(--f-text2)}

/* Historia: cita grande */
.fa-quote{margin:0;font-family:var(--f-head);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.2;letter-spacing:-.01em}
.fa-quote span{color:var(--f-red)}

/* Emplearagón: banda roja suave con el paso a paso */
.fa-emplea{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between;padding:40px 0;border-top:1px solid var(--f-line);border-bottom:1px solid var(--f-line)}
.fa-emplea p{margin:0;font-size:1.15rem;max-width:52ch}

@media (max-width:900px){
  .fa-sede{grid-template-columns:minmax(0,1fr);gap:24px}
  .fa-sede--rev > :first-child{order:0}
  .fa-map{height:280px}
  .fa-prog{grid-template-columns:minmax(0,1fr);gap:12px;padding:32px 0}
  .fa-prog .f-btns{flex-direction:row}
  .fa-num{grid-template-columns:minmax(0,1fr)}
  .fa-num li{grid-template-columns:44px minmax(0,1fr)}
  .fa-space img{height:200px}
}
.f-split > .fa-quote{flex:1 1 360px;min-width:0}
