/* ============================================================
   MARCA 2026 — overrides globales (Manual de estilo v1.0)
   FASE 02 · color y enlaces
   Carga en todo el sitio (enqueue prio 25, después del footer).
   ============================================================ */

/* ---- Botón primario: verde Sarria + texto navy (8,1:1) ----
   Flatsome usaría su color de texto de botón por defecto (blanco,
   2,1:1 = suspenso AA sobre #80bc00). Receta aprobada del manual. */
.button.primary,
.button-primary,
button.primary,
input[type="submit"].primary,
.ux-search-submit.submit-button.primary{color:#0a111c!important}
.button.primary:hover,
.button-primary:hover,
button.primary:hover,
input[type="submit"].primary:hover,
.ux-search-submit.submit-button.primary:hover{color:#0a111c!important}

/* ---- Cabecera oscura: siempre logo blanco ----
   Flatsome solo usa header-logo-dark en modo transparente; con la
   cabecera navy fija lo forzamos (el logo de color tiene texto azul
   ilegible sobre navy). */
.header-main .header-logo{display:none!important}
.header-main .header-logo-dark{display:block!important}

/* ---- Iconos de la cabecera navy ----
   Hamburguesa/buscador (a.is-small heredaba gris #4a4a4a) y corazón de
   favoritos (heredaba el azul de color_links): invisibles sobre navy. */
.header-main a.is-small{color:#eef4f8!important}
/* -webkit-text-fill-color: la cabecera transparente de la portada pinta los
   iconos de blanco con text-fill-color, que se impone al color normal */
.header-wishlist-icon .wishlist-icon,
.header-wishlist-icon .wishlist-icon svg,
.header-wishlist-icon a.wishlist-link{color:#f2a5b8!important;fill:#f2a5b8!important;
  -webkit-text-fill-color:#f2a5b8!important}

/* Etiquetas/badges primarios de Flatsome: mismo criterio */
.label.primary{color:#0a111c!important}

/* ---- Jubilar teal #41c0a6 (UX Builder, 5 páginas Visita/Add) ----
   Cajas teal inline con texto azul/oscuro: con los enlaces ahora en azul
   #006189 el teal daba 2,9:1. Tinte suave de marca → azul 5,3:1. */
.col-inner[style*="41c0a6"],
.col-inner[style*="41C0A6"],
.section-bg[style*="41c0a6"],
.section-bg[style*="41C0A6"]{background-color:#eaf3ef!important}

/* Portada (page 4372 "Visita Sarria"): sección teal vía CSS dinámico por ID */
#section_1164761929{background-color:#eaf3ef!important}

/* ---- FASE 05 · plantillas de contenido y listdom (16-sep) ---- */

/* Badge de fecha (Flatsome): receta primario */
.badge .badge-inner,.badge-inner{background:#80bc00!important;color:#0a111c!important}

/* Categorías de listdom: el color de categoría queda para los marcadores
   del mapa; el texto del enlace va en tinta (el inline amarillo daba 1,9:1) */
.lsd-single-category a[style],
.lsd-listing-category a[style]{color:#17303f!important}

/* Foco visible de marca en todo el sitio */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #80bc00!important;outline-offset:3px!important}

/* Selección de texto de marca */
::selection{background:#80bc00;color:#0a111c}

/* Submit de formularios (Contact Form 7 y afines) al recetario */
.wpcf7-submit,.wpcf7-submit:hover{color:#0a111c!important}

/* ---- FASE 05b · UX/UI targets y legibilidad (16-sep) ---- */

/* Banda de migas de pan al navy de paleta (era #181818; !important porque
   algunas páginas la repinten después en su propio CSS) */
.bwrap{background-color:#0d1724!important}

/* Interlineado mínimo de titulares (seguridad multilínea) */
h1{line-height:1.15}
h2{line-height:1.2}

/* Targets táctiles ≥44px: hamburguesa, corazón y buscador (WCAG 2.5.5) */
.header-main a.is-small[data-open],.header-main a.wishlist-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px}

/* Topbar móvil (FASE 05f, 21-sep): una sola fila que NO se parte. Cabe a 320px
   en ES/GL/EN (verificado computado) y si algún día desborda, hace scroll
   horizontal en vez de romperse. ≤369px se quitan los iconos y sube la fuente
   para que quepa "How to get there" con holgura. El !important es necesario:
   el CSS de mejoras-suiza.php imprime en wp_head:99, DESPUÉS de este archivo. */
@media (max-width:549px){
  #top-bar{min-height:40px}
  .accesos{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:.2rem!important}
  .accesos::-webkit-scrollbar{display:none}
  .accesos a{font-size:12px!important;padding:.5rem .35rem!important;gap:.3rem!important}
  .accesos svg{width:12px!important;height:12px!important}
}
@media (max-width:369px){
  .accesos svg{display:none!important}
  .accesos a{font-size:12.5px!important;padding:.5rem .45rem!important}
}

/* ---- FASE 05c · página Rutas de senderismo (5011) — 16-sep ---- */
/* Patrón "Secciones UX": héroe en tinte verde + tarjetas de ruta + galería */
.rut-page{max-width:1180px;margin:0 auto;padding:6px 0 10px}
.rut-page .rut-hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;
  background:#eaf3ef;border-radius:18px;padding:38px;margin:10px 0 34px}
.rut-page .rut-kicker{font:600 11.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.22em;
  text-transform:uppercase;color:#177a63;margin:0 0 14px}
/* FASE 05e (21-sep): el kicker del índice lleva la frase "a pie, en bici, PMR":
   es contenido, no etiqueta → estilo lead, sin mayúsculas ni tracking, y sin
   corte con guión (antes partía "REDUCI-DA"). El kicker de ficha sí es etiqueta. */
.rut-page .rut-kicker{font:500 16px/1.55 'Inter',system-ui,sans-serif;
  letter-spacing:normal;text-transform:none;hyphens:none;-webkit-hyphens:none;
  color:#177a63;max-width:46ch}
.rut-page .rut-hero h1{margin:0 0 10px;color:#17303f}
.rut-page .rut-hero-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
  border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.12);display:block}
.rut-page .rut-h2{font:800 27px/1.2 'Sora',system-ui,sans-serif;color:#17303f;margin:26px 0 18px}
.rut-page .rut-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px}
.rut-page .rut-card{display:flex;flex-direction:column;gap:10px;background:#fff;
  border:1px solid #dde5ea;border-radius:16px;padding:22px;color:inherit;
  transition:border-color .25s,box-shadow .25s}
.rut-page .rut-card:hover{border-color:#80bc00;box-shadow:0 10px 24px rgba(0,0,0,.09)}
.rut-page .rut-card h3{margin:0;font:600 19px/1.3 'Sora',system-ui,sans-serif;color:#17303f}
.rut-page .rut-card .rut-sub{margin:0;font-size:13.5px;color:#5b6b76}
.rut-page .rut-meta{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:2px 0 0;padding:0}
.rut-page .rut-meta li{font:600 12px/1 'Inter',system-ui,sans-serif;color:#33424e;
  background:#f2f5f7;border-radius:999px;padding:5px 11px}
.rut-page .rut-card .rut-mas{margin-top:auto;font:600 14px/1 'Inter',system-ui,sans-serif;color:#006189}
.rut-page .rut-card:hover .rut-mas{color:#0d5a80}
.rut-page .rut-galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;margin:30px 0 8px}
.rut-page .rut-galeria img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
  border-radius:12px;display:block}
@media (max-width:820px){
  .rut-page .rut-hero{grid-template-columns:1fr;gap:22px;padding:26px 22px}
  .rut-page .rut-kicker{margin-bottom:10px}
  /* FASE 05f: la sección de rutas (del H2 a la última tarjeta) en container,
     alineada con el texto del héroe (22px); la galería sigue a sangre. */
  .rut-rutas{padding-left:22px;padding-right:22px}
}
@media (prefers-reduced-motion:no-preference){
  .rut-page a{transition-property:color,background-color,border-color,box-shadow}
}

/* ---- Fichas individuales de ruta (5489/8377/8373/8375) ---- */
.rut-ficha{max-width:860px;margin:0 auto}
.rut-ficha .rut-volverp{margin:6px 0 20px}
.rut-ficha .rut-volverp:last-child{margin-top:26px}
.rut-volver{display:inline-flex;align-items:center;gap:6px;
  font:600 13.5px/1 'Inter',system-ui,sans-serif;color:#006189}
.rut-volver:hover{color:#0d5a80}
.rut-ficha .rut-kicker{font:600 11.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.22em;
  text-transform:uppercase;color:#177a63;margin:0 0 14px}
.rut-ficha .rut-meta{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 20px;padding:0}
.rut-ficha .rut-meta li{font:600 12px/1 'Inter',system-ui,sans-serif;color:#33424e;
  background:#f2f5f7;border-radius:999px;padding:5px 11px}
.rut-ficha .rut-hero-img{border-radius:14px;overflow:hidden;margin:0 0 22px}
.rut-ficha .rut-hero-img img{width:100%;height:auto;display:block}
.rut-ficha .rut-desc p{margin:0 0 16px;font-size:16px;line-height:1.75;color:#24303a}
.rut-ficha .rut-mapa{border:1px solid #dde5ea;border-radius:14px;overflow:hidden;margin:22px 0}
.rut-ficha .rut-mapa iframe{display:block;width:100%;border:0}

/* Bloques extra de ficha: inicio y puntos de interés */
.rut-extra{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;background:#f4f9ea;
  border-left:4px solid #80bc00;border-radius:0 12px 12px 0;padding:18px 20px;margin:8px 0 22px}
.rut-extra h2{font:600 11.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.18em;
  text-transform:uppercase;color:#4e7d00;margin:0 0 10px}
.rut-extra p{margin:0;font-size:14.5px;color:#33424e}
.rut-extra ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.rut-extra ul li{position:relative;padding-left:16px;font-size:14.5px;color:#33424e}
.rut-extra ul li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:2px;background:#80bc00;border-radius:2px}
.rut-llegar{background:#eef4f8;border-radius:12px;padding:14px 18px;margin:8px 0 22px;font-size:14.5px;color:#24303a}
.rut-llegar p{margin:0}
.rut-llegar a{color:#006189;font-weight:600}
@media (max-width:700px){.rut-extra{grid-template-columns:1fr}}

/* ---- Visita2 · rediseño /visita/ según manual (prueba noindex) — v2 full width ---- */
.vis-page{max-width:1180px;margin:0 auto;padding:0 0 30px}
.vis-page .vis-kicker{font:600 11.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.24em;
  text-transform:uppercase;margin:0 0 12px}
.vis-kicker--claro{color:var(--verde-suave,#a3d94e)}
.vis-kicker--verde{color:#177a63}

/* vídeo a full width, sin texto, tal cual */
.vis-hero.vis-full{width:100vw;position:relative;left:50%;margin-left:-50vw;
  height:min(76vh,720px);overflow:hidden}
.vis-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:820px){.vis-hero.vis-full{height:44vh}}

/* cabecera de texto: debajo del vídeo */
.vis-cabecera{padding:44px 0 10px}
.vis-cabecera h1{font:800 clamp(32px,4.4vw,54px)/1.12 'Sora',system-ui,sans-serif;
  color:#17303f;margin:0 0 10px}
.vis-sub{font:300 clamp(17px,1.8vw,21px)/1.4 'Sora',system-ui,sans-serif;color:#5b6b76;margin:0 0 16px}
.vis-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.vis-chips span{font:600 12.5px/1 'Inter',system-ui,sans-serif;color:#33424e;
  background:#f2f5f7;border-radius:999px;padding:8px 14px}
.vis-intro-p{max-width:860px;font-size:16px;line-height:1.75;color:#24303a;margin:0}

/* mapa original + zoom */
.vis-mapa{padding-bottom:10px}
.vis-mapa .vis-zoom{display:block;cursor:zoom-in}
.vis-mapa img{width:100%;height:auto;display:block;border-radius:14px;
  box-shadow:0 14px 36px rgba(0,0,0,.14)}

/* itinerario */
.vis-it-nota{color:#5b6b76;font-size:14px;margin:0 0 22px}
.vis-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vis-poi{background:#fff;border:1px solid #dde5ea;border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}
.vis-poi:hover{border-color:#80bc00;box-shadow:0 12px 28px rgba(0,0,0,.09)}
.vis-poi-media{position:relative}
.vis-poi-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;cursor:zoom-in}
.vis-num{position:absolute;left:14px;top:14px;font:800 15px/1 'Sora',sans-serif;color:#0a111c;
  background:#80bc00;border-radius:10px;padding:9px 11px}
.vis-siglo{position:absolute;right:12px;top:14px;font:600 11px/1 'Inter',system-ui,sans-serif;
  letter-spacing:.06em;color:#fff;background:rgba(10,17,28,.72);border-radius:999px;padding:6px 10px}
.vis-poi-body{padding:18px 20px 20px}
.vis-poi-body h3{font:600 19px/1.3 'Sora',system-ui,sans-serif;color:#17303f;margin:0 0 8px}
.vis-poi-desc{font-size:14.5px;color:#42535f}

/* lightbox a tamaño real */
.vis-lb{position:fixed;inset:0;background:rgba(10,17,28,.93);display:grid;place-items:center;
  z-index:99999;cursor:zoom-out;opacity:0;pointer-events:none;transition:opacity .2s}
.vis-lb.on{opacity:1;pointer-events:auto}
.vis-lb img{max-width:min(1500px,96vw);max-height:94vh;border-radius:6px}

/* románico: banda navy a full width */
.vis-rom.vis-full{width:100vw;position:relative;left:50%;margin-left:-50vw;
  background:radial-gradient(900px 500px at 90% -10%,rgba(0,97,137,.35),transparent 60%),
  linear-gradient(180deg,#14212f,#0a111c);color:#eef4f8}
.vis-rom-in{max-width:1180px;margin:0 auto;padding:64px 32px 58px}
.vis-rom h2{font:800 clamp(23px,2.6vw,31px)/1.25 'Sora',system-ui,sans-serif;margin:8px 0 12px}
.vis-rom-lead{color:#a9bdc9;max-width:820px}
.vis-rom-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;margin-top:30px}
.vis-rom-img img{border-radius:14px;display:block;width:100%}
.vis-rom-txt h3{font:600 20px/1.3 'Sora',system-ui,sans-serif;color:#fff;margin:0 0 10px}
.vis-rom-txt p{color:#a9bdc9;font-size:15px;margin:0 0 10px}
.vis-rom-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.vis-rom-chips span{font:600 12px/1 'Inter',system-ui,sans-serif;color:#0a111c;
  background:#80bc00;border-radius:999px;padding:6px 12px}

/* excursiones: banda clara a full width */
.vis-exc.vis-full{width:100vw;position:relative;left:50%;margin-left:-50vw;
  background:#f2f5f7;padding:54px calc(50vw - 590px) 58px}
.vis-exc .vis-h2{margin-top:8px}
.vis-exc-p{color:#42535f;max-width:840px;margin:8px 0 24px}
.vis-exc-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}
.vis-exc-gal img{border-radius:12px;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.vis-cta{display:inline-flex;align-items:center;gap:10px;background:#80bc00;color:#0a111c;
  border-radius:999px;padding:14px 24px;font:600 15px/1 'Inter',system-ui,sans-serif;text-decoration:none}
.vis-cta span{font-weight:600;opacity:.7}
.vis-cta:hover{background:#8fce0f}

@media (max-width:820px){
  .vis-hero.vis-full{height:44vh}
  .vis-cabecera{padding:32px 0 6px}
  .vis-grid{grid-template-columns:1fr}
  .vis-exc.vis-full{padding:44px 22px 48px}
  .vis-rom-in{padding:44px 22px}
  .vis-exc-gal{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .vis-hero video{display:none}
  .vis-hero.vis-full{background:url(https://sarriaturismo.com/wp-content/uploads/2021/08/mysarria-1024x536.jpg) center/cover}
}

/* visita2 de prueba: ocultar el título del tema (el diseño lleva el suyo dentro) */
.page-id-18150 .entry-header,.page-id-18148 .entry-header,.page-id-18149 .entry-header{display:none}

/* /recorre/ (4399): cajas de texto sobre banners de rutas — scrim oscuro
   para que el blanco sea legible sobre fotos claras (era 1,1–2:1) */
.banner-rutas .text-box.banner-layer .text-box-content{
  background-color:rgba(10,17,28,.66)!important;background-image:none!important;
  border-radius:12px;padding:18px 20px}
.banner-rutas .text-box.banner-layer .text-box-content :is(h3,strong,p,span,a){color:#fff!important}
.banner-rutas .text-box.banner-layer .text-box-content h3{text-shadow:none}

/* ---- FASE 05c · tipografía móvil para lectura sénior (19-sep) ----
   Solo móvil: párrafos y textos de lectura a 19px (antes 14-16px),
   interlineado amplio. Los chips/etiquetas mantienen su tamaño. */
@media (max-width:549px){
  body{font-size:19px;line-height:1.78}
  .entry-content p,article p,.post-content p,p{font-size:19px;line-height:1.75}
  li,td,dd,address{font-size:18.5px}
  h1{font-size:36px;line-height:1.15}
  h2{font-size:29px;line-height:1.2}
  h3{font-size:23px;line-height:1.25}
  /* componentes propios: lectura ampliada */
  .vis-poi-desc{font-size:17.5px}
  .vis-mapa-nota,.vis-it-nota{font-size:15.5px}
  .rut-desc p{font-size:18.5px;line-height:1.78}
  .rut-sub{font-size:15.5px}
  .rut-mas{font-size:16px}
  .sf-footer ul a{font-size:16.5px}
  .sf-footer .sf-brand p{font-size:15.5px}
  .sf-footer .sf-contact address{font-size:15.5px}
  .sf-footer .sf-legal .sf-links a,.sf-footer .sf-legal p.sf-copy{font-size:14.5px}
  .suiza-desc,.suiza-minmax{font-size:16.5px}
  .suiza-extra,.suiza-credito,.suiza-dia{font-size:14.5px}
  .cll-note,.cll-k{font-size:14.5px}
  .cll-chip{font-size:15.5px}
  .cll-tabla{font-size:16px}
  .cll-cta{font-size:15.5px}
  .cll-bridge,.cll-warn{font-size:16.5px}
  .rut-meta li,.vis-siglo{font-size:12.5px}
}

/* ---- Refuerzo sénior móvil: los tamaños de Flatsome ganaban por orden de carga ---- */
@media (max-width:549px){
  p,li,td,th,dd,blockquote,figcaption,address,label,.rut-sub,.vis-poi-desc{
    font-size:19px!important;line-height:1.7!important}
  body{font-size:19px!important}
  h1{font-size:36px!important;line-height:1.15}
  h2{font-size:29px!important;line-height:1.2}
  h3{font-size:23px!important;line-height:1.25}
  /* excepciones: etiquetas y chips pequeños que sí son legibles */
  .rut-meta li,.vis-siglo,.vis-chips span,.suiza-dia{font-size:12.5px!important}
  .sf-footer .sf-legal .sf-links a{font-size:14px!important}
  .suiza-extra,.suiza-credito{font-size:13.5px!important}
  .sf-footer .sf-brand p,.sf-footer .sf-contact address{font-size:15.5px!important}
}

/* Letter-spacing normal en todos los H (petición 19-sep). El tracking alto
   queda solo en etiquetas-kicker (no son H): se reafirman después. */
h1,h2,h3,h4,h5,h6{letter-spacing:normal!important}
.footer-wrapper.sf-footer .sf-title{letter-spacing:.22em!important}
.rut-extra h2{letter-spacing:.18em!important}

/* ---- Fase 05d · suelo de 16px en lectura para tablet y escritorio (19-sep) ----
   max(16px,1em): sube lo que esté por debajo sin encoger lo que ya es mayor.
   Quedan fuera a propósito: etiquetas/kickers/credits/chips (micropíxeles de diseño). */
@media (min-width:550px){
  body p, body li, body td, body dd, body blockquote, body address,
  .entry-content li, .vis-poi-desc, .rut-sub, .rut-mas, .rut-desc p, .poi-desc,
  .suiza-extra, .suiza-desc, .suiza-minmax, .cll-note, .cll-chip, .cll-cta,
  .sf-footer ul a, .sf-footer .sf-brand p, .sf-footer address,
  .sf-footer .sf-legal a, .vis-mapa-nota, .vis-it-nota,
  .rut-page .rut-kicker {
    font-size: max(16px, 1em) !important;
  }
  /* .rut-page .rut-kicker lleva la frase "a pie, en bici, PMR": contenido,
     no etiqueta; por eso sube al suelo. El kicker de ficha sí es etiqueta. */
  /* reafirmar chips/etiquetas pequeñas tras el suelo */
  .rut-meta li, .vis-siglo, .suiza-dia {
    font-size: 12.5px !important;
  }
}

/* ---- Tablas responsive (todas) — 19-sep ----
   ≤549px: cada fila → tarjeta con la cabecera como etiqueta (JS pone
   data-label en los td). Sin thead: fallback con scroll horizontal. */
@media (max-width:820px){
  table.tabla-scroll, table.tabla-scroll tbody{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:549px){
  table[data-tabla-movil] thead{display:none}
  table[data-tabla-movil] tbody{display:block}
  table[data-tabla-movil] tr{display:block;background:#fff;border:1px solid #dde5ea;
    border-radius:12px;padding:14px 16px;margin:0 0 12px}
  table[data-tabla-movil] tr th, table[data-tabla-movil] tr td{
    display:block;border:0;padding:3px 0;background:none;font-size:inherit;text-align:left}
  table[data-tabla-movil] tr th{font:600 17.5px/1.3 'Sora',system-ui,sans-serif;color:#17303f;
    padding:0 0 10px}
  table[data-tabla-movil] td{display:flex;gap:12px;align-items:baseline}
  table[data-tabla-movil] td::before{content:attr(data-label);flex:0 0 118px;
    font:700 12px/1.5 'Inter',system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;
    color:#4e7d00}
  /* coherencia con cada familia */
  .cll-tabla[data-tabla-movil] tr{background:linear-gradient(135deg,#f7fcfa,#f4f8fd);border-color:#e2ece8}
  .cll-tabla[data-tabla-movil] td::before{color:#177a63}
  table[data-tabla-movil] td.cll-strong{font-weight:700}
}

/* ---- Refuerzo sénior: raíz tipográfica móvil (19-sep) ----
   Flatsome reduce html a 12px en móvil y todos los em/rem encadenan
   hacia abajo. Subir la RAÍZ escala toda la tipografía relativa. */
@media (max-width:549px){
  html{font-size:16px!important}
  body{font-size:19px!important;line-height:1.78}
  p{font-size:19px!important;line-height:1.75}
  li{font-size:18.5px!important}
  h1{font-size:36px!important;line-height:1.15}
  h2{font-size:29px!important;line-height:1.2}
  h3{font-size:23px!important;line-height:1.25}
  /* re-excepciones tras el refuerzo de raíz */
  .rut-meta li,.vis-siglo,.suiza-dia{font-size:12.5px!important}
  .sf-footer .sf-legal .sf-links a{font-size:14.5px!important}
  .suiza-extra,.suiza-credito{font-size:13.5px!important}
  .sf-footer .sf-brand p,.sf-footer .sf-contact address{font-size:15.5px!important}
}