/*
 * Meráki Cultural — estilos del sitio comercial (prefijo mk-)
 * Se agrega al tema hijo `meraki-cultural` (tras style.css) y depende de las
 * variables del tema padre `rgstudio-base-wp-tema`. Cada variable tiene un valor
 * de respaldo para que la hoja funcione también si el padre no la define.
 *
 * Contenido:
 *   1. Tokens y accesibilidad base
 *   2. Animación de entrada (.mk-reveal) y movimiento del Hero
 *   3. Tipografía, encabezados y botones
 *   4. Componentes de contenido (beneficios, pasos, listas, avisos, CTA, FAQ)
 *   5. Inicio: secciones por-que, servicios, casos y preguntas
 *   6. Formularios de solicitud (.meraki-post) y avisos de privacidad
 *   7. Showcase (.mk-showcase / .mk-card) y ficha individual (.mk-ficha)
 *   8. Portal de artistas (.mk-portal)
 *   9. Reducción de movimiento
 *  10. Inicio v0.1.18: Modelo, Servicios, Casos reales y cortina
 *  11. Filtro del Showcase y directorios de foros y proveedores (v0.1.18)
 *  12. Hovers en listas: pasos y requisitos (v0.1.20)
 *  13. Ritmo de fondos: franjas alternas a todo el ancho (v0.1.22)
 *  14. Guía: resultados del dictamen, acciones de la ficha y botón de WhatsApp; Formación sobre Gris (v0.1.23)
 *  15. Preguntas frecuentes con relleno, Contacto en Hueso y marca de agua en Qué es Meráki (v0.1.24)
 *  16. Botón de Formación con relleno lateral y «Mi espacio» en el menú y en el pie (v0.1.25)
 *  17. Isotipo fijo y fondos de las páginas interiores y del Catálogo (v0.1.27 y v0.1.28)
 *  18. Isotipo fijo y fondos del Inicio, salvo Hero, Casos reales y Contacto (v0.1.28 y v0.1.29)
 *
 * Contraste: el texto sobre fondo claro usa --mk-teal-text (Turquesa oscuro
 * mezclado con Tinta, 5.2:1 sobre blanco). El Turquesa de marca #00CCCB se usa
 * como fondo con texto en Tinta (8.9:1) y como acento decorativo.
 *
 * Marcado esperado de los shortcodes del plugin (si los nombres difieren, se
 * ajustan los selectores de las secciones 7 y 8):
 *   [meraki_showcase]    div.mk-showcase > article.mk-card > (.mk-card__media img,
 *                        .mk-card__body > .mk-card__tag, h3.mk-card__title > a,
 *                        .mk-card__meta)
 *   ficha individual     article.mk-ficha > (.mk-ficha__gallery figure.mk-ficha__figure,
 *                        .mk-ficha__info > h2, dl.mk-ficha__meta, .mk-ficha__bio,
 *                        .mk-ficha__credit, .mk-ficha__links)
 *   [meraki_mi_espacio]  div.mk-portal > (nav.mk-portal__nav, div.mk-portal__panel)
 */

/* ==========================================================================
   1. TOKENS Y ACCESIBILIDAD BASE
   ========================================================================== */
:root{
  --mk-turq:#00CCCB;
  --mk-servicios:#057979;
  --mk-franja:#E6FAFA;
  --mk-hueso:#F6F7F7;
  --mk-teal:var(--accent,#00A3A2);
  --mk-teal-text:#057979;
  --mk-teal-text:color-mix(in srgb,var(--accent,#00A3A2) 70%,var(--ink,#12181B) 30%);
  --mk-ink:var(--ink,#12181B);
  --mk-soft:var(--ink-soft,#5B6669);
  --mk-paper:var(--paper,#F6F7F7);
  --mk-white:var(--paper-raised,#FFFFFF);
  --mk-hair:rgba(18,24,27,.14);
  --mk-radius:var(--radius,14px);
  --mk-shadow:var(--shadow-soft,0 10px 28px rgba(18,24,27,.08));
  --mk-shadow-lift:0 18px 40px rgba(18,24,27,.16);
  --mk-ease:cubic-bezier(.22,.7,.2,1);
  --mk-dur:.7s;
  --mk-gap:clamp(16px,2.4vw,28px);
  --mk-isotipo-neg:url("https://rgstudio.com.mx/meraki/wp-content/uploads/2026/09/Logo_Meraki_Isotipo_Negativo.png");
}

.mk-page{display:block;color:var(--mk-ink);}
.mk-page > section,
.mk-page > .mk-block{margin-block:clamp(32px,6vw,60px);}
.mk-page > :first-child{margin-top:0;}

.mk-page a:focus-visible,
.mk-faq summary:focus-visible,
.mk-card a:focus-visible,
.mk-portal a:focus-visible,
body .meraki-post :is(input,textarea,select,button):focus-visible{
  outline:3px solid var(--mk-turq);
  outline-offset:3px;
  border-radius:4px;
}

/* ==========================================================================
   2. ANIMACIÓN DE ENTRADA
   El script reveal.js añade .mk-js al <html> solo cuando puede observar el
   scroll y no hay preferencia de movimiento reducido. Sin JavaScript todo
   el contenido permanece visible.
   ========================================================================== */
.mk-js .mk-reveal{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition-property:opacity,transform,translate,box-shadow;
  transition-duration:var(--mk-dur),var(--mk-dur),.3s,.3s;
  transition-timing-function:var(--mk-ease);
  transition-delay:var(--mk-delay,0ms),var(--mk-delay,0ms),0ms,0ms;
  will-change:opacity,transform;
}
.mk-js .mk-reveal--left{transform:translate3d(-28px,0,0);}
.mk-js .mk-reveal--right{transform:translate3d(28px,0,0);}
.mk-js .mk-reveal--zoom{transform:scale(.96);}
.mk-js .mk-reveal--fade{transform:none;}
.mk-js .mk-reveal.is-visible{
  opacity:1;
  transform:none;
  will-change:auto;
}

/* Escalonado por posición dentro de rejillas y listas (también admite
   data-mk-delay="120" que reveal.js traduce a --mk-delay). */
.mk-reveal:nth-child(2){--mk-delay:90ms;}
.mk-reveal:nth-child(3){--mk-delay:180ms;}
.mk-reveal:nth-child(4){--mk-delay:270ms;}
.mk-reveal:nth-child(5){--mk-delay:360ms;}
.mk-reveal:nth-child(n+6){--mk-delay:450ms;}

@keyframes mk-rise{
  from{opacity:0;transform:translate3d(0,24px,0);}
  to{opacity:1;transform:none;}
}
@keyframes mk-fade-in{
  from{opacity:0;transform:translate3d(0,-6px,0);}
  to{opacity:1;transform:none;}
}

/* Hero: entrada escalonada del título, el subtítulo y los botones. */
@media (prefers-reduced-motion:no-preference){
  .rgb-hero__inner h1{animation:mk-rise .9s var(--mk-ease) .15s backwards;}
  .rgb-hero__inner .rgb-hero__subtitle{animation:mk-rise .9s var(--mk-ease) .35s backwards;}
  .rgb-hero__inner .rgb-hero__cta{animation:mk-rise .9s var(--mk-ease) .55s backwards;}
}
.rgb-hero__cta .rgb-btn + .rgb-btn{margin-left:12px;}
@media (max-width:480px){
  .rgb-hero__cta .rgb-btn{display:block;margin:0 0 10px;text-align:center;}
  .rgb-hero__cta .rgb-btn + .rgb-btn{margin-left:0;}
}

/* ==========================================================================
   3. TIPOGRAFÍA, ENCABEZADOS Y BOTONES
   ========================================================================== */
.mk-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  margin:0 0 12px;
  font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--mk-teal-text);
}
.mk-eyebrow::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--mk-turq);}

:is(.mk-page,#rgb-main section[id]) .mk-lead{
  max-width:64ch;
  font-size:clamp(1.12rem,2.1vw,1.4rem);
  line-height:1.5;
  color:var(--mk-ink);
}

.mk-page h2,
#rgb-main section[id] h2{scroll-margin-top:var(--nav-height,72px);}
.mk-page h2{
  margin:0 0 18px;
  font-size:clamp(1.5rem,2.8vw,2rem);
  line-height:1.2;
  color:var(--mk-ink);
}
.mk-page h2::after,
#rgb-main section[id]:not(#contacto) h2::after{
  content:"";display:block;width:48px;height:4px;margin-top:12px;
  border-radius:2px;background:var(--mk-turq);
}
.mk-page h3{margin:0 0 8px;font-size:1.15rem;line-height:1.3;color:var(--mk-ink);}
.mk-page p{line-height:1.65;}
.mk-page p + p{margin-top:14px;}
.mk-page ul,.mk-page ol{padding-left:0;}

/* Botón principal: Turquesa de marca con texto en Tinta (8.9:1). */
.mk-page .rgb-btn--accent,
#rgb-main section[id] .rgb-btn--accent{
  background:var(--mk-turq);
  color:var(--mk-ink);
  border-color:var(--mk-turq);
  font-weight:700;
}
.mk-page .rgb-btn--accent:hover,
.mk-page .rgb-btn--accent:focus-visible,
#rgb-main section[id] .rgb-btn--accent:hover,
#rgb-main section[id] .rgb-btn--accent:focus-visible{
  background:var(--mk-ink);
  color:#fff;
  border-color:var(--mk-ink);
}
.mk-cta .rgb-btn--accent:hover,
.mk-cta .rgb-btn--accent:focus-visible{
  background:#fff;
  color:var(--mk-ink);
  border-color:#fff;
}
/* Botón secundario sobre fondo claro. */
.rgb-btn.mk-btn-outline{
  background:transparent;color:var(--mk-ink);
  border:2px solid var(--mk-ink);
}
.rgb-btn.mk-btn-outline:hover,
.rgb-btn.mk-btn-outline:focus-visible{background:var(--mk-ink);color:#fff;}

.mk-btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}

/* Enlace de texto con flecha. */
.mk-link{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;color:var(--mk-teal-text);
  text-decoration:underline;text-decoration-color:var(--mk-turq);
  text-decoration-thickness:2px;text-underline-offset:5px;
  min-height:44px;
}
.mk-link::after{content:"\2192";transition:transform .25s var(--mk-ease);}
.mk-link:hover,.mk-link:focus-visible{color:var(--mk-ink);text-decoration-color:var(--mk-ink);}
.mk-link:hover::after,.mk-link:focus-visible::after{transform:translateX(4px);}

.mk-tag{
  display:inline-block;padding:4px 12px;border-radius:999px;
  background:rgba(0,204,203,.16);color:var(--mk-teal-text);
  font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}

/* ==========================================================================
   4. COMPONENTES DE CONTENIDO
   ========================================================================== */

/* Rejillas */
.mk-grid{display:grid;gap:var(--mk-gap);grid-template-columns:1fr;}
@media (min-width:640px){
  .mk-grid--2,.mk-grid--3,.mk-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:960px){
  .mk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .mk-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* Introducción de página */
.mk-intro{max-width:820px;}
.mk-intro .mk-lead{margin:0 0 16px;}

/* Beneficios */
.mk-benefits{
  display:grid;gap:var(--mk-gap);grid-template-columns:1fr;
  margin:24px 0 0;padding:0;list-style:none;
}
@media (min-width:640px){.mk-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:960px){.mk-benefits{grid-template-columns:repeat(3,minmax(0,1fr));}}
.mk-benefit{
  position:relative;
  padding:26px 22px 22px;
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
}
.mk-benefit::before{
  content:"";position:absolute;left:22px;top:0;width:40px;height:4px;
  border-radius:0 0 4px 4px;background:var(--mk-turq);
}
.mk-benefit h3{margin-top:4px;}
.mk-benefit p{margin:0;color:var(--mk-soft);}
@media (prefers-reduced-motion:no-preference){
  .mk-benefit,.mk-pillar,.mk-case,.mk-card,.mk-audiences li{
    transition:translate .3s var(--mk-ease),box-shadow .3s var(--mk-ease),border-color .3s var(--mk-ease);
  }
  .mk-benefit:hover,.mk-pillar:hover,.mk-case:hover,.mk-card:hover,.mk-audiences li:hover{
    translate:0 -5px;box-shadow:var(--mk-shadow-lift);
  }
}

/* Pasos del proceso */
.mk-steps{
  counter-reset:mk-step;
  display:grid;gap:18px;
  margin:24px 0 0;padding:0;list-style:none;
  max-width:860px;
}
.mk-steps > li{
  counter-increment:mk-step;
  position:relative;
  padding:20px 22px 20px 82px;
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-radius:var(--mk-radius);
}
.mk-steps > li::before{
  content:counter(mk-step);
  position:absolute;left:20px;top:18px;
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--mk-turq);color:var(--mk-ink);
  font-weight:800;font-size:1.05rem;
}
.mk-steps > li:not(:last-child)::after{
  content:"";position:absolute;left:40px;top:62px;bottom:-19px;width:2px;
  background:linear-gradient(var(--mk-turq),rgba(0,204,203,0));
}
.mk-steps h3{margin:0 0 6px;}
.mk-steps p{margin:0;color:var(--mk-soft);}
@media (max-width:480px){
  .mk-steps > li{padding:18px 16px 18px 68px;}
  .mk-steps > li::before{left:14px;width:38px;height:38px;}
  .mk-steps > li:not(:last-child)::after{left:32px;top:58px;}
}

/* Listas de requisitos */
.mk-checklist{
  margin:20px 0 0;padding:0;list-style:none;
  max-width:860px;
}
.mk-checklist li{
  position:relative;
  margin:0 0 12px;padding-left:36px;
  line-height:1.55;
}
.mk-checklist li::before{
  content:"\2713";
  position:absolute;left:0;top:1px;
  width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--mk-turq);color:var(--mk-ink);
  font-size:.8rem;font-weight:800;
}
@media (min-width:760px){
  .mk-checklist--cols{max-width:none;columns:2;column-gap:40px;}
  .mk-checklist--cols li{break-inside:avoid;}
}

/* Aviso destacado */
.mk-notice{
  margin:24px 0 0;
  padding:16px 20px;
  max-width:860px;
  background:var(--mk-paper);
  border-left:4px solid var(--mk-turq);
  border-radius:0 var(--mk-radius) var(--mk-radius) 0;
  color:var(--mk-ink);
}
.mk-notice p{margin:0;}
.mk-notice strong{color:var(--mk-ink);}

/* Bloque de llamada a la acción */
.mk-cta{
  position:relative;overflow:hidden;
  display:grid;gap:10px;
  margin-top:clamp(28px,5vw,48px);
  padding:clamp(24px,5vw,48px);
  background:var(--mk-ink);
  color:#fff;
  border-radius:calc(var(--mk-radius) * 1.4);
}
.mk-cta::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 130% at 100% 0%,rgba(0,204,203,.38),rgba(0,204,203,0) 62%);
}
.mk-cta::after{
  content:"";position:absolute;right:-30px;bottom:-40px;
  width:180px;height:180px;opacity:.12;pointer-events:none;
  background:var(--mk-isotipo-neg) center/contain no-repeat;
}
.mk-cta > *{position:relative;z-index:1;}
:is(.mk-page,#rgb-main section[id]) .mk-cta p{max-width:62ch;margin:0;color:#fff;}
:is(.mk-page,#rgb-main section[id]) .mk-cta .mk-cta__title{
  font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:800;line-height:1.25;
}
:is(.mk-page,#rgb-main section[id]) .mk-cta .mk-cta__text{color:rgba(255,255,255,.88);}
.mk-cta .rgb-btn--ghost{border-color:#fff;color:#fff;}
.mk-cta .rgb-btn--ghost:hover,.mk-cta .rgb-btn--ghost:focus-visible{background:#fff;color:var(--mk-ink);}

/* Preguntas frecuentes (v0.1.24): tarjetas con relleno en el título y en el botón de despliegue.
   Esta es la única definición de .mk-faq: la guía (/como-registrarte/) y el Inicio comparten el mismo diseño. */
.mk-faq{display:grid;gap:12px;max-width:860px;margin:24px 0 0;}
.mk-faq details{
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-radius:var(--mk-radius);
  transition:border-color .3s var(--mk-ease),box-shadow .3s var(--mk-ease);
}
.mk-faq summary{
  position:relative;display:block;
  min-height:44px;
  padding:20px 80px 20px 28px;
  font-weight:700;line-height:1.4;color:var(--mk-ink);
  cursor:pointer;list-style:none;
  border-radius:var(--mk-radius);
}
.mk-faq summary::-webkit-details-marker{display:none;}
/* Botón de despliegue: círculo de 36 px con 20 px de aire al borde de la tarjeta; la flecha va centrada dentro */
.mk-faq summary::before{
  content:"";position:absolute;right:20px;top:50%;
  width:36px;height:36px;margin-top:-18px;
  border-radius:50%;
  background:var(--mk-franja);
  transition:background-color .3s var(--mk-ease);
}
.mk-faq summary::after{
  content:"";position:absolute;right:34px;top:50%;
  width:8px;height:8px;margin-top:-6px;
  border-right:2px solid var(--mk-teal-text);border-bottom:2px solid var(--mk-teal-text);
  transform:rotate(45deg);
  transition:transform .3s var(--mk-ease),margin-top .3s var(--mk-ease),border-color .3s var(--mk-ease);
}
.mk-faq summary:hover::before,
.mk-faq details[open] summary::before{background:var(--mk-turq);}
.mk-faq summary:hover::after,
.mk-faq details[open] summary::after{border-color:var(--mk-ink);}
.mk-faq details[open]{border-color:var(--mk-turq);box-shadow:var(--mk-shadow);}
.mk-faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px;}
.mk-faq summary:focus-visible{outline-offset:-4px;border-radius:calc(var(--mk-radius) - 2px);}
.mk-faq + p{margin-top:20px;}
.mk-faq__body{padding:0 80px 24px 28px;}
.mk-faq__body p{margin:0;color:var(--mk-ink);}
.mk-faq__body p + p{margin-top:10px;}
/* Dudas frecuentes de la guía: la respuesta va directo en <details> */
.mk-faq details > p{margin:0;padding:0 80px 24px 28px;color:var(--mk-soft);}
@media (max-width:560px){
  .mk-faq summary{padding:18px 64px 18px 20px;}
  .mk-faq summary::before{right:14px;}
  .mk-faq summary::after{right:28px;}
  .mk-faq__body,
  .mk-faq details > p{padding:0 20px 20px;}
}
@media (prefers-reduced-motion:no-preference){
  .mk-faq details[open] .mk-faq__body,
  .mk-faq details[open] > p{animation:mk-fade-in .35s var(--mk-ease);}
}

/* ==========================================================================
   5. INICIO
   ========================================================================== */

/* Servicios: tres públicos con su llamada a la acción */
#rgb-main .rgb-audiencias.mk-audiences{
  display:grid;gap:var(--mk-gap);grid-template-columns:1fr;
  max-width:none;margin:28px 0 0;padding:0;
}
@media (min-width:960px){
  #rgb-main .rgb-audiencias.mk-audiences{grid-template-columns:repeat(3,minmax(0,1fr));}
}
#rgb-main .mk-audiences li{
  display:flex;flex-direction:column;gap:12px;
  padding:26px 24px 22px;
  background:var(--mk-paper);
  border:1px solid var(--mk-hair);
  border-top:4px solid var(--mk-turq);
  border-radius:var(--mk-radius);
  line-height:1.6;
}
#rgb-main .mk-audiences strong{
  display:block;margin:0;
  font-size:1.15rem;line-height:1.3;
  color:var(--mk-ink);
}
#rgb-main .mk-audiences .mk-link{margin-top:auto;}
.mk-servicios-extra{margin-top:24px;}
:is(.mk-page,#rgb-main section[id]) .mk-servicios-extra{max-width:860px;}

/* Por qué Meráki: pilares */
.mk-pillars{
  counter-reset:mk-pillar;
  display:grid;gap:var(--mk-gap);grid-template-columns:1fr;
  margin:28px 0 0;
}
@media (min-width:700px){.mk-pillars{grid-template-columns:repeat(2,minmax(0,1fr));}}
.mk-pillar{
  position:relative;
  padding:26px 24px 24px;
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
}
.mk-pillar::before{
  counter-increment:mk-pillar;content:"0" counter(mk-pillar);
  display:block;margin-bottom:10px;
  font-size:.85rem;font-weight:800;letter-spacing:.14em;color:var(--mk-teal-text);
}
.mk-pillar h3{margin:0 0 8px;}
.mk-pillar p{margin:0;color:var(--mk-soft);}

/* Casos reales */
.mk-cases{
  display:grid;gap:var(--mk-gap);grid-template-columns:1fr;
  margin:28px 0 0;
}
@media (min-width:760px){.mk-cases{grid-template-columns:repeat(2,minmax(0,1fr));}}
.mk-case{
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
}
.mk-case__media{
  position:relative;aspect-ratio:16/9;overflow:hidden;
  background:linear-gradient(135deg,var(--mk-turq) 0%,var(--mk-teal) 100%);
}
.mk-case__media::after{
  content:"";position:absolute;inset:0;
  background:var(--mk-isotipo-neg) center/34% no-repeat;
  opacity:.85;
}
.mk-case__media img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;}
.mk-case__media:has(img)::after{display:none;}
.mk-case__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 22px 24px;}
.mk-case__body h3{margin:0;font-size:1.3rem;}
.mk-case__body p{margin:0;color:var(--mk-ink);}
.mk-case__body .mk-link{margin-top:auto;}
:is(.mk-page,#rgb-main section[id]) .mk-case__body p + p,
:is(.mk-page,#rgb-main section[id]) .mk-pillar p + p{margin-top:0;}

/* ==========================================================================
   6. FORMULARIOS Y AVISOS DE PRIVACIDAD
   Los selectores llevan el prefijo "body" para ganar a los estilos en línea
   que imprime el shortcode.
   ========================================================================== */
.mk-form-wrap{
  margin-top:20px;max-width:860px;
  padding:clamp(18px,3.5vw,36px);
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-top:4px solid var(--mk-turq);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
}
body .meraki-post{max-width:760px;color:var(--mk-ink);}
body .meraki-post label{
  display:block;margin:1.1em 0 .35em;
  font-weight:700;line-height:1.45;color:var(--mk-ink);
}
body .meraki-post label.r{
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;margin:0 1.4em 0 0;font-weight:400;
}
body .meraki-post input[type=text],
body .meraki-post input[type=email],
body .meraki-post input[type=url],
body .meraki-post input[type=tel],
body .meraki-post input[type=number],
body .meraki-post select,
body .meraki-post textarea{
  width:100%;box-sizing:border-box;
  min-height:48px;padding:.7em .9em;
  font:inherit;color:var(--mk-ink);
  background:var(--mk-white);
  border:1px solid rgba(18,24,27,.45);
  border-radius:10px;
  transition:border-color .2s var(--mk-ease),box-shadow .2s var(--mk-ease);
}
body .meraki-post textarea{min-height:160px;resize:vertical;}
body .meraki-post input:focus,
body .meraki-post select:focus,
body .meraki-post textarea:focus{
  border-color:var(--mk-teal-text);
  box-shadow:0 0 0 3px rgba(0,204,203,.35);
  outline:none;
}
body .meraki-post input[type=checkbox],
body .meraki-post input[type=radio]{
  width:20px;height:20px;flex:none;margin:0;
  accent-color:var(--mk-teal-text);
}
body .meraki-post label:has(> input[type=checkbox]){
  display:flex;align-items:flex-start;gap:10px;
  font-weight:400;
}
body .meraki-post fieldset{
  margin:1.4em 0;padding:.9em 1.2em 1em;
  border:1px solid var(--mk-hair);
  border-radius:var(--mk-radius);
  background:var(--mk-paper);
}
body .meraki-post legend{padding:0 .5em;font-weight:700;color:var(--mk-ink);}
body .meraki-post fieldset[hidden]{display:none;}
body .meraki-post fieldset.mk-checks label.r{display:flex;margin:0;min-height:40px;}
body .meraki-post .nota{margin:.2em 0 .6em;font-size:.92rem;color:var(--mk-soft);}
body .meraki-post .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
body .meraki-post button[type=submit],
body .meraki-post input[type=submit]{
  min-height:50px;padding:.8em 1.8em;
  font:inherit;font-weight:700;letter-spacing:.01em;
  color:var(--mk-ink);background:var(--mk-turq);
  border:2px solid var(--mk-turq);border-radius:999px;
  cursor:pointer;
  transition:background-color .2s var(--mk-ease),color .2s var(--mk-ease),border-color .2s var(--mk-ease);
}
body .meraki-post button[type=submit]:hover,
body .meraki-post button[type=submit]:focus-visible,
body .meraki-post input[type=submit]:hover{
  background:var(--mk-ink);color:#fff;border-color:var(--mk-ink);
}
body .meraki-post-ok,
body .meraki-post-err{
  margin:0 0 1.2em;padding:1em 1.2em;
  border-radius:0 var(--mk-radius) var(--mk-radius) 0;
  color:var(--mk-ink);
}
body .meraki-post-ok{background:#e3f8f8;border-left:4px solid var(--mk-turq);}
body .meraki-post-err{background:#fdecea;border-left:4px solid #b3261e;}

/* Aviso simplificado junto al formulario */
body .meraki-aviso{
  margin:0 0 1.4em;padding:1em 1.2em;
  background:var(--mk-paper);
  border-left:4px solid var(--mk-turq);
  border-radius:0 var(--mk-radius) var(--mk-radius) 0;
  font-size:.95rem;line-height:1.6;color:var(--mk-ink);
}
body .meraki-aviso a{color:var(--mk-teal-text);font-weight:700;text-underline-offset:4px;}

/* Aviso de privacidad integral */
.meraki-aviso-integral{
  max-width:78ch;margin-inline:0 auto;
  line-height:1.7;color:var(--mk-ink);
}
.meraki-aviso-encabezado{
  margin:0 0 2em;padding:1.2em 1.4em;
  background:var(--mk-paper);
  border-left:4px solid var(--mk-turq);
  border-radius:0 var(--mk-radius) var(--mk-radius) 0;
}
.meraki-aviso-encabezado p{margin:0 0 .7em;}
.meraki-aviso-encabezado p:last-child{margin-bottom:0;}
.meraki-aviso-titulo{font-size:1.25rem;line-height:1.3;}
.meraki-aviso-version{font-size:.92rem;color:var(--mk-soft);}
.meraki-aviso-integral h2{
  margin:2em 0 .6em;
  font-size:clamp(1.2rem,2.2vw,1.45rem);line-height:1.3;
  scroll-margin-top:var(--nav-height,72px);
}
.meraki-aviso-integral h2::before{
  content:"";display:block;width:36px;height:3px;margin-bottom:10px;
  border-radius:2px;background:var(--mk-turq);
}
.meraki-aviso-integral ul,.meraki-aviso-integral ol{padding-left:1.4em;}
.meraki-aviso-integral li{margin:.4em 0;}
.meraki-aviso-integral a{color:var(--mk-teal-text);font-weight:600;text-underline-offset:4px;}
.meraki-aviso-integral table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95rem;}
.meraki-aviso-integral th,.meraki-aviso-integral td{
  padding:.65em .8em;text-align:left;vertical-align:top;
  border:1px solid var(--mk-hair);
}
.meraki-aviso-integral th{background:var(--mk-paper);}
@media (max-width:640px){
  .meraki-aviso-integral{overflow-wrap:anywhere;}
  .meraki-aviso-integral table{display:block;overflow-x:auto;}
}

/* ==========================================================================
   7. SHOWCASE Y FICHA INDIVIDUAL
   ========================================================================== */
.mk-showcase__toolbar{
  display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;
  margin:0 0 22px;
}
.mk-showcase__toolbar :is(input,select){
  min-height:44px;padding:.5em .9em;
  font:inherit;color:var(--mk-ink);
  background:var(--mk-white);
  border:1px solid rgba(18,24,27,.45);border-radius:999px;
}
.mk-showcase__toolbar :is(a,button){
  display:inline-flex;align-items:center;min-height:44px;padding:.5em 1.1em;
  font:inherit;font-weight:600;color:var(--mk-ink);text-decoration:none;
  background:var(--mk-paper);border:1px solid var(--mk-hair);border-radius:999px;cursor:pointer;
}
.mk-showcase__toolbar :is(a,button):is([aria-current],[aria-pressed="true"],.is-active){
  background:var(--mk-turq);border-color:var(--mk-turq);
}

.mk-showcase{
  display:grid;gap:var(--mk-gap);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));
  margin:0;padding:0;list-style:none;
}
.mk-showcase__empty{
  grid-column:1/-1;
  padding:28px 24px;
  background:var(--mk-paper);
  border:1px dashed rgba(18,24,27,.35);
  border-radius:var(--mk-radius);
  color:var(--mk-ink);text-align:center;
}
.mk-card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
}
.mk-card__media{
  position:relative;aspect-ratio:4/3;overflow:hidden;
  background:linear-gradient(135deg,var(--mk-turq) 0%,var(--mk-teal) 100%);
}
.mk-card__media::after{
  content:"";position:absolute;inset:0;
  background:var(--mk-isotipo-neg) center/30% no-repeat;opacity:.8;
}
.mk-card__media img{
  position:relative;z-index:1;display:block;
  width:100%;height:100%;object-fit:cover;
}
.mk-card__media:has(img)::after{display:none;}
@media (prefers-reduced-motion:no-preference){
  .mk-card__media img{transition:scale .6s var(--mk-ease);}
  .mk-card:hover .mk-card__media img{scale:1.05;}
}
.mk-card__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px;}
.mk-card__tag{align-self:flex-start;}
.mk-card__title{margin:4px 0 0;font-size:1.12rem;line-height:1.3;font-weight:700;}
.mk-card__title a{color:var(--mk-ink);text-decoration:none;}
.mk-card__title a::after{content:"";position:absolute;inset:0;}
.mk-card__meta{margin:0;font-size:.92rem;color:var(--mk-soft);}
.mk-card:focus-within{outline:3px solid var(--mk-turq);outline-offset:2px;}

/* Ficha individual */
.mk-ficha{display:grid;gap:clamp(22px,4vw,48px);}
@media (min-width:900px){
  .mk-ficha{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;}
  .mk-ficha__info{position:sticky;top:calc(var(--nav-height,72px) + 16px);}
}
.mk-ficha__gallery{display:grid;gap:14px;}
.mk-ficha__figure{margin:0;}
.mk-ficha__figure img{display:block;width:100%;height:auto;border-radius:var(--mk-radius);}
.mk-ficha__figure figcaption{margin-top:8px;font-size:.9rem;line-height:1.5;color:var(--mk-soft);}
.mk-ficha__info h1,.mk-ficha__info h2{margin:0 0 6px;line-height:1.2;color:var(--mk-ink);}
.mk-ficha__meta{
  display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;
  margin:14px 0 20px;
}
.mk-ficha__meta dt{font-weight:700;color:var(--mk-ink);}
.mk-ficha__meta dd{margin:0;color:var(--mk-soft);}
.mk-ficha__bio{line-height:1.7;color:var(--mk-ink);}
.mk-ficha__bio p + p{margin-top:12px;}
.mk-ficha__credit{
  margin-top:20px;padding-top:14px;
  border-top:1px solid var(--mk-hair);
  font-size:.9rem;line-height:1.5;color:var(--mk-soft);
}
.mk-ficha__links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0 0;padding:0;list-style:none;}
.mk-ficha__links a{
  display:inline-flex;align-items:center;min-height:44px;
  font-weight:700;color:var(--mk-teal-text);
  text-decoration:underline;text-decoration-color:var(--mk-turq);
  text-decoration-thickness:2px;text-underline-offset:5px;
}

/* ==========================================================================
   8. PORTAL DE ARTISTAS
   ========================================================================== */
.mk-portal--panel{display:grid;gap:var(--mk-gap);}
@media (min-width:900px){.mk-portal--panel{grid-template-columns:240px minmax(0,1fr);align-items:start;}}
.mk-portal__nav{
  display:flex;gap:8px;overflow-x:auto;
  padding:4px;
  background:var(--mk-paper);
  border:1px solid var(--mk-hair);border-radius:var(--mk-radius);
}
@media (min-width:900px){
  .mk-portal__nav{flex-direction:column;overflow:visible;position:sticky;top:calc(var(--nav-height,72px) + 16px);}
}
.mk-portal__nav a{
  display:flex;align-items:center;flex:none;min-height:44px;
  padding:.55em .95em;
  font-weight:600;color:var(--mk-ink);text-decoration:none;
  border-radius:calc(var(--mk-radius) - 4px);
  white-space:nowrap;
  transition:background-color .2s var(--mk-ease);
}
.mk-portal__nav a:hover{background:rgba(0,204,203,.18);}
.mk-portal__nav a:is([aria-current],.is-active){background:var(--mk-turq);}
.mk-portal__panel{
  overflow-x:auto;
  padding:clamp(18px,3vw,32px);
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-top:4px solid var(--mk-turq);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
}
.mk-portal__panel h2,.mk-portal__panel h3{margin-top:0;color:var(--mk-ink);}
.mk-portal__grid{display:grid;gap:var(--mk-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));}
.mk-portal__card{
  padding:18px 20px;
  background:var(--mk-paper);
  border:1px solid var(--mk-hair);border-radius:var(--mk-radius);
}
.mk-portal table{width:100%;border-collapse:collapse;font-size:.95rem;}
.mk-portal th,.mk-portal td{padding:.7em .8em;text-align:left;vertical-align:top;border-bottom:1px solid var(--mk-hair);}
.mk-portal th{font-weight:700;background:var(--mk-paper);}

.mk-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 12px;border-radius:999px;
  font-size:.82rem;font-weight:700;line-height:1.3;
  color:var(--mk-ink);background:var(--mk-paper);border:1px solid var(--mk-hair);
}
.mk-badge--ok{background:#e3f8f8;color:#05595a;border-color:#a8e6e6;}
.mk-badge--warn{background:#fff4d6;color:#6b4a00;border-color:#f0d58a;}
.mk-badge--err{background:#fdecea;color:#8a1f14;border-color:#f3b5ae;}

/* ==========================================================================
   9. REDUCCIÓN DE MOVIMIENTO
   Sin desplazamientos, transiciones ni animaciones; el contenido aparece de
   inmediato.
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .mk-reveal,
  .mk-js .mk-reveal,
  .mk-js .mk-reveal--left,
  .mk-js .mk-reveal--right,
  .mk-js .mk-reveal--zoom,
  .mk-js .mk-reveal--fade{
    opacity:1 !important;
    transform:none !important;
    translate:none !important;
    scale:none !important;
    transition:none !important;
    animation:none !important;
    will-change:auto !important;
  }
  .mk-page *,.mk-page *::before,.mk-page *::after,
  [class*="mk-"],[class*="mk-"]::before,[class*="mk-"]::after,
  body .meraki-post *,
  .rgb-hero__inner > *,
  .rgb-hero__inner h1{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
  .mk-benefit:hover,.mk-pillar:hover,.mk-case:hover,.mk-card:hover,.mk-audiences li:hover,
  .mk-card:hover .mk-card__media img,
  .mk-link:hover::after{
    translate:none !important;
    scale:none !important;
    transform:none !important;
  }
}

/* v0.1.9 -- enlaces legales del pie y aviso bajo el formulario de contacto */
.rgb-footer__legal{font-size:.82rem;margin:0 0 14px;opacity:.9;}
.rgb-footer__legal a{border-bottom:1px solid rgba(255,255,255,.4);}
.rgb-footer__legal a:hover,.rgb-footer__legal a:focus-visible{color:var(--accent,#00CCCB);border-bottom-color:var(--accent,#00CCCB);}
.meraki-contacto-aviso{margin:14px 0 0;font-size:.85rem;opacity:.85;}
.meraki-contacto-aviso a{text-decoration:underline;text-underline-offset:3px;}

/* v0.1.9 -- listas dentro del aviso simplificado de los formularios */
.meraki-aviso ul{list-style:disc;padding-left:1.4em;margin:.5em 0 .8em;}
.meraki-aviso li{margin:.25em 0;}

/* v0.1.9 -- evita el desplazamiento horizontal en móvil causado por el menú fuera de pantalla (clip no rompe position:sticky) */
html,body{overflow-x:clip;}
.meraki-aviso-integral ul{list-style:disc;}
.meraki-aviso-integral ol{list-style:decimal;}
.rgb-main .meraki-aviso-integral{margin-inline:0;}

/* v0.1.11 -- portal «Mi espacio» */
.mk-portal{max-width:1080px;}
.mk-portal__main{min-width:0;}
.mk-portal__head{margin:0 0 4px;}
.mk-portal__head h2{margin:.1em 0 0;}
.mk-portal__main .mk-portal__panel{scroll-margin-top:calc(var(--nav-height,72px) + 16px);}
.mk-portal__roles{margin:.2em 0 0;color:var(--mk-soft);font-size:.95rem;}
.mk-portal__panel{
  margin:20px 0;padding:clamp(18px,3.5vw,32px);
  background:var(--mk-white);
  border:1px solid var(--mk-hair);
  border-top:4px solid var(--mk-turq);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
}
.mk-portal__panel h3{margin:0 0 .6em;}
.mk-portal__avance{margin:.8em 0 .3em;font-weight:700;}
.mk-tag--ok{background:#e3f8f8;border-color:var(--mk-turq);}
.mk-check{list-style:none;margin:0 0 1em;padding:0;}
.mk-check li{
  display:flex;align-items:flex-start;gap:10px;
  padding:.55em 0;border-bottom:1px solid var(--mk-hair);
  line-height:1.45;
}
.mk-check li::before{
  content:"";flex:none;width:22px;height:22px;margin-top:1px;
  box-sizing:border-box;border-radius:50%;
  border:2px solid rgba(18,24,27,.35);
}
.mk-check li.is-ok::before{
  background:var(--mk-turq) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312181b' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat;
  border-color:var(--mk-turq);
}
.mk-portal__obras{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;
  list-style:none;margin:0 0 1em;padding:0;
}
.mk-portal__obras img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:8px;}
.mk-portal__obras span{display:block;font-size:.92rem;line-height:1.4;}
.mk-consents{list-style:none;margin:0 0 1em;padding:0;}
.mk-consents li{padding:.8em 0;border-bottom:1px solid var(--mk-hair);}
.mk-consents details{margin-top:.6em;}
.mk-consents summary{cursor:pointer;color:var(--mk-teal-text);font-weight:700;min-height:44px;display:flex;align-items:center;}
.mk-consents details .meraki-post{margin-top:.4em;}
.mk-portal .nota{font-size:.92rem;color:var(--mk-soft);}
.mk-portal--acceso .mk-btnrow{margin-bottom:1em;}

/* v0.1.12 -- flujo de registro: siguiente paso, captura de obras, documentos con firma en pantalla */
.mk-portal__siguiente{
  margin:14px 0 0;padding:14px 18px;
  background:#e3f8f8;border-left:4px solid var(--mk-turq);
  border-radius:0 var(--mk-radius) var(--mk-radius) 0;
  color:var(--mk-ink);line-height:1.5;
}
.mk-portal__siguiente a{font-weight:700;color:var(--mk-teal-text);text-underline-offset:3px;}
.mk-check li{flex-wrap:wrap;}
.mk-check li em{flex:1 0 100%;padding-left:32px;color:var(--mk-soft);font-style:normal;font-size:.92rem;}

/* Captura de obras */
body .meraki-post.mk-obras{max-width:none;}
.mk-obra{margin:1.2em 0;}
.mk-obra__img{display:block;max-width:240px;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;}
.mk-obra__fila{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
body .meraki-post input[type=file]{display:block;max-width:100%;margin:.2em 0 .6em;font:inherit;}
.mk-ayuda{display:block;margin:.25em 0 .6em;font-size:.88rem;line-height:1.4;color:var(--mk-soft);font-weight:400;}
body .meraki-post label.mk-chkline{margin:.8em 0 .2em;}

/* Documentos */
body .meraki-post.mk-docform{max-width:none;}
.mk-doc{margin:1.2em 0;padding-top:.4em;border-top:1px solid var(--mk-hair);}
.mk-doc h4{margin:.2em 0 .4em;font-size:1.05rem;}
.mk-doc__det>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:1.05rem;}
.mk-doc__texto{margin:1em 0;padding:clamp(12px,2.4vw,24px);background:var(--mk-white);border:1px solid var(--mk-hair);border-radius:var(--mk-radius);overflow-x:auto;line-height:1.55;}
.mk-doc__texto h1{font-size:1.35rem;margin:.2em 0 .6em;}
.mk-doc__texto h2,body .mk-doc__texto h2,#rgb-main .mk-doc__texto h2,#rgb-main section[id] .mk-doc__texto h2{font-size:1.2rem;line-height:1.25;margin:1.6em 0 .5em;color:var(--mk-teal-text);}
.mk-doc__texto table{width:100%;border-collapse:collapse;margin:.8em 0;font-size:.95rem;}
.mk-doc__texto th,.mk-doc__texto td{border:1px solid var(--mk-hair);padding:.5em .7em;vertical-align:top;text-align:left;}
.mk-doc__texto th{background:var(--mk-paper);}
.mk-doc__texto p.ayuda,.mk-doc__texto span.ayuda{display:block;margin:.5em 0;padding:.55em .8em;background:#f1fbfb;border-left:4px solid var(--mk-turq);border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.45;}
.mk-doc__texto span.ayuda{display:block;}
body .meraki-post .mk-doc__texto input.mk-f{display:inline-block;width:min(100%,16em);min-height:40px;padding:.35em .6em;vertical-align:middle;margin:.15em 0;}
body .meraki-post .mk-doc__texto input.mk-f--lg{width:min(100%,30em);}
body .meraki-post .mk-doc__texto td input.mk-f--lg{width:100%;}
body .meraki-post .mk-doc__texto input.mk-c{display:inline-block;vertical-align:middle;margin:0 .35em 0 .1em;width:22px;height:22px;}
body .meraki-post .mk-doc__texto input.is-error{border-color:#b3261e;box-shadow:0 0 0 3px rgba(179,38,30,.25);}
body .meraki-post .mk-doc__texto input:disabled{opacity:.45;}
.mk-pad{max-width:560px;}
.mk-pad__canvas{display:block;width:100%;height:170px;background:#fff;border:1px dashed rgba(18,24,27,.55);border-radius:10px;touch-action:none;cursor:crosshair;}
.mk-pad__barra{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:6px;}
.mk-pad__borrar{font:inherit;min-height:40px;padding:.3em 1em;background:transparent;border:2px solid var(--mk-ink);border-radius:999px;cursor:pointer;color:var(--mk-ink);}
.mk-pad__borrar:hover,.mk-pad__borrar:focus-visible{background:var(--mk-ink);color:#fff;}
.mk-firma-img{max-width:280px;max-height:100px;display:block;}
.mk-v{border-bottom:1px solid var(--mk-ink);padding:0 4px;font-weight:600;}
.mk-anexo{width:100%;}
body .meraki-post fieldset.mk-firmar{background:#f1fbfb;border-color:var(--mk-turq);}
/* Un fieldset no se encoge por debajo de su contenido salvo que se le quite el mínimo: sin esto, en pantallas de 390 px los campos de «Mis obras» se salen de la tarjeta. */
body .meraki-post fieldset{min-width:0;}
@media (max-width:600px){.mk-obra__fila{grid-template-columns:1fr;}}

/* ==========================================================================
   v0.1.12 -- «Tu camino» (pipeline validado: Postulación → Revisión → Registro → Activación → Seguimiento y cierre)
   Paleta oficial únicamente: Turquesa = paso completo, Tinta = paso actual, Gris/Hueso = pendiente.
   ========================================================================== */
.mk-camino-wrap{margin:18px 0 0;padding:20px clamp(16px,3vw,26px) 22px;background:var(--mk-white);border:1px solid var(--mk-hair);border-radius:var(--mk-radius);box-shadow:var(--mk-shadow);}
.mk-camino-wrap .mk-eyebrow{margin-bottom:16px;}
.mk-camino{list-style:none;margin:0;padding:0;display:grid;}
.mk-camino li{position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:0 0 18px;min-height:40px;}
.mk-camino li:last-child{padding-bottom:0;}
.mk-camino li::before{content:"";position:absolute;left:19px;top:42px;bottom:2px;width:2px;background:var(--mk-hair);}
.mk-camino li:last-child::before{display:none;}
.mk-camino li.is-done::before{background:var(--mk-turq);}
.mk-camino__n{grid-row:1 / span 2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1rem;border:2px solid var(--mk-hair);background:var(--mk-white);color:var(--mk-soft);}
.mk-camino li.is-done .mk-camino__n{background:var(--mk-turq);border-color:var(--mk-turq);color:var(--mk-ink);}
.mk-camino li.is-current .mk-camino__n{background:var(--mk-ink);border-color:var(--mk-ink);color:#fff;box-shadow:0 0 0 4px rgba(0,204,203,.38);}
.mk-camino li.is-stop .mk-camino__n{border-color:var(--mk-ink);color:var(--mk-ink);}
.mk-camino__t{align-self:end;font-weight:700;line-height:1.3;color:var(--mk-ink);}
.mk-camino li.is-pend .mk-camino__t{color:var(--mk-soft);font-weight:600;}
.mk-camino__d{font-size:.9rem;line-height:1.4;color:var(--mk-soft);}
.mk-camino li.is-current .mk-camino__d{color:var(--mk-ink);}
@media (min-width:760px){
  .mk-camino{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
  .mk-camino li{grid-template-columns:1fr;row-gap:8px;padding:0;min-height:0;align-content:start;}
  .mk-camino li::before{left:48px;right:-14px;top:19px;bottom:auto;width:auto;height:2px;}
  .mk-camino__n{grid-row:auto;}
  .mk-camino__t{align-self:auto;}
}
@media (min-width:760px) and (max-width:1000px){.mk-portal--panel .mk-camino{grid-template-columns:1fr;}.mk-portal--panel .mk-camino li{grid-template-columns:40px 1fr;column-gap:14px;row-gap:0;padding:0 0 18px;}.mk-portal--panel .mk-camino li::before{left:19px;right:auto;top:42px;bottom:2px;width:2px;height:auto;}.mk-portal--panel .mk-camino li:last-child{padding-bottom:0;}.mk-portal--panel .mk-camino__n{grid-row:1 / span 2;}.mk-portal--panel .mk-camino__t{align-self:end;}}
.mk-portal__siguiente{background:var(--mk-paper);}
body .meraki-post-ok{background:var(--mk-paper);}
.meraki-post-ok + .mk-camino-wrap{margin-top:16px;}

/* ==========================================================================
   v0.1.14 -- Recorrido y guía paso a paso para personas artistas
   Paleta oficial únicamente: Turquesa, Tinta, Blanco y Hueso. Texto sobre fondo claro en Turquesa oscuro (--mk-teal-text).
   ========================================================================== */
/* Etiquetas de quién interviene (v0.1.20: clase mk-rol, con icono; antes compartían el nombre mk-chip con los filtros del Showcase y perdían sus colores).
   Tú: Tinta con texto Blanco (17.5:1). Plataforma: Turquesa muy claro con filo Turquesa y texto Tinta. Equipo y Comité: Blanco con filo gris y texto Tinta. */
.mk-rol{display:inline-flex;align-items:center;gap:6px;margin:0 6px 4px 0;padding:3px 12px 3px 9px;border-radius:999px;font-size:.8rem;font-weight:700;line-height:1.45;letter-spacing:.01em;white-space:nowrap;border:1.5px solid transparent;}
.mk-rol .mk-ico{flex:none;width:15px;height:15px;}
.mk-rol--tu{background:var(--mk-ink);color:#fff;border-color:var(--mk-ink);}
.mk-rol--plataforma{background:rgba(0,204,203,.13);color:var(--mk-ink);border-color:#0A9E9D;}
.mk-rol--equipo{background:var(--mk-white);color:var(--mk-ink);border-color:#5d6568;}

.mk-info,.mk-info *,.mk-ruta,.mk-ruta *,.mk-guia-aviso,.mk-guia-nota,.mk-faq,.mk-faq *{box-sizing:border-box;}
.mk-info .visually-hidden,.mk-ruta .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.mk-info{margin:0;}
.mk-info__cab{display:grid;gap:6px;margin:0 0 18px;padding:22px clamp(18px,3vw,30px);background:var(--mk-ink);color:#fff;border-radius:var(--mk-radius);}
.mk-info__cab img{display:block;width:190px;max-width:60%;height:auto;margin:0 0 10px;}
.mk-info__titulo{margin:0;font-size:clamp(1.4rem,3.2vw,2rem);line-height:1.2;font-weight:800;color:#fff;}
.mk-info__sub{margin:0;color:rgba(255,255,255,.88);}
.mk-info__pasos{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr;}
.mk-info__paso{margin:0;}
.mk-info__paso > a{position:relative;display:grid;gap:8px;align-content:start;height:100%;padding:18px 18px 18px 70px;background:var(--mk-white);border:1px solid var(--mk-hair);border-radius:var(--mk-radius);box-shadow:var(--mk-shadow);color:var(--mk-ink);text-decoration:none;transition:transform .25s var(--mk-ease),box-shadow .25s var(--mk-ease);}
.mk-info__paso > a:hover,.mk-info__paso > a:focus-visible{transform:translateY(-2px);box-shadow:var(--mk-shadow-lift);}
.mk-info__n{position:absolute;left:16px;top:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--mk-turq);color:var(--mk-ink);font-weight:800;font-size:1.05rem;}
.mk-info__quien{display:block;}
.mk-info__t{font-size:1.08rem;line-height:1.3;color:var(--mk-ink);}
.mk-info__c{font-size:.95rem;line-height:1.5;color:var(--mk-soft);}
.mk-info__leyenda{margin:0 0 18px;}
.mk-info__leyenda-t{margin:0 0 10px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-soft);}
.mk-info__leyenda ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr);}
.mk-info__leyenda li{margin:0;display:grid;gap:4px;justify-items:start;align-content:start;font-size:.92rem;line-height:1.45;color:var(--mk-soft);}
.mk-info__leyenda .mk-rol{margin:0;}
@media (min-width:760px){.mk-info__leyenda ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}}
.mk-info__apoyos{display:grid;gap:8px;margin-top:4px;}
.mk-info__doc{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;padding:10px 12px;background:var(--mk-paper);border:1px solid var(--mk-hair);border-radius:12px;}
.mk-info__doc .mk-ico{grid-row:1 / span 2;width:22px;height:22px;margin-top:1px;color:var(--mk-teal-text);}
.mk-info__doc strong{font-size:.92rem;line-height:1.3;color:var(--mk-ink);}
.mk-info__doc span{font-size:.85rem;line-height:1.4;color:var(--mk-soft);}
.mk-info__apoyos--checks{display:flex;flex-wrap:wrap;gap:6px;}
.mk-info__check{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;background:var(--mk-paper);border:1px solid var(--mk-hair);border-radius:999px;font-size:.82rem;font-weight:700;line-height:1.35;color:var(--mk-ink);}
.mk-info__check .mk-ico{flex:none;width:14px;height:14px;color:var(--mk-teal-text);stroke-width:2.6;}
@media (min-width:640px){.mk-info__pasos{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1000px){.mk-info__pasos{grid-template-columns:repeat(3,minmax(0,1fr));}}
.mk-info__saber{margin:18px 0 0;padding:18px clamp(16px,3vw,26px);background:var(--mk-paper);border-left:4px solid var(--mk-turq);border-radius:0 var(--mk-radius) var(--mk-radius) 0;}
.mk-info__saber-t{margin:0 0 8px;font-weight:800;color:var(--mk-ink);}
.mk-info__saber ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;}
.mk-info__saber li{line-height:1.5;color:var(--mk-ink);}
@media (min-width:900px){.mk-info__saber ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}}
.mk-info__pie{margin:16px 0 0;padding:14px 20px;border-radius:var(--mk-radius);background:var(--mk-ink);color:rgba(255,255,255,.88);font-size:.95rem;}
.mk-info__pie span{margin-right:8px;font-style:italic;font-weight:700;color:#fff;}

.mk-ruta{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:18px;max-width:860px;}
.mk-ruta__paso{scroll-margin-top:96px;margin:0;padding:20px clamp(16px,3vw,24px);background:var(--mk-white);border:1px solid var(--mk-hair);border-radius:var(--mk-radius);}
.mk-ruta__paso:target{border-color:var(--mk-turq);box-shadow:0 0 0 4px rgba(0,204,203,.28);}
.mk-ruta__cab{display:flex;gap:14px;align-items:flex-start;margin:0 0 12px;}
.mk-ruta__n{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mk-turq);color:var(--mk-ink);font-weight:800;font-size:1.05rem;}
.mk-ruta__cab h3{margin:0 0 6px;}
.mk-ruta__meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;}
.mk-ruta__etapa{font-size:.85rem;color:var(--mk-soft);}
.mk-ruta__lista{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.mk-ruta__lista li{position:relative;margin:0;padding-left:22px;line-height:1.6;}
.mk-ruta__lista li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--mk-turq);}


.mk-recorrido__fin{max-width:860px;padding:22px clamp(16px,3vw,26px);background:var(--mk-paper);border-radius:var(--mk-radius);}
.mk-recorrido__fin p{margin:0 0 12px;}
.mk-recorrido__fin p:last-child{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;}
.mk-recorrido__img{color:var(--mk-teal-text);font-weight:700;}

.mk-guia-aviso{margin:clamp(24px,5vw,40px) 0;padding:20px clamp(16px,3vw,26px);max-width:860px;background:var(--mk-paper);border-left:4px solid var(--mk-turq);border-radius:0 var(--mk-radius) var(--mk-radius) 0;}
.mk-guia-aviso h2{margin:0 0 8px;}
.mk-guia-aviso p{margin:0 0 12px;}
.mk-guia-aviso p:last-child{margin:0;}
.mk-guia-nota{margin:0 0 14px;padding:12px 16px;background:var(--mk-paper);border-left:4px solid var(--mk-turq);border-radius:0 10px 10px 0;line-height:1.5;}
.mk-guia-nota a,.mk-portal__guia a,.meraki-post-ok a{color:var(--mk-teal-text);font-weight:700;}
.mk-portal__guia{margin:8px 0 0;font-size:.95rem;color:var(--mk-soft);}


/* ==========================================================================
   v0.1.15 · Obras de texto, audio o video: enlace público y Anexo 1
   ========================================================================== */
.mk-obra__enlace{font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.mk-obra__host{color:var(--mk-soft);font-size:.88em;overflow-wrap:anywhere;}
.mk-ficha__figure figcaption .mk-obra__enlace{display:inline-block;margin-top:2px;}
.mk-portal__obras .mk-obra__enlace{display:inline-block;}
.mk-anexo td,.mk-anexo th{overflow-wrap:anywhere;vertical-align:top;}

/* ==========================================================================
   10. INICIO (v0.1.18): Modelo, Servicios y Casos reales
   Paleta oficial (07_Paleta_Color_Meraki): Turquesa #00CCCB, Tinta #12181B, Blanco.
   Contrastes: Tinta sobre Turquesa 8.9:1; Blanco sobre Turquesa oscuro #057979 5.2:1 (Servicios desde la v0.1.21, opción B de Jorge);
   Blanco sobre Tinta 17.5:1; Gris #5B6669
   sobre Blanco 5.9:1; Turquesa oscuro mezclado con Tinta (--mk-teal-text) sobre
   Blanco 5.2:1.
   ========================================================================== */

/* --- Modelo: las cuatro capas reaccionan al pasar el cursor --- */
#rgb-main .rgb-modelo{max-width:820px;gap:10px;}
#rgb-main .rgb-modelo li{
  padding:16px 20px 16px 72px;
  border:1px solid transparent;
  border-radius:var(--mk-radius);
  transition-property:opacity,transform,translate,background-color,border-color,box-shadow;
  transition-duration:var(--mk-dur),var(--mk-dur),.3s,.3s,.3s,.3s;
  transition-timing-function:var(--mk-ease);
  transition-delay:var(--mk-delay,0ms),var(--mk-delay,0ms),0ms,0ms,0ms,0ms;
}
#rgb-main .rgb-modelo li::before{
  left:20px;top:16px;
  transition:transform .3s var(--mk-ease),background-color .3s var(--mk-ease),color .3s var(--mk-ease),box-shadow .3s var(--mk-ease);
}
@media (hover:hover){
  #rgb-main .rgb-modelo li:hover{background:var(--mk-paper);border-color:var(--mk-hair);}
  #rgb-main .rgb-modelo li:hover::before{background:var(--mk-ink);color:#fff;}
  #rgb-main .rgb-modelo li:hover strong{color:var(--mk-teal-text);}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  #rgb-main .rgb-modelo li:hover{translate:8px 0;box-shadow:var(--mk-shadow);}
  #rgb-main .rgb-modelo li:hover::before{transform:scale(1.14);box-shadow:0 0 0 6px rgba(0,204,203,.3);}
}
@media (prefers-reduced-motion:reduce){
  #rgb-main .rgb-modelo li,#rgb-main .rgb-modelo li::before{transition:none;}
}

/* --- Servicios y Casos reales: ancho completo, fuera de la caja del contenido ---
   El fondo se extiende a todo el ancho con una sombra sin desenfoque y un recorte que solo se abre a los lados,
   sin barras de desplazamiento ni cambios en el contenedor del tema. */
#rgb-main #servicios,
#rgb-main #casos{
  position:relative;
  border-top:0;
  padding-block:clamp(64px,9vw,112px);
  clip-path:inset(0 -100vmax);
}
#rgb-main #servicios{
  background:var(--mk-servicios);
  box-shadow:0 0 0 100vmax var(--mk-servicios);
  color:#fff;
}
#rgb-main #casos{
  background:var(--mk-ink);
  box-shadow:0 0 0 100vmax var(--mk-ink);
  color:#fff;
  overflow-wrap:break-word;
}

/* (v0.1.28 pasó Servicios a Turquesa suave con textos en Tinta; por indicación de Jorge del 7-oct, 19:51, la v0.1.29 restituye el diseño de la v0.1.21 y
    de la v0.1.27: Turquesa oscuro #057979 con textos en Blanco. La marca fija de esta sección va en negativo y se dibuja en la sección 18.) */
/* Servicios sobre Turquesa oscuro (v0.1.21, opción B elegida por Jorge): fondo #057979 con títulos, párrafos y enlaces en Blanco (5.2:1, cumple AA);
   el Turquesa de marca #00CCCB queda como línea bajo el título. Las tarjetas siguen en Blanco con sus textos en Tinta.
   El color claro se declara en la sección y en cada elemento que la hereda; las tarjetas fijan su propio color para no heredarlo. */
#rgb-main #servicios{color:#fff;}
#rgb-main #servicios h2{color:#fff;}
#rgb-main section#servicios[id] h2::after{background:var(--mk-turq);}
#rgb-main #servicios > p{color:#fff;}
#rgb-main #servicios .mk-servicios-extra a{
  color:#fff;font-weight:600;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;
  border-radius:3px;
}
#rgb-main #servicios .mk-servicios-extra a:hover,
#rgb-main #servicios .mk-servicios-extra a:focus-visible{background:var(--mk-ink);color:#fff;text-decoration-color:transparent;}
#rgb-main #servicios a:focus-visible{outline-color:var(--mk-ink);}
#rgb-main #servicios .mk-servicios-extra a:focus-visible{outline-color:#fff;}
#rgb-main #servicios .mk-audiences li{
  color:var(--mk-ink);
  background:var(--mk-white);
  border:1px solid rgba(18,24,27,.1);
  border-top:4px solid var(--mk-ink);
  box-shadow:0 14px 34px rgba(18,24,27,.2);
}

/* Casos reales sobre Tinta: textos en Blanco, piezas en tarjetas blancas, marca de agua en negativo */
#rgb-main #casos > *{position:relative;z-index:1;}
#rgb-main #casos h2{color:#fff;}
#rgb-main #casos h2::after{background:var(--mk-turq);}
#rgb-main #casos .mk-casos__intro{color:rgba(255,255,255,.92);max-width:760px;}
#rgb-main #casos a:focus-visible{outline-color:var(--mk-turq);}
#rgb-main #casos::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  right:max(-4%,-60px);top:clamp(24px,6vw,72px);
  width:min(560px,60vw);aspect-ratio:210/200;
  background:url("../img/isotipo-negativo.svg") center/contain no-repeat;
  opacity:.1;
  transform:translate3d(0,var(--mk-wm-y,0px),0);
  will-change:transform;
}
.mk-cases--home{margin-top:32px;}
#rgb-main #casos .mk-case h3{color:var(--mk-ink);}
#rgb-main #casos .mk-case{
  border-color:rgba(255,255,255,.14);
  box-shadow:0 24px 54px rgba(0,0,0,.45);
}
.mk-case__body .mk-btnrow{margin-top:auto;align-items:center;gap:8px 22px;}
.mk-case__nota{font-size:.92rem;color:var(--mk-soft);}
:is(.mk-page,#rgb-main section[id]) .mk-case__body .mk-case__nota{margin-top:0;}
@media (prefers-reduced-motion:reduce){
  #rgb-main #casos::after{transform:none;will-change:auto;}
}

/* --- Cortina Servicios -> Casos reales (solo escritorio y sin «reducir movimiento»; la activa inicio-cortina.js) --- */
@media (min-width:961px) and (prefers-reduced-motion:no-preference){
  #rgb-main .mk-cortina.is-activa{position:relative;}
  #rgb-main .mk-cortina.is-activa #servicios{
    position:relative;z-index:2;
    min-height:100vh;
    display:flex;flex-direction:column;justify-content:center;
  }
  #rgb-main .mk-cortina.is-activa #casos{
    position:sticky;top:0;z-index:1;
    min-height:100vh;
    display:flex;flex-direction:column;justify-content:center;
    padding-top:calc(var(--nav-height,72px) + clamp(32px,5vw,64px));
  }
}


/* ==========================================================================
   11. FILTRO DEL SHOWCASE Y DIRECTORIOS (v0.1.18)
   Disciplinas como botones con conteo, municipio, «Mostrar más» y las tarjetas de los directorios.
   ========================================================================== */
.mk-showcase__filtros{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0 0 14px;}
.mk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
.mk-chips li{margin:0;padding:0;}
.mk-chip{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:.45em 1em;
  font:inherit;font-weight:600;line-height:1.2;color:var(--mk-ink);text-decoration:none;
  background:var(--mk-paper);border:1px solid rgba(18,24,27,.3);border-radius:999px;
  transition:background-color .2s,border-color .2s;
}
.mk-chip:hover,.mk-chip:focus-visible{background:var(--mk-white);border-color:var(--mk-ink);}
.mk-chip.is-activa{background:var(--mk-turq);border-color:var(--mk-turq);}
.mk-chip__n{
  display:inline-block;min-width:1.7em;padding:0 .5em;
  font-size:.82em;font-weight:700;text-align:center;color:var(--mk-ink);
  background:rgba(18,24,27,.1);border-radius:999px;
}
.mk-chip.is-activa .mk-chip__n{background:rgba(18,24,27,.16);}
.mk-chips__mas{margin:0;}
.mk-chips__mas>summary{
  display:inline-flex;align-items:center;min-height:44px;padding:.45em 1em;margin:0 0 8px;
  font-weight:600;color:var(--mk-ink);cursor:pointer;
  background:var(--mk-white);border:1px dashed rgba(18,24,27,.45);border-radius:999px;
}
.mk-chips__mas>summary:focus-visible{outline:3px solid var(--mk-turq);outline-offset:2px;}
.mk-showcase__toolbar label{font-weight:600;color:var(--mk-ink);}
.mk-showcase__quitar{font-weight:600;color:var(--mk-teal-text);}
.mk-showcase__count{margin:0 0 18px;font-size:.95rem;color:var(--mk-soft);}
.mk-showcase__mas{margin:30px 0 0;text-align:center;}
.mk-card[id]{scroll-margin-top:calc(var(--nav-height,72px) + 24px);}
.mk-dir__otros{display:flex;flex-wrap:wrap;gap:6px 22px;margin:30px 0 0;color:var(--mk-soft);}
.mk-dir__otros a{color:var(--mk-teal-text);font-weight:600;}

/* Directorios: tarjetas sin imagen, con cinta Turquesa arriba, y grupos por servicio. */
.mk-card--dir{border-top:4px solid var(--mk-turq);}
.mk-card--dir .mk-card__body{padding:20px 20px 22px;min-height:132px;}
.mk-card--dir .mk-card__meta{margin:auto 0 0;color:var(--mk-soft);}
.mk-dir__nav{margin:0 0 26px;}
.mk-dir__grupo{margin:0 0 36px;scroll-margin-top:calc(var(--nav-height,72px) + 24px);}
.mk-dir__grupo h3{margin:0 0 14px;font-size:1.25rem;}
.mk-portal--dir .mk-portal__main{max-width:880px;}
@media (max-width:640px){
  .mk-chip{min-height:44px;padding:.4em .9em;}
  .mk-showcase__toolbar{align-items:stretch;}
  .mk-showcase__toolbar select{flex:1 1 100%;}
  /* En el celular, las disciplinas principales van en una sola fila que se desliza con el dedo. */
  .mk-showcase__filtros>.mk-chips{
    position:relative;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    padding:2px 2px 8px;
  }
  .mk-showcase__filtros>.mk-chips li{flex:none;scroll-snap-align:start;}
  .mk-showcase__filtros>.mk-chips .mk-chip{white-space:nowrap;}
}

/* ==========================================================================
   12. HOVERS EN LISTAS (v0.1.20)
   Pasos numerados (.mk-steps) y listas de requisitos (.mk-checklist), con el mismo lenguaje que las capas del
   Modelo: resalte de la fila, número o paloma en Tinta con halo Turquesa y título en Turquesa oscuro.
   Solo con cursor (hover:hover); el teclado recibe el mismo resalte con :focus-within; con «reducir movimiento»
   queda el cambio de color, sin desplazamiento ni escala. Ningún efecto cambia el tamaño de las filas.
   ========================================================================== */
#rgb-main .mk-steps > li{
  transition-property:opacity,transform,translate,box-shadow,border-color,background-color;
  transition-duration:var(--mk-dur),var(--mk-dur),.3s,.3s,.3s,.3s;
  transition-timing-function:var(--mk-ease);
  transition-delay:var(--mk-delay,0ms),var(--mk-delay,0ms),0ms,0ms,0ms,0ms;
}
#rgb-main .mk-steps > li::before{
  transition:transform .3s var(--mk-ease),background-color .3s var(--mk-ease),color .3s var(--mk-ease),box-shadow .3s var(--mk-ease);
}
#rgb-main .mk-steps h3{transition:color .3s var(--mk-ease);}

#rgb-main .mk-checklist li{
  border-radius:var(--mk-radius);
  transition-property:opacity,transform,translate,box-shadow,background-color;
  transition-duration:var(--mk-dur),var(--mk-dur),.3s,.3s,.3s;
  transition-timing-function:var(--mk-ease);
  transition-delay:var(--mk-delay,0ms),var(--mk-delay,0ms),0ms,0ms,0ms;
}
#rgb-main .mk-checklist li::before{
  transition:transform .3s var(--mk-ease),background-color .3s var(--mk-ease),color .3s var(--mk-ease),box-shadow .3s var(--mk-ease);
}

@media (hover:hover){
  #rgb-main .mk-steps > li:hover{border-color:var(--mk-turq);}
  #rgb-main .mk-steps > li:hover::before{background:var(--mk-ink);color:#fff;}
  #rgb-main .mk-steps > li:hover h3{color:var(--mk-teal-text);}
  /* La fila se resalta con un anillo de Papel y un filo, sin tocar el espacio entre filas. */
  #rgb-main .mk-checklist li:hover{background:var(--mk-paper);box-shadow:0 0 0 8px var(--mk-paper),0 0 0 9px var(--mk-hair);}
  #rgb-main .mk-checklist li:hover::before{background:var(--mk-ink);color:#fff;}
}
#rgb-main .mk-steps > li:focus-within{border-color:var(--mk-turq);}
#rgb-main .mk-checklist li:focus-within{background:var(--mk-paper);box-shadow:0 0 0 8px var(--mk-paper),0 0 0 9px var(--mk-hair);}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  #rgb-main .mk-steps > li:hover{box-shadow:var(--mk-shadow-lift);}
  #rgb-main .mk-steps > li:hover::before{transform:scale(1.1);box-shadow:0 0 0 6px rgba(0,204,203,.3);}
  #rgb-main .mk-checklist li:hover{translate:6px 0;}
  #rgb-main .mk-checklist li:hover::before{transform:scale(1.14);box-shadow:0 0 0 4px rgba(0,204,203,.3);}
}
@media (prefers-reduced-motion:reduce){
  #rgb-main .mk-steps > li,#rgb-main .mk-steps > li::before,#rgb-main .mk-steps h3,
  #rgb-main .mk-checklist li,#rgb-main .mk-checklist li::before{transition:none;}
}


/* ==========================================================================
   13. RITMO DE FONDOS (v0.1.22)
   Ninguna sección va pegada a otra con el mismo fondo blanco. Las secciones alternan entre Blanco y la franja
   «Turquesa suave» (--mk-franja #E6FAFA: el Turquesa de marca #00CCCB al 10 % sobre Blanco), además de las franjas
   de Turquesa oscuro (Servicios) y Tinta (Casos reales) del inicio. Cada franja ocupa todo el ancho con la técnica
   de Servicios (sombra sin desenfoque y recorte que solo se abre a los lados).
   Contrastes sobre la franja: Tinta 16.2:1; Gris #5B6669 5.3:1; Turquesa oscuro #057979 4.7:1.
   Dentro de una franja, lo que iba en Hueso (--mk-paper) va en Blanco para no perderse en el fondo.
   ========================================================================== */

/* Páginas interiores: cada sección de .mk-page es una franja; el espacio pasa de margen a relleno para que el fondo no deje huecos */
#rgb-main .mk-page > section:not(.mk-intro):not(.mk-recorrido__fin):not(.mk-cta),
#rgb-main .mk-page > .mk-block{
  position:relative;
  margin-block:0;
  padding-block:clamp(32px,4vw,56px);
  background:var(--mk-fondo,transparent);
  box-shadow:0 0 0 100vmax var(--mk-fondo,transparent);
  clip-path:inset(0 -100vmax);
}
#rgb-main .mk-page > .mk-intro{margin-bottom:0;padding-bottom:clamp(32px,4vw,56px);}
/* La introducción (con el título de la página) es la primera y queda en Blanco; desde la segunda posición alternan las franjas */
#rgb-main .mk-page > :nth-child(even){--mk-fondo:var(--mk-franja);--mk-paper:#FFFFFF;--paper:#FFFFFF;}
/* Postular lleva un aviso entre la introducción y la primera sección: allí la franja empieza en la posición impar */
#rgb-main .mk-page--postular > :nth-child(even){--mk-fondo:transparent;--mk-paper:#F6F7F7;--paper:#F6F7F7;}
#rgb-main .mk-page--postular > :nth-child(odd):not(:first-child){--mk-fondo:var(--mk-franja);--mk-paper:#FFFFFF;--paper:#FFFFFF;}
/* Cierre de las páginas: sin hueco blanco entre la última franja y el pie */
#rgb-main > article.page:has(.mk-page){padding-bottom:0;}
#rgb-main .mk-page > :is(section,.mk-block):last-child:not(.mk-recorrido__fin){padding-bottom:clamp(48px,6vw,88px);}

/* Inicio: Qué es (Blanco), Por qué (franja), Modelo (Blanco), Servicios (Turquesa oscuro), Casos reales (Tinta),
   Preguntas (franja), Formación (Gris, desde la v0.1.23) y Contacto (Hueso, desde la v0.1.24). Es el orden de la v0.1.27 y el de la v0.1.29
   (la v0.1.28 había pasado Servicios y Formación a Turquesa suave y Preguntas a Blanco; Jorge pidió restituirlos). */
/* (Desde la v0.1.28 el fondo de Qué es, Por qué, Modelo y Preguntas lo pinta la sección 18 con un ::before a todo el ancho, para que el isotipo fijo
   quede entre el fondo y el contenido; hasta la v0.1.27 Por qué y Preguntas usaban la técnica de sombra y recorte de la sección 13) */
/* (v0.1.28 pasó Formación a Turquesa suave con textos en Tinta; por indicación de Jorge del 7-oct, 19:51, la v0.1.29 restituye el Gris de la v0.1.23.
    Atención: el fondo usa --mk-soft, que por eso NO se redefine en esta sección. La marca fija va en negativo (sección 18).) */
/* Formación sobre el Gris de la paleta (#5B6669; pedido de Jorge, v0.1.23): Contacto queda claro por contraste con la sección anterior.
   Textos en Blanco (5.9:1, cumple AA), línea bajo el título en Turquesa de marca y enlace con subrayado Turquesa. */
#rgb-main #formacion{
  background:var(--mk-soft);
  box-shadow:0 0 0 100vmax var(--mk-soft);
  clip-path:inset(0 -100vmax);
  color:#fff;
}
#rgb-main #formacion h2,
#rgb-main #formacion p{color:#fff;}
#rgb-main section#formacion[id] h2::after{background:var(--mk-turq);}
#rgb-main #formacion .mk-link{color:#fff;text-decoration-color:var(--mk-turq);border-radius:3px;}
#rgb-main #formacion .mk-link:hover,
#rgb-main #formacion .mk-link:focus-visible{background:var(--mk-ink);color:#fff;text-decoration-color:transparent;}
#rgb-main #formacion a:focus-visible{outline-color:#fff;}
/* Con el cambio de fondo ya no hace falta la línea fina que separaba las secciones del inicio */
#rgb-main section[id]{border-top:0;}
/* Contacto es la primera <section> de su grupo en el HTML (el tema base le quita el relleno superior); sin cortina necesita el suyo */
#rgb-main #contacto{padding-top:clamp(32px,4vw,56px);}
#rgb-main > article.page:has(#contacto){padding-bottom:0;}


/* ==========================================================================
   14. GUÍA: RESULTADOS DEL DICTAMEN, ACCIONES DE LA FICHA Y WHATSAPP (v0.1.23)
   Paso 3: tres recuadros con lo que pasa con cada dictamen. Paso 6: tres acciones de la ficha. En Postular, el botón de WhatsApp
   solo existe cuando hay un número válido en Ajustes (sin número, no se imprime nada).
   ========================================================================== */
.mk-info__apoyos--salidas{display:grid;gap:6px;}
.mk-info__salida{display:grid;gap:2px;padding:8px 12px;background:var(--mk-paper);border:1px solid var(--mk-hair);border-radius:12px;}
.mk-info__salida strong{font-size:.9rem;line-height:1.3;color:var(--mk-ink);}
.mk-info__salida span{font-size:.85rem;line-height:1.4;color:var(--mk-soft);}
.mk-info__apoyos--acciones{display:flex;flex-wrap:wrap;gap:6px;}
.mk-info__accion{display:inline-flex;align-items:center;padding:4px 12px;background:var(--mk-paper);border:1px solid var(--mk-hair);border-radius:16px;font-size:.82rem;font-weight:700;line-height:1.35;color:var(--mk-ink);}
.mk-guia-aviso .mk-btn-wa{margin-top:2px;}


/* ==========================================================================
   15. PREGUNTAS FRECUENTES, CONTACTO Y QUÉ ES MERÁKI (v0.1.24)
   Preguntas frecuentes: relleno en los títulos y en el botón de despliegue (ver la definición única de .mk-faq más arriba).
   Contacto: fondo Hueso de la paleta (#F6F7F7); los campos del formulario van en Blanco para distinguirse de él.
   Qué es Meráki: marca de agua con el isotipo oficial full color (Turquesa de marca #00CCCB) al 12 % de opacidad. Sobre ese
   fondo el texto Gris conserva 5.3:1 y el Tinta 16:1, así que la lectura cumple AA donde se cruzan.
   ========================================================================== */
#rgb-main #contacto{
  background:var(--mk-hueso);
  box-shadow:0 0 0 100vmax var(--mk-hueso);
  clip-path:inset(0 -100vmax);
  --mk-paper:#FFFFFF;--paper:#FFFFFF;
}
/* (v0.1.28: la marca de agua de «Qué es Meráki», que iba al pie de la sección, se retira; la reemplaza el isotipo fijo de la sección 18) */

/* ==========================================================================
   16. Botón de Formación con relleno lateral y «Mi espacio» en el menú (v0.1.25)
   ========================================================================== */
/* «Conoce Alfróði Learning Hub»: al pasar el cursor se pinta Tinta; con relleno de 14 px a los lados el texto ya no queda
   pegado al borde. El margen negativo iguala el relleno para que, en reposo, el texto siga alineado con los párrafos. */
#rgb-main #formacion .mk-link{padding:0 14px;margin-left:-14px;border-radius:6px;}

/* «Mi espacio»: icono de persona y texto al final del menú principal (el elemento lo agrega el tema; no cambia el menú guardado). */
#rgb-nav .rgb-menu > li.mk-menu-espacio > a{display:flex;align-items:center;gap:7px;white-space:nowrap;}
#rgb-nav .rgb-menu .mk-menu-espacio .mk-ico{flex:none;width:18px;height:18px;}
/* Con un elemento más, el menú ya no cabe con el relleno de siempre (14 px a cada lado). Se compacta el relleno lateral de todos los
   enlaces por tramos de ancho (medido con las letras reales del sitio: el menú queda en una sola línea desde 1280 px). */
@media (min-width:961px){
  #rgb-nav .rgb-menu > li > a{padding-left:12px;padding-right:12px;}
  #rgb-nav .rgb-menu > li > a::after{left:12px;right:12px;}
}
@media (min-width:961px) and (max-width:1399px){
  #rgb-nav .rgb-menu > li > a{padding-left:10px;padding-right:10px;}
  #rgb-nav .rgb-menu > li > a::after{left:10px;right:10px;}
}
@media (min-width:961px) and (max-width:1359px){
  #rgb-nav .rgb-menu{gap:2px;}
  #rgb-nav .rgb-menu > li > a{padding-left:8px;padding-right:8px;font-size:.88rem;}
  #rgb-nav .rgb-menu > li > a::after{left:8px;right:8px;}
}
/* De 961 a 1099 px solo queda el icono (el texto sigue disponible para lectores de pantalla). */
@media (min-width:961px) and (max-width:1099px){
  #rgb-nav .rgb-menu .mk-menu-espacio__t{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
}


/* ==========================================================================
   17. ISOTIPO FIJO Y FONDOS DE LAS PÁGINAS INTERIORES (v0.1.27; reemplaza el parallax en movimiento de la v0.1.26)
   Páginas: Mi espacio, Cómo solicitar tu registro, Proveedores, Comité curatorial, Alianzas y Postular; desde la v0.1.28 también el Catálogo.
   a) ISOTIPO FIJO. El isotipo oficial a color (Turquesa de marca #00CCCB, 9 % de opacidad) queda fijo en la pantalla, sin ningún
      movimiento: al bajar, las secciones pasan por delante y la marca permanece donde está. Es solo CSS (sin script) y hay una sola
      marca por página: un pseudo-elemento con position:fixed de .mk-page, recortado por el propio recorte de la página, de modo que
      no invade el encabezado ni el pie. Se dibuja encima del fondo de cada franja y debajo de todo el contenido (textos, tarjetas,
      botones y formularios).
   b) FONDOS. Dos colores de la paleta, alternados sin excepción: Blanco #FFFFFF (--mk-blanco) y Turquesa suave #E6FAFA (--mk-franja:
      el Turquesa de marca al 10 % sobre Blanco). La introducción va en Blanco, la siguiente sección en Turquesa suave, y así
      sucesivamente. Cada franja pinta su fondo con un pseudo-elemento a todo el ancho (z-index -2, debajo de la marca); las
      tarjetas sueltas (aviso de Postular, cierre de la guía) quedan sobre el Blanco de la página y la marca continúa a su alrededor.
   c) CONTRASTE. Dentro de estas páginas el texto secundario (antes Gris #5B6669, 5.4 a 5.9:1) y el Turquesa oscuro del texto
      (4.8 a 5.2:1) pasan a tonos más profundos derivados de la paleta (Tinta y Turquesa oscuro mezclados con Tinta). Tinta
      sigue siendo el texto principal (16.6 a 17.9:1). Los valores medidos, con la marca debajo del texto, están en INSTALAR_v0.1.27.md.
   ========================================================================== */
:root{--mk-blanco:#FFFFFF;--mk-wm-o:.09;--mk-wm-o-neg:.06;}

/* Página: contexto de apilamiento propio y recorte vertical a su extensión (la franja solo se abre a los lados) */
#rgb-main :is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora){
  position:relative;isolation:isolate;display:flow-root;
  clip-path:inset(0 -100vmax);
  /* c) contraste reforzado solo dentro de estas seis páginas */
  --mk-soft:color-mix(in srgb,var(--mk-ink) 80%,#FFFFFF 20%);
  --mk-teal-text:color-mix(in srgb,var(--accent,#00A3A2) 48%,var(--ink,#12181B) 52%);
}

/* c) Enlaces dentro de párrafos y de la lista de derechos: Turquesa oscuro y subrayado. Con el tono más profundo del texto, el color
   solo ya no basta para distinguir un enlace del texto Tinta que lo rodea (2.3:1); el subrayado lo resuelve, y los enlaces que antes iban en
   Tinta sin ninguna marca (por ejemplo «aviso de privacidad») dejan de pasar por texto común. Los botones no cambian. */
#rgb-main :is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora) :is(p,.mk-checklist li) a:not(.rgb-btn){
  color:var(--mk-teal-text);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;
}
#rgb-main :is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora) :is(p,.mk-checklist li) a:not(.rgb-btn):is(:hover,:focus-visible){color:var(--mk-ink);}

/* a) El isotipo fijo */
#rgb-main :is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora)::before{
  content:"";position:fixed;z-index:-1;pointer-events:none;
  top:calc(50% + 36px);right:max(-4vw,-56px);
  width:clamp(260px,30vw,440px);aspect-ratio:210/200;
  transform:translateY(-50%);
  background:url("../img/isotipo-fullcolor.svg") center/contain no-repeat;
  opacity:var(--mk-wm-o);
}
@media (max-width:960px){
  #rgb-main :is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora)::before{right:-8vw;width:min(64vw,260px);}
}

/* b) Fondos: se retira la técnica de la sección 13 (sombra y recorte por franja) y cada franja pinta su fondo con ::before.
   El color lo sigue fijando el ritmo de la sección 13 (--mk-fondo: Turquesa suave en las posiciones pares; en Postular, que lleva un
   aviso después de la introducción, en las impares desde la tercera). Las franjas sin valor, y las de Postular que antes eran
   transparentes, pasan a Blanco explícito. */
#rgb-main .mk-page:is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora) > section:not(.mk-intro):not(.mk-recorrido__fin):not(.mk-cta),
#rgb-main .mk-page:is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora) > .mk-block{
  position:relative;background:none;box-shadow:none;clip-path:none;
}
#rgb-main .mk-page--postular > :nth-child(even):is(section,.mk-block){--mk-fondo:var(--mk-blanco);}
#rgb-main .mk-page:is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora) > :is(section:not(.mk-intro):not(.mk-recorrido__fin):not(.mk-cta),.mk-block)::before{
  content:"";position:absolute;z-index:-2;pointer-events:none;
  top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;
  background:var(--mk-fondo,var(--mk-blanco));
}
@media print{
  #rgb-main :is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora)::before,
  #rgb-main .mk-page:is(.mk-page--mi-espacio,.mk-page--recorrido,.mk-page--proveedores,.mk-page--comite,.mk-page--alianzas,.mk-page--postular,.mk-page--catalogo,.mk-page--colabora,.mk-page--agora) > :is(section,.mk-block)::before{display:none;}
}

/* ==========================================================================
   18. ISOTIPO FIJO Y FONDOS DEL INICIO (v0.1.28; colores restituidos en la v0.1.29)
   Lo mismo que la sección 17 para las páginas interiores, aplicado al Catálogo (que entra en las listas de la sección 17) y al Inicio,
   salvo el Hero (video y partículas), Casos reales y Contacto, que quedan como estaban.
   a) ISOTIPO FIJO. El mismo isotipo oficial (9 %), sin ningún movimiento, solo CSS. La marca de la página es un pseudo-elemento con
      position:fixed del artículo del Inicio, recortado por el artículo (no aparece sobre el Hero ni el pie). Servicios y Formación son opacas
      (hacen de cortina sobre Casos reales y Contacto), así que cada una dibuja su propia copia dentro de sí misma, en el mismo punto de la
      pantalla y recortada por su propio borde: al subir la cortina la marca no se mueve y se ve como una ventana. Sobre las dos franjas
      oscuras (Servicios y Formación) la marca va en NEGATIVO (isotipo-negativo.svg, blanco y Turquesa de marca) a --mk-wm-o-neg, valor
      elegido para que el texto Blanco no baje de 4.5:1 (Servicios 4.7:1, Formación 5.2:1 como peor caso). Casos reales y Contacto son opacas y
      quedan sin marca (Casos reales conserva su isotipo en negativo y con parallax, como siempre).
   b) FONDOS. Los de la v0.1.27: Qué es (Blanco), Por qué (Turquesa suave #E6FAFA), Modelo (Blanco), Servicios (Turquesa oscuro #057979),
      Casos reales (Tinta), Preguntas (Turquesa suave), Formación (Gris #5B6669) y Contacto (Hueso). Qué es, Por qué, Modelo y Preguntas pintan el
      fondo con un pseudo-elemento a todo el ancho (z-index -2, debajo de la marca); Servicios y Formación conservan el suyo sobre la propia
      sección (opaca) con la técnica de sombra y recorte.
   c) CONTRASTE. Texto secundario #414649 y Turquesa oscuro del texto #095B5C (los mismos tonos de las páginas interiores) en Qué es, Por qué,
      Modelo y Preguntas, con los enlaces dentro de párrafos subrayados; en Servicios solo dentro de las tarjetas blancas. En las franjas oscuras
      el texto es Blanco, como hasta la v0.1.27.
   ========================================================================== */

/* Artículo del Inicio: contexto de apilamiento propio y recorte vertical a su extensión (se abre solo a los lados) */
body.home #rgb-main > article.page{position:relative;isolation:isolate;clip-path:inset(0 -100vmax);}

/* c) Contraste reforzado: en las secciones claras y en las tarjetas blancas de Servicios. NO se redefine --mk-soft en Formación: es su fondo. */
body.home #rgb-main :is(#que-es,#por-que,#modelo,#preguntas,#servicios .mk-audiences li){
  --mk-soft:color-mix(in srgb,var(--mk-ink) 80%,#FFFFFF 20%);
  --ink-soft:var(--mk-soft);/* la cita de Qué es y los «Resultado:» del Modelo usan el token del tema (Gris #5B6669 hasta la v0.1.27) */
  --mk-teal-text:color-mix(in srgb,var(--accent,#00A3A2) 48%,var(--ink,#12181B) 52%);
}
body.home #rgb-main :is(#que-es,#por-que,#modelo,#preguntas) :is(p:not(.mk-btnrow),.mk-checklist li) a:not(.rgb-btn):not(.mk-link){
  color:var(--mk-teal-text);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;
}
body.home #rgb-main :is(#que-es,#por-que,#modelo,#preguntas) :is(p:not(.mk-btnrow),.mk-checklist li) a:not(.rgb-btn):not(.mk-link):is(:hover,:focus-visible){color:var(--mk-ink);}

/* a) El isotipo fijo: uno a color para el artículo y una copia en negativo dentro de Servicios y de Formación (franjas oscuras) */
body.home #rgb-main > article.page::before,
body.home #rgb-main :is(#servicios,#formacion)::before{
  content:"";position:fixed;z-index:-1;pointer-events:none;
  top:calc(50% + 36px);right:max(-4vw,-56px);
  width:clamp(260px,30vw,440px);aspect-ratio:210/200;
  transform:translateY(-50%);
  background:url("../img/isotipo-fullcolor.svg") center/contain no-repeat;
  opacity:var(--mk-wm-o);
}
body.home #rgb-main :is(#servicios,#formacion)::before{
  background-image:url("../img/isotipo-negativo.svg");
  opacity:var(--mk-wm-o-neg);
}
@media (max-width:960px){
  body.home #rgb-main > article.page::before,
  body.home #rgb-main :is(#servicios,#formacion)::before{right:-8vw;width:min(64vw,260px);}
}

/* b) Fondos de Qué es, Por qué, Modelo y Preguntas: se retira la sombra con recorte y cada sección pinta su fondo con ::before */
body.home #rgb-main :is(#que-es,#por-que,#modelo,#preguntas){
  position:relative;isolation:auto;background:none;box-shadow:none;clip-path:none;
}
body.home #rgb-main :is(#que-es,#modelo){--mk-fondo:var(--mk-blanco);}
body.home #rgb-main :is(#por-que,#preguntas){--mk-fondo:var(--mk-franja);--mk-paper:#FFFFFF;--paper:#FFFFFF;}
body.home #rgb-main :is(#que-es,#por-que,#modelo,#preguntas)::before{
  content:"";position:absolute;z-index:-2;pointer-events:none;
  top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;
  background:var(--mk-fondo,var(--mk-blanco));
}
@media print{
  body.home #rgb-main > article.page::before,
  body.home #rgb-main :is(#que-es,#por-que,#modelo,#servicios,#preguntas,#formacion)::before{display:none;}
}


/* ==========================================================================
   19. MENÚ PRINCIPAL Y BLOG (v0.1.31)
   a) Flecha en los elementos con submenú («Meráki Cultural» y «Participa»): se ve a simple vista que despliegan más opciones.
   b) Panel del menú en celular (hasta 960 px). El tema padre pinta el panel de Blanco y, con el encabezado ya desplazado, el texto
      de los enlaces en Blanco (el token --primary-ink del sitio): los textos del menú no se leían. El panel pasa al Turquesa oscuro de la paleta
      (#057979, contraste 5.2:1 con el texto Blanco) y todos los enlaces van en Blanco en los dos estados del encabezado, con el submenú sangrado y una línea guía.
   c) Pulso Cultural: Ágora: tarjetas del listado (las mismas del Showcase), paginación y plantilla de entrada.
   ========================================================================== */
#rgb-nav .rgb-menu > li.menu-item-has-children > a{padding-right:30px;}
#rgb-nav .rgb-menu > li.menu-item-has-children > a::before{
  content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;pointer-events:none;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-75%) rotate(45deg);transition:transform var(--transition-base);
}
#rgb-nav .rgb-menu > li.menu-item-has-children:hover > a::before,
#rgb-nav .rgb-menu > li.menu-item-has-children.rgb-submenu-open > a::before{transform:translateY(-25%) rotate(-135deg);}
@media (min-width:961px) and (max-width:1359px){
  #rgb-nav .rgb-menu > li.menu-item-has-children > a{padding-right:26px;}
  #rgb-nav .rgb-menu > li.menu-item-has-children > a::before{right:9px;}
}

@media (max-width:960px){
  #rgb-nav .rgb-menu{background:var(--mk-servicios);padding:12px 16px 28px;}
  #rgb-nav .rgb-menu > li > a,
  #rgb-nav .rgb-menu > li > a:hover,
  #rgb-nav .rgb-menu > li.current-menu-item > a,
  #rgb-nav .rgb-menu > li.current-menu-ancestor > a{color:#FFFFFF;}
  #rgb-nav .rgb-menu > li > a{padding:14px 12px;font-size:1rem;}
  #rgb-nav .rgb-menu > li > a:hover{background:rgba(255,255,255,.14);}
  #rgb-nav .rgb-menu > li > a::after{left:12px;right:12px;background:#FFFFFF;}
  #rgb-nav .rgb-menu > li.menu-item-has-children > a{padding-right:44px;}
  #rgb-nav .rgb-menu > li.menu-item-has-children > a::before{right:18px;}
  #rgb-nav .rgb-menu .sub-menu{
    background:transparent;border:0;border-left:2px solid rgba(255,255,255,.4);border-radius:0;
    padding:0;margin:0 0 8px 14px;
  }
  #rgb-nav .rgb-menu .sub-menu a{color:#FFFFFF;padding:11px 14px;font-size:.96rem;border-radius:6px;}
  #rgb-nav .rgb-menu .sub-menu a:hover,
  #rgb-nav .rgb-menu .sub-menu a:focus-visible{background:rgba(255,255,255,.14);color:#FFFFFF;}
  #rgb-nav .rgb-menu .sub-menu .current-menu-item > a{font-weight:700;}
}

/* c) Pulso Cultural: Ágora */
.mk-agora__wrap{margin-top:8px;}
.mk-agora__entrada .mk-card__body{flex:1;}
.mk-agora__extracto{margin:4px 0 0;font-size:.95rem;color:var(--mk-soft);}
.mk-agora__vacio{max-width:720px;}
.mk-agora__escribe{margin:18px 0 0;}
.mk-agora__pag{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin:32px 0 0;}
.mk-agora__pagn{font-size:.92rem;color:var(--mk-soft);}
.mk-agora-archivo .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;}
.mk-agora-archivo .page-numbers{
  display:inline-block;padding:8px 14px;border:1px solid var(--mk-hair);border-radius:999px;
  background:var(--mk-white);color:var(--mk-ink);text-decoration:none;
}
.mk-agora-archivo .page-numbers.current{background:var(--mk-turq);border-color:var(--mk-turq);font-weight:700;}
.mk-agora-archivo a.page-numbers:hover,
.mk-agora-archivo a.page-numbers:focus-visible{background:var(--mk-ink);border-color:var(--mk-ink);color:#FFFFFF;}
.mk-agora-archivo .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.mk-entrada__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 18px;color:var(--mk-soft);font-size:.95rem;}
.mk-entrada__imagen{margin:0 0 24px;}
.mk-entrada__imagen img{display:block;width:100%;height:auto;border-radius:var(--mk-radius);}
.mk-entrada__texto > * + *{margin-top:1.1em;}
.mk-entrada__texto :is(h2,h3,h4){margin-top:1.6em;}
.mk-entrada__texto img{max-width:100%;height:auto;border-radius:8px;}
.mk-entrada__texto blockquote{margin-left:0;padding:4px 0 4px 18px;border-left:4px solid var(--mk-turq);}
.mk-entrada__texto a{color:var(--mk-teal-text);text-decoration:underline;text-underline-offset:.2em;}
.mk-entrada__volver{margin:32px 0 0;}
/* Temas (etiquetas) al pie de la entrada (v0.1.32; versalitas como la categoría desde la v0.1.33) */
.mk-entrada__etiquetas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:36px 0 0;padding-top:20px;border-top:1px solid var(--mk-hair);}
.mk-entrada__etiquetas-t{font-size:.95rem;font-weight:700;color:var(--mk-ink);}
.mk-entrada__etiquetas-lista{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
.mk-entrada__etiquetas-lista li{margin:0;padding:0;}
.mk-tag.mk-tag--enlace{
  padding:8px 14px;min-height:36px;display:inline-flex;align-items:center;
  text-decoration:none;
  transition:background-color .2s var(--mk-ease),color .2s var(--mk-ease);
}
.mk-tag.mk-tag--enlace:hover,
.mk-tag.mk-tag--enlace:focus-visible{background:var(--mk-ink);color:#FFFFFF;text-decoration:none;}
.mk-tag.mk-tag--enlace:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px;}

/* Temas en las tarjetas de Pulso Cultural: Ágora (v0.1.33). Contorno fino para distinguirlos de la categoría, que va rellena. */
.mk-agora__temas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:auto 0 0;padding:12px 0 0;list-style:none;}
.mk-agora__temas li{margin:0;padding:0;}
.mk-agora__temas a.mk-tag{
  position:relative;z-index:2;display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;
  font-size:.72rem;text-decoration:none;background:transparent;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mk-teal-text) 55%,transparent);
  transition:background-color .2s var(--mk-ease),color .2s var(--mk-ease),box-shadow .2s var(--mk-ease);
}
.mk-agora__temas a.mk-tag:hover,
.mk-agora__temas a.mk-tag:focus-visible{background:var(--mk-ink);color:#FFFFFF;box-shadow:inset 0 0 0 1px var(--mk-ink);text-decoration:none;}
.mk-agora__temas a.mk-tag:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px;}
.mk-agora__temas-mas{font-size:.78rem;font-weight:700;color:var(--mk-soft);}
.mk-vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}