/* Footer global Richmond — colores oficiales (manual 2.3). Fondo grafito suave. */
.rh-ftr{
  --red:#FE3B1F; --orange:#F18A00; --rust:#AC441E; --gray:#54565A;
  --ink:#3A3B3E; --paper:#fff; --soft:#f7f6f4; --line:#e6e5e2;
  --head:'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font:'Roboto',-apple-system,"Segoe UI",sans-serif;
  background:var(--soft); border-top:1px solid var(--line);
  font-family:var(--font); color:var(--gray); margin-top:0;
}
.rh-ftr *{box-sizing:border-box}
.rh-ftr a{color:inherit; text-decoration:none; transition:color .15s}
.rh-ftr a:hover{color:var(--red)}

.rh-ftr__in{
  max-width:1240px; margin:0 auto; padding:52px 24px 34px;
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:40px;
}
.rh-ftr__brand{display:flex; flex-direction:column; align-items:flex-start; gap:16px; max-width:340px}
/* align-self:flex-start evita que el flex en columna estire/deforme el logo */
.rh-ftr__logo{height:56px; width:auto; max-width:100%; display:block; align-self:flex-start; object-fit:contain}
.rh-ftr__desc{margin:0; font-size:.9rem; line-height:1.6; color:#6d6e72}

.rh-ftr__dots{display:inline-flex; gap:6px; margin-top:2px}
.rh-ftr__dots i{width:9px; height:9px; border-radius:50%}
.rh-ftr__dots i:nth-child(1){background:var(--red)}
.rh-ftr__dots i:nth-child(2){background:var(--orange)}
.rh-ftr__dots i:nth-child(3){background:var(--rust)}
.rh-ftr__dots i:nth-child(4){background:var(--gray)}

.rh-ftr__col{display:flex; flex-direction:column; gap:11px}
.rh-ftr__col h4{margin:0 0 4px; font-family:var(--head); font-size:.74rem; font-weight:800;
  letter-spacing:.1em; text-transform:uppercase; color:var(--ink)}
.rh-ftr__col a, .rh-ftr__line{font-size:.9rem; color:#6d6e72; margin:0}
/* El correo tiene un guion (ventas-online@…) y el navegador cortaba ahí:
   quedaba "ventas-" solo en un renglón. Una pizca menos de cuerpo y sin corte. */
.rh-ftr__col a[href^="mailto:"]{white-space:nowrap; font-size:.84rem}
.rh-ftr__line{line-height:1.55}
@media (max-width:420px){
  /* En pantallas muy angostas ya no entra entero: ahí sí se permite cortar. */
  .rh-ftr__col a[href^="mailto:"]{white-space:normal; overflow-wrap:anywhere}
}

.rh-ftr__bar{
  border-top:1px solid var(--line);
  max-width:1240px; margin:0 auto; padding:18px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  font-size:.8rem; color:#8a8b8f;
}
.rh-ftr__bar p{margin:0}
.rh-ftr__credit{color:#8a8b8f}
.rh-ftr__credit a{color:var(--gray); font-weight:600}
.rh-ftr__credit a:hover{color:var(--red)}

@media (max-width:900px){
  .rh-ftr__in{grid-template-columns:1fr 1fr; gap:32px}
  .rh-ftr__brand{grid-column:1 / -1; max-width:none}
}
@media (max-width:560px){
  .rh-ftr__in{grid-template-columns:1fr}
  .rh-ftr__bar{flex-direction:column; align-items:flex-start; gap:8px}
}