/*
 * sidebar-datos-contacto.css — plan-segmentacion.md §2.19. Solo en `contacto`. 4 ítems
 * (Dirección/Teléfono/E-mail/Horario), cada uno con ícono circular café de 59×59px + heading
 * negro + texto gris-footer (`#727272`, exacto). Geometría exacta: _dev/registro-decisiones.md,
 * 2026-08-17.
 */

.gyo-sidebar-datos-contacto {
  display: flex;
  flex-direction: column;
}

.gyo-sidebar-datos-contacto__item {
  display: flex;
  align-items: flex-start;
  gap: 30px; /* medido: 1196-1166 */
}

.gyo-sidebar-datos-contacto__item + .gyo-sidebar-datos-contacto__item {
  margin-top: 47px; /* medido: pitch ~106px entre ítems - 59px de alto del ícono */
}

.gyo-sidebar-datos-contacto__icono {
  flex-shrink: 0;
  width: 59px;
  height: 59px;
  border-radius: 50%;
  background-color: var(--color-beige);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-cafe-claro);
}

.gyo-sidebar-datos-contacto__icono svg {
  width: 26px;
  height: 26px;
}

.gyo-sidebar-datos-contacto__titulo {
  margin: 0 0 8px 0;
  font-size: 22px;
  color: var(--color-negro-texto);
}

.gyo-sidebar-datos-contacto__valor {
  margin: 0;
  font-size: 20px;
  color: var(--color-gris-footer);
}