/*
 * Piezas de CRO del shell. Vive aparte de header-shell.css para que esa hoja
 * siga siendo comparable linea a linea con las de blog y noticias.
 */

/*
 * La tarjeta cierra la lista de navegacion y solo se ve donde esa lista es un
 * panel a pantalla completa, o sea por debajo del breakpoint del shell. El
 * marcado anterior la cortaba en 767px, dejandola oculta entre 768 y 1023
 * aunque el menu ya fuera el panel movil.
 */
.fz-nav__card {
  display: none;
}

@media (max-width: 1023px) {
  .fz-nav__card {
    display: block;
    padding: 20px;
  }

  .fz-nav__card img {
    display: block;
    width: 100%;
    height: auto;
  }
}