/* ==========================================================================
   MeteoMurcia · versión móvil (WWL-mobile.php) · tema oscuro "Observatorio"
   Se carga DESPUÉS de mobile.css / mobile3.css y de meteomurcia-modern.css.
   Solo CSS: el contenido y el PHP de la página no cambian. Todo va acotado a body.mm-m
   ========================================================================== */
:root { --mm-bg:#050816; --mm-card:rgba(20,32,60,.78); --mm-line:rgba(255,255,255,.09); --mm-ink:#e2e8f0; --mm-muted:#94a3b8; --mm-accent:#22d3ee; --mm-accent-2:#67e8f9; --mm-font:"Outfit",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --mm-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace; }
html body.mm-m {
  margin: 0;
  padding: .75rem .6rem 1.5rem;
  max-width: 38rem;
  margin-inline: auto;
  color: var(--mm-ink);
  font-family: var(--mm-font);
  font-size: 15px;
  overflow-x: hidden;
}
body.mm-m * { box-sizing: border-box; }
body.mm-m a, body.mm-m a:visited { color: var(--mm-accent-2); text-decoration: none; }
body.mm-m a:hover { text-decoration: underline; }
body.mm-m img { max-width: 100%; }

/* contenedor del dashboard */
body.mm-m .ajaxDashboard { width: 100% !important; max-width: none; background: none !important; border: 0 !important; color: var(--mm-ink); }
body.mm-m .ajaxDashboard table { color: inherit; max-width: 100%; }
body.mm-m .ajaxDashboard td, body.mm-m .ajaxDashboard th { color: inherit; white-space: normal !important; }

/* --- tabla principal -> tarjetas apiladas --- */
body.mm-m .ajaxDashboard > table:first-of-type {
  display: block; width: 100% !important; border: 0 !important; background: none !important;
}
body.mm-m .ajaxDashboard > table:first-of-type > tbody {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem;
}
body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr { display: contents; }
body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr > td {
  display: block; min-width: 0; margin: 0; padding: .8rem .9rem;
  background: var(--mm-card); border: 0 !important; border-radius: 16px;
  box-shadow: 0 0 0 1px var(--mm-line);
  text-align: left !important; vertical-align: top;
}
/* cabeceras de tarjeta */
body.mm-m .ajaxDashboard td.datahead {
  background: none !important; box-shadow: none !important; border: 0 !important;
  padding: .6rem .25rem 0 !important;
  color: var(--mm-accent) !important;
  font: 500 .68rem/1.2 var(--mm-mono); letter-spacing: .14em; text-transform: uppercase;
  text-align: left !important;
}
/* orden: cada cabecera junto a su contenido */
body.mm-m .mm-t1 { order: 1; }
body.mm-m .mm-t2 { order: 2; }
body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(2) > td:nth-child(1) { order: 10; }
body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) { order: 11; }
body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(2) > td:nth-child(2) { order: 20; }
body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) { order: 21; }
body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(n+4) > td { order: 30; }

/* fila 1: logo + enlace a la página completa, y última actualización */
body.mm-m .mm-t1 {
  display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; text-align: left;
}
body.mm-m .mm-t1 img { height: 38px !important; width: auto !important; }
body.mm-m .mm-t1 a:last-of-type {
  padding: .45rem .8rem; border-radius: 999px; background: rgba(34, 211, 238, .12);
  box-shadow: 0 0 0 1px rgba(34, 211, 238, .3); font-size: .85rem; font-weight: 500; white-space: nowrap;
}
body.mm-m .mm-t1 b { color: inherit !important; font-weight: 500; }
body.mm-m .mm-t2 {
  background: none; box-shadow: none; padding: .1rem .25rem .25rem;
  font: .72rem/1.5 var(--mm-mono); color: var(--mm-muted); text-align: left;
}
body.mm-m .ajaxDashboard #ajaxindicator, body.mm-m .ajaxDashboard #ajaxdate2,
body.mm-m .ajaxDashboard #ajaxcounter { color: var(--mm-accent-2); }

/* --- tablas anidadas dentro de las tarjetas --- */
body.mm-m .ajaxDashboard td table {
  width: 100% !important; border: 0 !important; border-collapse: separate; border-spacing: .3rem;
  font-size: inherit !important;
}
body.mm-m .ajaxDashboard td table td {
  border: 0 !important; background: none; padding: .3rem .25rem;
  color: var(--mm-ink); font-size: .92rem !important; line-height: 1.35;
}
body.mm-m .ajaxDashboard td table td.data1 { color: var(--mm-muted); }
body.mm-m .ajaxDashboard td table td.data1 .ajax,
body.mm-m .ajaxDashboard td table td.data1[style*="right"] { color: #fff; }
body.mm-m .ajaxDashboard td table td.data1[style*="text-align: right"] {
  font-family: var(--mm-mono); font-size: .85rem !important;
}
body.mm-m .ajaxDashboard td table td[align="center"], body.mm-m .ajaxDashboard td table td[style*="center"] { text-align: center; }
/* separador fino entre filas etiqueta:valor */
body.mm-m .ajaxDashboard td table td.data1 { border-bottom: 1px solid var(--mm-line) !important; }
/* recuadros de máx/mín: fichas con una línea de color */
body.mm-m .ajaxDashboard td table td[style*="solid red"],
body.mm-m .ajaxDashboard td table td[style*="solid blue"],
body.mm-m .ajaxDashboard td table td[style*="solid gray"] {
  background: rgba(255, 255, 255, .05); border-radius: 12px; border: 0 !important;
}
body.mm-m .ajaxDashboard td table td[style*="solid red"] { box-shadow: inset 0 2px 0 #f87171; }
body.mm-m .ajaxDashboard td table td[style*="solid blue"] { box-shadow: inset 0 2px 0 #60a5fa; }
body.mm-m .ajaxDashboard td table td[style*="solid gray"] { box-shadow: inset 0 0 0 1px var(--mm-line); }
body.mm-m .ajaxDashboard #ajaxtemp { color: #fff; font-size: 2.6rem !important; font-weight: 700; line-height: 1.1; }
body.mm-m .ajaxDashboard td strong, body.mm-m .ajaxDashboard td b { color: #fff; }
body.mm-m .ajaxDashboard td table td img { height: auto; }
body.mm-m .ajaxDashboard td table td img[height="74"] { width: 64px; height: 64px; }

/* --- el resto de bloques (satélite/radar, vídeos, previsión) = tarjetas --- */
body.mm-m .ajaxDashboard > table:not(:first-of-type) {
  display: block; width: 100% !important; margin: .75rem 0 0; padding: .5rem;
  background: var(--mm-card); border: 0 !important; border-radius: 16px; box-shadow: 0 0 0 1px var(--mm-line);
}
body.mm-m .ajaxDashboard > table:not(:first-of-type) td { border: 0 !important; }
/* satélite + radar: dos imágenes a ancho completo */
body.mm-m .ajaxDashboard > table:nth-of-type(2) { padding: .5rem; }
body.mm-m .ajaxDashboard > table:nth-of-type(2) > tbody { display: block; }
body.mm-m .ajaxDashboard > table:nth-of-type(2) > tbody > tr { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
body.mm-m .ajaxDashboard > table:nth-of-type(2) td { display: block; padding: 0 !important; }
body.mm-m .ajaxDashboard > table:nth-of-type(2) td:empty { display: none; }
body.mm-m .ajaxDashboard > table:nth-of-type(2) img { width: 100% !important; height: auto !important; border-radius: 10px; display: block; }

/* publicidad de ancho fijo: no desborda */
body.mm-m ins.adsbygoogle { max-width: 100%; overflow: hidden; margin: .75rem auto; }
/* vídeos */
body.mm-m iframe[src*="youtube"] {
  display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9;
  margin: .75rem 0 0; border: 0; border-radius: 16px; background: #000;
}
/* previsión */
body.mm-m .ajaxDashboard > table:not(:first-of-type) td.datahead { text-align: center !important; padding: .5rem .25rem !important; }
body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] { width: auto !important; font-size: .88rem; line-height: 1.45; }
body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="solid gray"] { background: rgba(255,255,255,.05); border-radius: 12px; }
body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] { font-size: .7rem !important; }
body.mm-m .ajaxDashboard > table:not(:first-of-type) img { max-width: 100%; height: auto; }

/* pie */
body.mm-m h3 { color: #fff; font-size: 1rem; }
body.mm-m div[align="center"] { text-align: center; color: var(--mm-muted); font-size: .8rem; line-height: 1.5; }
body.mm-m div[align="center"] small { font-size: inherit; }

/* alerta AtomFeed (si la hay) */
body.mm-m #alert-box, body.mm-m .alert_box { border-radius: 16px; overflow: hidden; margin-bottom: .5rem; }

/* cabecera "Radar" (la celda "Satélite" de la página original tiene el marcado roto: se deja tal cual) */
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td.datahead {
  background: none !important; box-shadow: none !important; height: auto !important;
  font-family: var(--mm-mono); font-size: .7rem; letter-spacing: .18em; text-transform: uppercase;
  color: var(--mm-accent) !important; padding: .6rem .25rem .3rem !important;
}

/* --- Condiciones actuales: Viento (izquierda) y Lluvia (derecha) en dos tarjetas lado a lado ---
   Todas las filas están en una sola tabla anidada: filas 2-5 = viento, 6 en adelante = lluvia.
   Se reparten en 2 columnas con CSS (sin tocar el HTML ni el PHP). */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table {
  display: block; border-spacing: 0; background: none;
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody {
  display: block; column-count: 2; column-gap: .6rem; column-fill: auto;
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: .15rem .4rem; break-inside: avoid; box-sizing: border-box;
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr > td {
  flex: 0 1 auto; padding: .25rem .1rem !important; font-size: .82rem !important; min-width: 0;
}
/* fila 1: icono + condición, ocupa todo el ancho */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(1) {
  column-span: all; flex-wrap: nowrap; margin-bottom: .6rem;
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(2) { flex: 1 1 auto; }
/* tarjetas: viento = filas 2-5, lluvia = fila 6 en adelante */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+2) {
  background: rgba(255, 255, 255, .05); padding: 0 .6rem; box-shadow: inset 1px 0 0 var(--mm-line), inset -1px 0 0 var(--mm-line);
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(2),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(6) {
  border-radius: 14px 14px 0 0; padding-top: .6rem; box-shadow: inset 1px 0 0 var(--mm-line), inset -1px 0 0 var(--mm-line), inset 0 1px 0 var(--mm-line);
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(5),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:last-child {
  border-radius: 0 0 14px 14px; padding-bottom: .6rem; box-shadow: inset 1px 0 0 var(--mm-line), inset -1px 0 0 var(--mm-line), inset 0 -1px 0 var(--mm-line);
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(6) {
  break-before: column;
}
/* viento y lluvia "hoy": icono y ficha apilados para que quepan en media pantalla */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(2),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(6) { flex-direction: column; justify-content: center; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(2) > td,
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(6) > td { width: 100%; text-align: center !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr > td[colspan] { width: 100%; text-align: center; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table td.data1[style*="right"] { margin-left: auto; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) { flex-wrap: nowrap; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) > td { font-size: .74rem !important; white-space: nowrap !important; padding-inline: 0 !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) > td.data1[style*="right"] { font-size: .76rem !important; }

/* ==========================================================================
   v25 · Condiciones actuales (izquierda) y Temperatura (derecha) en dos tarjetas lado a lado
   ========================================================================== */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(n+4) > td,
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(1) > td { grid-column: 1 / -1; }
html body.mm-m .mm-t1 { grid-row: 1; }
html body.mm-m .mm-t2 { grid-row: 2; }
/* cabeceras (fila 3 de la rejilla) y contenidos (fila 4): condiciones a la izquierda, temperatura a la derecha */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(2) > td:nth-child(2) { grid-column: 2; grid-row: 1; order: 0; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(2) > td:nth-child(1) { grid-column: 1; grid-row: 1; order: 0; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) { grid-column: 2; grid-row: 2; order: 0; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) { grid-column: 1; grid-row: 2; order: 0; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) { padding: .6rem .45rem; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(2) > td { padding-inline: .3rem; }

/* dentro de la mitad de pantalla: viento y lluvia se apilan (una sola columna) */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody { column-count: 1; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(6) { break-before: auto; margin-top: .5rem; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(1) { flex-direction: column; margin-bottom: .5rem; }

/* temperatura en media pantalla: compactar */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) table td { font-size: .8rem !important; padding: .2rem .1rem; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) #ajaxtemp { font-size: 2rem !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) table { border-spacing: .2rem; }

/* v26 · en Condiciones: icono a la izquierda y lectura de valores a la derecha (no debajo) */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(1),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(2),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(6) {
  flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: .35rem;
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(1),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(1),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(6) > td:nth-child(1) {
  width: auto; flex: 0 0 auto; padding: 0 !important;
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(2),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(2),
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(6) > td:nth-child(2) {
  width: auto; flex: 1 1 0; min-width: 0;
}
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+1):nth-child(-n+6) td img { max-width: 46px; height: auto !important; width: auto; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(1) td img[height="74"] { width: 46px; height: 46px !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(2) { padding: .3rem .2rem !important; }

/* v28 · satélite (masas de aire) a la izquierda y radar a la derecha, lado a lado */
html body.mm-m .ajaxDashboard > table:nth-of-type(2) > tbody > tr { display: flex; gap: .5rem; align-items: flex-start; }
html body.mm-m .ajaxDashboard > table:nth-of-type(2) td:not(:has(img)) { display: none; }
html body.mm-m .ajaxDashboard > table:nth-of-type(2) td:has(img) { flex: 1 1 0; min-width: 0; }

/* v29 · marca como en el index: icono de nube + "MeteoMurcia.com" (sustituye a la imagen del logo; el enlace se conserva) */
html body.mm-m .mm-t1 a:has(img) {
  display: inline-flex; align-items: center; gap: 0; min-width: 0; text-decoration: none !important;
  min-height: 2.6rem; padding: 0 0 0 3.3rem !important; border-radius: 0 !important; box-shadow: none !important;
  font-size: 1.45rem !important; font-weight: 700 !important; letter-spacing: -.01em; line-height: 1; white-space: nowrap;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2338bdf8'/%3E%3Cstop offset='1' stop-color='%232563eb'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='48' height='48' rx='13' fill='url(%23g)'/%3E%3Cg transform='translate(10 10) scale(1.1)' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4 4 0 0 1-.6-7.96A6 6 0 0 1 18 9.5 4.25 4.25 0 0 1 17.5 18z'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: 2.6rem 2.6rem !important; background-position: 0 center !important; background-repeat: no-repeat !important;
  position: relative;
}
html body.mm-m .mm-t1 a:has(img) img { display: none !important; }
html body.mm-m .mm-t1 a:has(img)::before { content: "MeteoMurcia"; color: #fff; }
html body.mm-m .mm-t1 a:has(img)::after { content: ".com"; color: #38bdf8; }

/* ==========================================================================
   v30 · Pronóstico del tiempo con la lógica del index:
   cada periodo = tarjeta con título en mono cian (1ª línea), icono redondeado,
   condición, probabilidad y temperatura en negrita.
   ========================================================================== */
/* 1ª línea de cada ficha (el nombre del periodo) = etiqueta mono cian en mayúsculas */
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"]::first-line,
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"]::first-line {
  font-family: var(--mm-mono); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; color: var(--mm-accent-2); font-weight: 400;
}
/* fichas */
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] {
  background: rgba(255, 255, 255, .05) !important; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--mm-line);
  padding: .65rem .3rem !important; line-height: 1.4; vertical-align: top;
}
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] strong { color: #fff; font-weight: 600; font-size: .78rem; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] { font-size: .78rem !important; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] { font-size: .72rem !important; }
/* iconos: cuadrados redondeados, tamaño uniforme */
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] img,
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] img {
  display: block; margin: .4rem auto; border-radius: 14px; width: 4rem !important; height: 4rem !important; object-fit: cover;
}
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] img { width: 3.2rem !important; height: 3.2rem !important; }
/* "Hoy" / "Esta noche": ficha de ancho fijo a la izquierda + texto a la derecha */
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] { width: 7.2rem; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] { padding-left: .6rem !important; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] b { color: var(--mm-accent-2); font-family: var(--mm-mono); font-size: .66rem; letter-spacing: .06em; text-transform: uppercase; font-weight: 400; }
/* separación entre fichas de la cuadrícula de 4 */
html body.mm-m .ajaxDashboard > table:not(:first-of-type) table[cellspacing="2"] { border-spacing: .35rem !important; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) table[cellspacing="3"] { border-spacing: 0 .5rem !important; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] { color: var(--mm-ink) !important; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span { font-weight: 700; font-size: .8rem; }

/* ==========================================================================
   v31 · Menú del index en formato "bocadillo" (nav#mm-nav generado por menu-modern.php)
   Botón "Menú" arriba; al pulsarlo se abre un bocadillo con flecha y las categorías.
   ========================================================================== */
html body.mm-m #mm-nav {
  position: sticky; top: 0; z-index: 1000; margin: -.75rem -.6rem .6rem; padding: .5rem .6rem;
  background: rgba(5, 8, 22, .88); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 var(--mm-line);
}
html body.mm-m #mm-nav .mm-bar { position: relative; max-width: 38rem; margin: 0 auto; padding: 0; }
html body.mm-m #mm-nav ul { list-style: none; margin: 0; padding: 0; }
html body.mm-m #mm-nav li { margin: 0; padding: 0; }
html body.mm-m #mm-nav a, html body.mm-m #mm-nav a:visited { color: var(--mm-ink); text-decoration: none; font-weight: 500; }
html body.mm-m #mm-nav .mm-nav-toggle {
  display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; border: 0;
  padding: .55rem .95rem; border-radius: 999px; font: 500 .95rem/1 var(--mm-font); color: var(--mm-accent-2);
  background: rgba(34, 211, 238, .12); box-shadow: 0 0 0 1px rgba(34, 211, 238, .3);
}
html body.mm-m #mm-nav.is-open .mm-nav-toggle { background: rgba(34, 211, 238, .22); }
/* el bocadillo */
html body.mm-m #mm-nav .mm-list {
  display: none; position: absolute; left: 0; top: calc(100% + .7rem); z-index: 1001;
  width: min(22rem, calc(100vw - 1.2rem)); max-height: 70vh; overflow-y: auto; padding: .5rem;
  background: rgba(8, 14, 32, .98); border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, .25), 0 18px 40px rgba(0, 0, 0, .6);
}
html body.mm-m #mm-nav.is-open .mm-list { display: block; }
/* flecha del bocadillo (apunta al botón) */
html body.mm-m #mm-nav .mm-list::before {
  content: ""; position: absolute; left: 1.6rem; top: -7px; width: 14px; height: 14px; transform: rotate(45deg);
  background: rgba(8, 14, 32, .98); box-shadow: -1px -1px 0 rgba(34, 211, 238, .25);
}
html body.mm-m #mm-nav .mm-trigger, html body.mm-m #mm-nav .mm-direct > a {
  display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box;
  padding: .7rem .8rem; border: 0; border-radius: 12px; background: transparent; cursor: pointer;
  font: 500 1rem/1.2 var(--mm-font); color: var(--mm-ink);
}
html body.mm-m #mm-nav .mm-trigger svg { transition: transform .15s; opacity: .7; }
html body.mm-m #mm-nav .mm-cat.is-open > .mm-trigger svg { transform: rotate(180deg); }
html body.mm-m #mm-nav .mm-trigger:hover, html body.mm-m #mm-nav .mm-cat.is-open > .mm-trigger,
html body.mm-m #mm-nav .mm-direct > a:hover { background: rgba(34, 211, 238, .1); color: var(--mm-accent-2); }
html body.mm-m #mm-nav .mm-cat.is-active > .mm-trigger, html body.mm-m #mm-nav .mm-direct.is-active > a { color: var(--mm-accent); }
html body.mm-m #mm-nav .mm-panel { display: none; margin: .1rem 0 .4rem; padding: .2rem .2rem .2rem .5rem; border-left: 1px solid var(--mm-line); margin-left: .8rem; }
html body.mm-m #mm-nav .mm-cat.is-open > .mm-panel { display: block; }
html body.mm-m #mm-nav .mm-panel a { display: block; padding: .5rem .7rem; border-radius: 10px; font-size: .95rem; }
html body.mm-m #mm-nav .mm-panel a:hover { background: rgba(34, 211, 238, .12); color: var(--mm-accent-2); }
html body.mm-m #mm-nav .mm-panel a[aria-current="page"] { color: var(--mm-accent); background: rgba(34, 211, 238, .08); }
html body.mm-m #mm-nav .mm-grouplabel, html body.mm-m #mm-nav .mm-grouplink {
  display: block; padding: .6rem .7rem .2rem; font: 500 .66rem/1.2 var(--mm-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--mm-accent) !important;
}
html body.mm-m #mm-nav .mm-group > ul { padding-left: .4rem; border-left: 1px solid var(--mm-line); margin-left: .7rem; }

/* ==========================================================================
   v32 · Bloque fijo superior: botón de menú + título + líneas de actualización
   (el JS de WWL-mobile.php mueve nav, celda del título y celda de actualización a #mm-sticky)
   ========================================================================== */
html body.mm-m #mm-sticky {
  position: sticky; top: 0; z-index: 1000; margin: -.75rem -.6rem .6rem; padding: .55rem .75rem .45rem;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .15rem .5rem;
  background: rgba(5, 8, 22, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 var(--mm-line), 0 10px 24px rgba(0, 0, 0, .35);
}
/* la barra del menú se disuelve: solo queda el botón (columna derecha, fila 1) y el bocadillo */
html body.mm-m #mm-sticky #mm-nav, html body.mm-m #mm-sticky #mm-nav .mm-bar {
  display: contents; position: static; margin: 0; padding: 0; background: none; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
html body.mm-m #mm-sticky .mm-nav-toggle { grid-column: 2; grid-row: 1; justify-self: end; padding: .5rem .8rem; }
html body.mm-m #mm-sticky #mm-nav .mm-list { left: auto; right: .6rem; top: calc(100% + .6rem); }
html body.mm-m #mm-sticky #mm-nav .mm-list::before { left: auto; right: 1.8rem; }
/* título (a la izquierda) y enlace "Ir a Página completa" (fila 2, derecha) */
html body.mm-m #mm-sticky .mm-t1 { display: contents !important; }
html body.mm-m #mm-sticky .mm-t1 > a:first-child { grid-column: 1; grid-row: 1; }
html body.mm-m #mm-sticky .mm-t1 > b { grid-column: 2; grid-row: 2; justify-self: end; font-weight: 500; }
html body.mm-m #mm-sticky .mm-t1 > b a {
  display: inline-block; padding: .3rem .65rem !important; border-radius: 999px; font-size: .7rem !important;
  background: rgba(34, 211, 238, .12) !important; box-shadow: 0 0 0 1px rgba(34, 211, 238, .3) !important; white-space: nowrap;
}
html body.mm-m #mm-sticky .mm-t2 {
  display: block !important; grid-column: 1; grid-row: 2; padding: 0 !important; background: none !important; box-shadow: none !important;
  font: .64rem/1.45 var(--mm-mono); color: var(--mm-muted); text-align: left !important; border: 0 !important;
}

/* v33 · fichas de iconos repartidas a lo ancho, simétricas a los lados */
html body.mm-m .ajaxDashboard > table:not(:first-of-type) table[cellspacing="2"] { width: 100% !important; table-layout: fixed; margin: 0 auto; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) table[cellspacing="2"] td { width: 25% !important; text-align: center !important; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) table[cellspacing="3"] { width: 100% !important; table-layout: fixed; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) table[cellspacing="3"] td[style*="font-size: 9px"] { width: 7.2rem !important; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) > tbody > tr > td { padding-left: .15rem; padding-right: .15rem; }
/* la tabla de 4 columnas es hija directa del dashboard (display:block por la regla de tarjetas): se devuelve a tabla de columnas iguales */
html body.mm-m .ajaxDashboard > table[cellspacing="2"] { display: table; width: 100% !important; table-layout: fixed; border-collapse: separate; border-spacing: .4rem !important; box-sizing: border-box; }
html body.mm-m .ajaxDashboard > table[cellspacing="2"] > tbody > tr > td { width: 25% !important; box-sizing: border-box; padding-left: .15rem !important; padding-right: .15rem !important; overflow: hidden; overflow-wrap: anywhere; }
html body.mm-m .ajaxDashboard > table[cellspacing="2"] td::first-line { font-size: .56rem; letter-spacing: .02em; }
html body.mm-m .ajaxDashboard > table[cellspacing="2"] > tbody > tr > td { padding-left: .05rem !important; padding-right: .05rem !important; }
html body.mm-m .ajaxDashboard > table[cellspacing="2"] > tbody > tr > td::first-line { font-size: .56rem !important; letter-spacing: .02em !important; }
html body.mm-m .ajaxDashboard > table[cellspacing="2"] { border-spacing: .3rem !important; }
html body.mm-m .ajaxDashboard > table[cellspacing="2"] > tbody > tr > td::first-line { font-size: .5rem !important; letter-spacing: 0 !important; }

/* v46 · logo nuevo (newlogo.png) con contenedor redondeado y degradado azul mar -> cielo claro */
html body.mm-m .mm-t1 a.mm-has-logo { background-image: none !important; padding-left: 0 !important; }
html body.mm-m .mm-t1 a.mm-has-logo img {
  display: block !important; height: 2.6rem !important; width: auto !important; max-width: 5.5rem; min-width: 2.6rem;
  order: -1; box-sizing: border-box; padding: .2rem; margin-right: .6rem; object-fit: contain; border-radius: .9rem;
  background: linear-gradient(to top, #0b6fb8 0%, #4aa8e0 45%, #bfe6ff 100%);
  box-shadow: 0 8px 20px rgba(14, 165, 233, .22);
}

/* v50 · tipografía algo mayor en Temperatura (izq.) y Condiciones actuales (der.), cada elemento a su escala relativa (~+15%) */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) table td { font-size: .92rem !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) #ajaxtemp { font-size: 2.3rem !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) > :not(table) { font-size: 1.05em; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table td { font-size: .95rem !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table td.data1[style*="text-align: right"] { font-size: .9rem !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) > td { font-size: .84rem !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) > td.data1[style*="right"] { font-size: .87rem !important; }

/* v53 · completa v50: Condiciones actuales (partes superiores) y valores máx/mín de Temperatura, también +15% */
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr > td { font-size: .94rem !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) > td { font-size: .84rem !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) #ajaxwinddir,
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) #ajaxwind { font-size: 16.1px !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) #ajaxrain { font-size: 20.7px !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(1) span.ajax[style*="font-size: 16px"] { font-size: 18.4px !important; }

/* v54 · la publicidad (AdSense inyecta su propio iframe) ya no se estira ni la tapan los vídeos */
html body.mm-m ins.adsbygoogle { display: block !important; height: auto !important; min-height: 50px; overflow: visible !important; text-align: center; margin: .75rem auto; }
html body.mm-m ins.adsbygoogle iframe { display: inline-block !important; max-width: 100% !important; height: auto; aspect-ratio: auto !important; margin: 0 auto !important; border-radius: 0 !important; background: none !important; }

/* v66 · Condiciones actuales: filas de lluvia más grandes, sin saltos de línea (tamaño en --mm-rs) */
:root { --mm-rs: min(14.72px, 3.3vw); --mm-rv: min(14.72px, 3.3vw); }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) { padding-inline: .3rem; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table { border-spacing: .15rem .3rem; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) { gap: .1rem .15rem; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) > td { font-size: var(--mm-rs) !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) > td.data1[style*="right"] { font-size: var(--mm-rv) !important; }
html body.mm-m .ajaxDashboard > table:first-of-type > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(n+7) > td.data1[style*="right"] { font-family: var(--mm-font) !important; font-variant-numeric: tabular-nums; }

/* v67 · logo y título "MeteoMurcia.com" un 20% mayores (icono 2.6→3.12rem, texto 1.45→1.74rem; el texto se limita por ancho de pantalla para no desbordar) */
html body.mm-m .mm-t1 a:has(img) {
  min-height: 3.12rem; padding-left: 3.96rem !important;
  font-size: min(1.74rem, 7.4vw) !important;
  background-size: 3.12rem 3.12rem !important;
}
html body.mm-m .mm-t1 a.mm-has-logo { padding-left: 0 !important; }
html body.mm-m .mm-t1 a.mm-has-logo img { height: 3.12rem !important; max-width: 6.6rem; min-width: 3.12rem; margin-right: .72rem; }

/* v70 · Previsión móvil: temperaturas (y lluvia/nieve) en tonos más claros sobre fondo oscuro */
html body.mm-m .ajaxDashboard span[style*="#ff0000" i],
html body.mm-m .ajaxDashboard span[style*="rgb(255, 0, 0)"] { color: #ff8a8a !important; }
html body.mm-m .ajaxDashboard span[style*="#0000ff" i],
html body.mm-m .ajaxDashboard span[style*="rgb(0, 0, 255)"] { color: #8ec5ff !important; }
html body.mm-m .ajaxDashboard span[style*="color: green"] { color: #6ee7a0 !important; }
html body.mm-m .ajaxDashboard span[style*="darkblue"],
html body.mm-m .ajaxDashboard td[style*="darkblue"] { color: #a5c8ff !important; }

/* v71 · igual que en escritorio: máx/mín claros y termómetro con escala en blanco */
html body.mm-m .ajaxDashboard #ajaxtempmax, html body.mm-m .ajaxDashboard #ajaxtempmax * { color: #ff5c5c !important; }
html body.mm-m .ajaxDashboard #ajaxtempmin, html body.mm-m .ajaxDashboard #ajaxtempmin * { color: #38b6ff !important; }
html body.mm-m .ajaxDashboard #ajaxthermometer img.mm-thermo-filter {
  filter: invert(1) hue-rotate(180deg) brightness(1.2) saturate(1.1); mix-blend-mode: screen; background: transparent !important;
}

/* ==========================================================================
   v103 · Temperatura de la previsión (WC-forecast4) +15 % en la versión móvil.
   Solo tamaño de fuente; afecta a los <span> rojo/azul (máx./mín.) de las fichas.
   ========================================================================== */
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="#ff0000" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="#0000ff" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="#f00" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="#00f" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="rgb(255, 0, 0)" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="rgb(0, 0, 255)" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="color: red" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="color: blue" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="color:red" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 10px"] span[style*="color:blue" i] { font-size: .92rem; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="#ff0000" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="#0000ff" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="#f00" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="#00f" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="rgb(255, 0, 0)" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="rgb(0, 0, 255)" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="color: red" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="color: blue" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="color:red" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="font-size: 9px"] span[style*="color:blue" i] { font-size: .9rem; }
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="#ff0000" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="#0000ff" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="#f00" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="#00f" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="rgb(255, 0, 0)" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="rgb(0, 0, 255)" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="color: red" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="color: blue" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="color:red" i],
html body.mm-m .ajaxDashboard > table:not(:first-of-type) td[style*="240px"] span[style*="color:blue" i] { font-size: 1.15em; }