/**
 * Tablet y movil (<= 990 px, el mismo punto de paso al menu movil que en produccion: opcion header-mobile-*-after = 990).
 * La hamburguesa se corrige con la opcion nativa header-mobile-menu_icon-color (ver opciones.php), no aqui.
 *
 * Franja del titulo de pagina: The7 4.x la centraba (titulo y migas apilados, 20 px de relleno vertical, h1 con 5 px de margen,
 * migas con 10 px debajo); The7 12 mantiene titulo a la izquierda y migas a la derecha en una sola linea.
 */
@media screen and (max-width: 990px) {
  .page-title {
    min-height: 0;
  }
  .page-title > .wf-wrap {
    display: block;
    padding: 20px 20px;
    min-height: 0;
    text-align: center;
  }
  .page-title .page-title-head {
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .page-title h1 {
    margin: 5px 0;
    text-align: center;
  }
  .page-title .page-title-breadcrumbs {
    width: 100%;
    text-align: center;
  }
  .page-title .breadcrumbs {
    float: none;
    margin: 0 0 10px;
    text-align: center;
  }
}

/* Menu movil desplegado: en produccion cada elemento mide 48 px (relleno 15 px 30 px 15 px 0, texto 14/18);
   The7 12 calcula 13,3 px / 25 px a partir del color de los divisores. */
.mobile-main-nav > li > a,
.mobile-menu-show-divider .mobile-main-nav > li > a {
  padding: 15px 30px 15px 0;
}

/* Panel del menu movil: 30 px de relleno superior y boton de cierre pegado a la esquina (produccion). */
@media screen and (max-width: 990px) {
  .dt-mobile-header .mobile-header-scrollbar-wrap {
    padding-top: 30px;
  }
  .dt-close-mobile-menu-icon {
    margin-top: 0;
  }
}

/* Submenu del menu movil: cada enlace mide 32 px en produccion (relleno 7 px); The7 12 calcula 5,6 px. */
.mobile-main-nav .sub-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
}