﻿/* Adaptación progresiva de la portada: escritorio conserva la maqueta original. */
@media (max-width: 989px) {
  .contenedor {
    width: 100vw;
    max-width: 990px;
    overflow-x: hidden;
  }

  .centrar {
    width: 100vw;
  }

  .portada-table,
  .portada-table > tbody {
    display: block;
    width: 100vw;
  }

  .portada-row-espaciadora {
    display: none;
  }

  .portada-row-cabecera,
  .portada-row-contenido,
  .portada-table > tbody > tr:last-child {
    display: block;
    width: 100vw;
  }

  .portada-row-cabecera > td,
  .portada-row-contenido > td,
  .portada-table > tbody > tr:last-child > td {
    display: block;
    width: 100vw !important;
  }

  #cabecera_portada {
    height: 184px;
    background-position: left top;
    background-size: auto 184px;
  }

  #coloca_menu {
    left: 0;
    top: 128px;
    width: 100vw;
  }

  #menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100vw;
  }

  #menu > li {
    float: none;
    display: block;
    padding: 4px 8px 7px;
  }

  #lateral_izquierdo,
  #lateral_derecho,
  #pie_izquierdo,
  #pie_derecho {
    display: none !important;
  }

  .portada-main,
  .portada-main > tbody,
  .portada-grid,
  .portada-grid > tbody {
    display: block;
    width: 100vw !important;
    max-width: 100vw;
    min-width: 0;
  }

  .portada-main > tbody > tr,
  .portada-grid > tbody > tr {
    display: block;
    width: 100vw;
  }

  .portada-espaciador {
    display: none;
  }

  .portada-main > tbody > tr > td,
  .portada-grid > tbody > tr > td {
    display: block;
    width: 100vw !important;
    height: auto !important;
  }

  .portada-grid > tbody > tr > td[width="13"] {
    display: none;
  }

  .portada-main td:empty {
    display: none;
  }

  .portada-main table {
    width: 100vw !important;
    max-width: 100vw;
    min-width: 0;
    table-layout: fixed;
  }

  .portada-main td[align="left"] {
    padding: 8px 10px 12px 70px !important;
    vertical-align: top;
  }

  #rejilla_arriba_izquierda,
  #rejilla_arriba_derecha_arriba,
  #rejilla_arriba_derecha_abajo,
  #rejilla_centro_izquierda,
  #rejilla_centro_derecha,
  #rejilla_abajo_izquierda_arriba,
  #rejilla_abajo_izquierda_abajo,
  #rejilla_abajo_derecha {
    min-height: 150px;
    padding: 8px 0;
    background-size: 100% 100%;
  }

  #rejilla_arriba_izquierda,
  #rejilla_abajo_derecha {
    min-height: 245px;
  }

  #rejilla_centro_izquierda,
  #rejilla_centro_derecha {
    min-height: 180px;
  }

  #rejilla_arriba_izquierda,
  #rejilla_arriba_derecha_arriba,
  #rejilla_arriba_derecha_abajo,
  #rejilla_centro_izquierda,
  #rejilla_centro_derecha,
  #rejilla_abajo_izquierda_arriba,
  #rejilla_abajo_izquierda_abajo,
  #rejilla_abajo_derecha {
    background-repeat: no-repeat;
  }

  .portada-main .texto1,
  .portada-main .texto12 {
    font-size: 0.8rem;
    line-height: 1.35;
  }

  .portada-cell-pie table {
    width: 100% !important;
  }

  .portada-cell-pie .pie {
    padding: 8px;
    white-space: normal;
  }
}

@media (max-width: 989px) and (hover: none) {
  #menu li:hover > .submenu {
    display: none;
  }

  #menu .flecha.menu-abierto > .submenu {
    display: block;
  }
}
