/* Separación común para que las vistas de comunicación no queden bajo el layout. */
.comunicacion-page-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding-top: clamp(28px, 5vh, 56px) !important;
  scroll-margin-top: 88px;
}

.comunicacion-page-shell img,
.comunicacion-page-shell video,
.comunicacion-page-shell canvas,
.comunicacion-page-shell iframe {
  max-width: 100%;
}

.comunicacion-page-shell input,
.comunicacion-page-shell select,
.comunicacion-page-shell textarea {
  max-width: 100%;
}

@media (min-width: 768px) and (max-height: 850px) {
  .comunicacion-page-shell {
    padding-top: 64px !important;
  }
}

@media (max-width: 767.98px) {
  .comunicacion-page-shell {
    padding-top: 76px !important;
    overflow-x: clip;
  }
}