/* Capa móvil para la web principal (plantilla de tablas). Se activa por debajo de 820px. */
.cpl-menu-btn { display: none; }
@media (max-width: 820px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  body { margin: 0 !important; }
  /* tablas de maquetación (marcadas por mobile.js) -> bloques */
  .cpl-layout, .cpl-layout > tbody, .cpl-layout > tbody > tr, .cpl-layout > tbody > tr > td,
  .cpl-layout > tr, .cpl-layout > tr > td { display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; box-sizing: border-box; }
  .cpl-layout > tbody > tr > td:empty { display: none !important; }
  center { width: 100%; }
  #menu_sup { white-space: normal !important; width: auto !important; }
  #menu_sup a { display: inline-block; margin: 3px 6px; font-size: 14px; }
  td[height="197"] > div *, td[height="196"] > div * { max-width: 100%; }
  center > table[width="1002"] > tbody > tr > td[background*="sombra"] { display: none !important; }
  table[width="982"] td[height="197"], table[width="982"] td[height="196"] {
    width: 100% !important; height: auto !important; display: block !important;
    background-size: cover !important; background-position: center top !important;
  }
  td[height="197"] > div, td[height="196"] > div {
    position: static !important; width: auto !important; height: auto !important; left: auto !important; top: auto !important;
    padding: 14px 12px 10px !important; margin: 0 !important; text-align: right !important;
    background: rgba(255,255,255,.72); font-size: 15px !important; line-height: 1.45;
  }
  td[height="197"] > div h1, td[height="196"] > div h1 { font-size: 12px !important; margin: 0 0 4px 0 !important; }
  .lang-switch { margin-top: 10px !important; }
  /* logo + menú por públicos */
  td[height="102px"] { display: block !important; height: auto !important; text-align: center !important; padding: 10px 0 0 !important; }
  td[height="102px"] img { max-width: 70% !important; height: auto !important; }
  td[height="102px"] + td, td[height="102px"] ~ td { display: block !important; padding: 6px 10px 10px !important; text-align: center !important; }
  /* tres columnas -> bloques */
  .cpl-layout > tbody > tr > td.fondomenú, td.fondomenú { display: none !important; text-align: left !important; padding: 0 !important; }
  .cpl-layout > tbody > tr > td.fondomenú.cpl-open, td.fondomenú.cpl-open { display: block !important; }
  td.fondomenú table { width: 100% !important; }
  td.fondomenú td.canal, td.fondomenú td.canalseleccionado, td.fondomenú td.submenú, td.fondomenú td.submenúseleccionado { padding-left: 12px !important; padding-right: 12px !important; }
  td.fondomenú center { display: none !important; }
  td.fondomenú a.canall, td.fondomenú a.canalseleccionado { font-size: 16px !important; display: block; padding: 6px 0; }
  td.fondomenú a.submenúl, td.fondomenú a.submenúseleccionado { font-size: 15px !important; }
  td.fondomenú center img { max-width: 100%; height: auto; }
  td.fondodestacados { padding: 10px 0 20px !important; }
  /* botón del menú */
  .cpl-menu-btn { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 12px 14px; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
    background: #f4f4f4; color: #333; font: bold 16px Verdana, Arial, sans-serif; text-align: left; cursor: pointer; }
  .cpl-menu-btn::before { content: "\2630\00a0\00a0"; color: #e5641c; }
  /* contenido */
  td.fondomenú ~ td[width="100%"] { padding: 6px 12px !important; }
  .textocontenido, .textocontenido p, .textocontenido li, .textocontenido div, p.textocontenido, td.textocontenido { font-size: 15px !important; line-height: 1.55 !important; }
  .subtitulocontenido { font-size: 20px !important; }
  .path, a.pathl { font-size: 12px !important; }
  table[data-pagefind-body] { width: 100% !important; }
  table[data-pagefind-body] table { width: 100% !important; }
  table[data-pagefind-body] img, .textocontenido img { max-width: 100% !important; height: auto !important; }
  table[data-pagefind-body] iframe { max-width: 100% !important; }
  ul, ol { padding-left: 20px !important; }
  div[style*="width:"] { max-width: 100% !important; }
  /* formulario */
  input.formulario, textarea.formulario, .formulario input, .formulario textarea { width: 100% !important; box-sizing: border-box; font-size: 16px !important; padding: 8px !important; }
  table[data-pagefind-body] form table td:first-child { display: block; padding-top: 8px; }
  table[data-pagefind-body] form table td { display: block; width: 100% !important; }
  button.formulario, #formulario button { font-size: 16px !important; padding: 10px 22px !important; background: #e5641c !important; color: #fff !important; border: 0 !important; border-radius: 4px !important; }
  /* banner "¿Necesitas ayuda?" y popup flotante */
  img[src*="necesita-ayuda-banner"] { max-width: 100% !important; height: auto !important; }
  #contacto_flotante { display: none !important; }
  /* pie */
  .pie { font-size: 12px !important; padding: 12px !important; line-height: 1.5 !important; }
  td[background*="sombra"], img[src*="sombra"] { display: none !important; }
}