/* Institución Juan XXIII Granada · estilos base
   Derivados del sistema de diseño "jxzn-" de Juan XXIII Zaidín (valores reales de producción).
   Mismos nombres de variables y clases que Zaidín para poder copiar piezas entre webs.
   Regla del sistema: ningún tamaño, color o peso suelto en un componente; todo sale de las variables de :root. */

/* Tipografías alojadas en local (sin Google Fonts). Subconjunto latin: cubre todo el español. */
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;
  src:url("../fonts/source-serif-4-latin-700-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:800;font-display:swap;
  src:url("../fonts/source-serif-4-latin-800-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/source-sans-3-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;font-display:swap;
  src:url("../fonts/source-sans-3-latin-400-italic.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;
  src:url("../fonts/source-sans-3-latin-600-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;
  src:url("../fonts/source-sans-3-latin-700-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Color */
  --jxzn-ink:#15181c;
  --jxzn-muted:#59636e;
  --jxzn-line:#e6ebef;
  --jxzn-surface:#f5f7f9;
  --jxzn-white:#fff;
  --jxzn-pink:#f440b7;
  --jxzn-pink-dark:#d4159b;
  --jxzn-cyan:#3dc7ff;
  --jxzn-yellow:#facd00;
  --jxzn-tint-cyan:#e3f6ff;
  --jxzn-tint-pink:#fde9f6;
  --jxzn-tint-yellow:#fff4c2;
  --jxzn-link:#b3137a;
  --jxzn-focus:#15181c;
  --jxzn-grid:#edf1f4;

  /* Tipografía: familias */
  --jxzn-font-head:"Source Serif 4",Georgia,serif;
  --jxzn-font-body:"Source Sans 3",system-ui,sans-serif;

  /* Tipografía: escala única. Solo hay cuatro tamaños:
     H1 (portada y títulos de página), H2, H3 y texto (17px, mínimo absoluto también en móvil).
     Los nombres antiguos se conservan como alias para poder copiar piezas de otras webs del sistema. */
  --jxzn-fs-hero:56px;
  --jxzn-fs-h2:34px;
  --jxzn-fs-h3:22px;
  --jxzn-fs-body:17px;
  --jxzn-fs-h3-lg:var(--jxzn-fs-h3);
  --jxzn-fs-card:var(--jxzn-fs-h3);
  --jxzn-fs-claim:var(--jxzn-fs-h3);
  --jxzn-fs-stat:var(--jxzn-fs-h2);
  --jxzn-fs-lema:var(--jxzn-fs-h2);
  --jxzn-fs-lead:var(--jxzn-fs-body);
  --jxzn-fs-intro:var(--jxzn-fs-body);
  --jxzn-fs-tile:var(--jxzn-fs-body);
  --jxzn-fs-menu:var(--jxzn-fs-body);
  --jxzn-fs-label:var(--jxzn-fs-body);
  --jxzn-fs-mini:var(--jxzn-fs-body);
  --jxzn-fs-btn:var(--jxzn-fs-body);
  --jxzn-fs-nav:var(--jxzn-fs-body);
  --jxzn-fs-quote:64px;

  /* Tipografía: pesos, interlineados y tracking */
  --jxzn-fw-body:400;
  --jxzn-fw-strong:600;
  --jxzn-fw-title:700;
  --jxzn-fw-display:800;
  --jxzn-lh-body:1.5;
  --jxzn-lh-lead:var(--jxzn-lh-body);
  --jxzn-lh-text:var(--jxzn-lh-body);
  --jxzn-lh-label:1.4;
  --jxzn-lh-tight:1.35;
  --jxzn-lh-head:1.25;
  --jxzn-lh-h2:1.15;
  --jxzn-lh-hero:1.05;
  --jxzn-lh-btn:1.2;
  --jxzn-lh-more:28px;
  --jxzn-ls-hero:-.02em;
  --jxzn-ls-h2:-.01em;
  --jxzn-ls-eyebrow:.08em;
  --jxzn-ls-eyebrow-hero:.1em;
  --jxzn-ls-foot:.07em;
  --jxzn-measure-lead:32em;
  --jxzn-measure-head:42em;

  /* Radios y sombras */
  --jxzn-r:18px;
  --jxzn-r-sm:12px;
  --jxzn-r-ic:10px;
  --jxzn-r-pill:999px;
  --jxzn-shadow:0 1px 2px rgba(21,24,28,.05),0 6px 20px rgba(21,24,28,.04);
  --jxzn-shadow-hover:0 2px 4px rgba(21,24,28,.06),0 12px 28px rgba(21,24,28,.09);

  /* Escala de espacio */
  --jxzn-s1:4px;--jxzn-s2:8px;--jxzn-s3:12px;--jxzn-s4:16px;
  --jxzn-s5:24px;--jxzn-s6:32px;--jxzn-s7:48px;--jxzn-s8:64px;--jxzn-s9:96px;

  /* Espacios propios de componentes (valores reales de Zaidín) */
  --jxzn-gap-tile:14px;
  --jxzn-pad-tile:18px;
  --jxzn-pad-dest:26px;
  --jxzn-pad-panel:28px;
  --jxzn-pad-cifra:24px;
  --jxzn-pad-btn-y:12px;
  --jxzn-pad-btn-x:20px;
  --jxzn-pad-btn-sm-y:9px;
  --jxzn-pad-btn-sm-x:16px;
  --jxzn-pad-nav-x:18px;
  --jxzn-pad-more:34px;
  --jxzn-pad-input:14px;

  /* Bordes, iconos, foco y movimiento */
  --jxzn-bw:1px;
  --jxzn-bw-btn:1.5px;
  --jxzn-bw-focus:2px;
  --jxzn-off-focus:3px;
  --jxzn-ic-chip:36px;
  --jxzn-ic-glyph:18px;
  --jxzn-ic-soc:42px;
  --jxzn-ic-arrow:28px;
  --jxzn-ic-ext:11px;
  --jxzn-ic-down:18px;
  --jxzn-ic-play:64px;
  --jxzn-ic-nota:40px;
  --jxzn-toc-w:280px;
  --jxzn-retrato-max:369px;
  --jxzn-embed-min:480px;
  --jxzn-pie-max:24dvh;
  --jxzn-dot:14px;
  --jxzn-op-ext:.55;
  --jxzn-lift:-2px;
  --jxzn-nudge:4px;
  --jxzn-ease:.18s ease;
  --jxzn-skip-off:-100px;

  /* Estructura */
  --jxzn-maxw:1280px;
  --jxzn-sec-radio:clamp(32px,4vw,56px);
  --jxzn-hd-h:100px;
  --jxzn-logo-h:58px;
  --jxzn-ft-logo-h:54px;
  --jxzn-logo-h-xs:34px;
  --jxzn-toggle:44px;
  --jxzn-card-ratio:1200/628;
  --jxzn-hero-ratio:4/3;
  --jxzn-ratio-square:1/1;
  --jxzn-ratio-video:16/9;
  --jxzn-ratio-photo:4/3;
  --jxzn-ratio-slider:3/2;
  --jxzn-slider-max:60dvh;
  --jxzn-mini-w:104px;
  --jxzn-op-mini:.65;
  --jxzn-galeria-w:360px;
  --jxzn-lema-min:380px;
  --jxzn-linea-max:44em;
  --jxzn-mask-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='black'/%3E%3Cpath d='M5 9.4l2.5 2.4L13 6.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --jxzn-mask-nota:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6.5v7M12 17.5h.01'/%3E%3C/svg%3E");
  --jxzn-mask-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='black'/%3E%3C/svg%3E");
  --jxzn-franja:linear-gradient(90deg,#facd00 0%,#facd00 5%,#f440b7 18%,#f440b7 34%,#3dc7ff 47%,#3dc7ff 100%);
  --jxzn-franja-alto:6px;
  --jxzn-hero-fundido:96px;
  --jxzn-grid-size:32px;
}
@media (max-width:1023px){
  :root{--jxzn-fs-hero:44px;--jxzn-lema-min:0;--jxzn-mini-w:88px}
}
@media (max-width:767px){
  :root{
    --jxzn-fs-hero:36px;--jxzn-fs-h2:27px;--jxzn-fs-h3:20px;--jxzn-fs-quote:48px;
    --jxzn-hd-h:72px;--jxzn-logo-h:42px;--jxzn-ft-logo-h:46px;
    --jxzn-pad-dest:20px;--jxzn-pad-panel:22px;--jxzn-pad-cifra:18px;
  }
}

/* Base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--jxzn-white);color:var(--jxzn-ink);
  font-family:var(--jxzn-font-body);font-size:var(--jxzn-fs-body);font-weight:var(--jxzn-fw-body);line-height:var(--jxzn-lh-body)}
img,svg,video{max-width:100%;height:auto;display:block}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4{margin:0;color:var(--jxzn-ink);font-family:var(--jxzn-font-head)}
p,ul,ol,figure,blockquote{margin:0}
a{color:var(--jxzn-link);font-weight:var(--jxzn-fw-strong)}
:where(a,button,input,select,textarea,video,summary,[tabindex]):focus-visible{outline:var(--jxzn-bw-focus) solid var(--jxzn-focus);outline-offset:var(--jxzn-off-focus)}

/* Accesibilidad */
.jxzn-skip{position:absolute;left:var(--jxzn-s4);top:var(--jxzn-skip-off);z-index:100;padding:var(--jxzn-s3) var(--jxzn-s5);
  background:var(--jxzn-ink);color:var(--jxzn-white);border-radius:var(--jxzn-r-pill);text-decoration:none}
.jxzn-skip:focus{top:var(--jxzn-s4)}
.jxzn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Estructura */
.jxzn-wrap{width:100%;max-width:var(--jxzn-maxw);margin-inline:auto;padding-inline:var(--jxzn-s6)}
.jxzn-sec{padding-block:var(--jxzn-s8)}
.jxzn-sec-alt{padding-block:var(--jxzn-s8);background:var(--jxzn-surface);
  border-top-left-radius:var(--jxzn-sec-radio);border-top-right-radius:var(--jxzn-sec-radio)}
/* La sección blanca que sigue a una gris repite la esquina redondeada y rellena de gris el hueco */
.jxzn-sec-alt + .jxzn-sec{background:var(--jxzn-white);
  border-top-left-radius:var(--jxzn-sec-radio);border-top-right-radius:var(--jxzn-sec-radio);
  box-shadow:0 calc(-1 * var(--jxzn-sec-radio)) 0 0 var(--jxzn-surface)}
.jxzn-sec-head{display:flex;flex-direction:column;gap:var(--jxzn-s3);margin-bottom:var(--jxzn-s6)}
@media (max-width:767px){
  .jxzn-wrap{padding-inline:var(--jxzn-s5)}
  .jxzn-sec,.jxzn-sec-alt{padding-block:var(--jxzn-s7)}
}

/* Texto */
.jxzn-eyebrow{color:var(--jxzn-muted);font-weight:var(--jxzn-fw-title);font-size:var(--jxzn-fs-label);
  line-height:var(--jxzn-lh-label);text-transform:uppercase;letter-spacing:var(--jxzn-ls-eyebrow)}
.jxzn-h2{font-weight:var(--jxzn-fw-display);font-size:var(--jxzn-fs-h2);line-height:var(--jxzn-lh-h2);letter-spacing:var(--jxzn-ls-h2)}
.jxzn-h3{font-weight:var(--jxzn-fw-title);font-size:var(--jxzn-fs-h3);line-height:var(--jxzn-lh-tight)}
.jxzn-lead{max-width:var(--jxzn-measure-lead);color:var(--jxzn-muted);font-size:var(--jxzn-fs-lead);line-height:var(--jxzn-lh-lead)}
.jxzn-muted{color:var(--jxzn-muted);font-size:var(--jxzn-fs-intro)}

/* Botones (texto blanco sobre rosa es decisión de diseño del proyecto) */
.jxzn-btn,.jxzn-btn-ghost,.jxzn-btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:var(--jxzn-s2);
  font-family:var(--jxzn-font-body);font-weight:var(--jxzn-fw-title);font-size:var(--jxzn-fs-btn);line-height:var(--jxzn-lh-btn);
  text-decoration:none;white-space:nowrap;border-radius:var(--jxzn-r-pill);border:var(--jxzn-bw-btn) solid transparent;
  padding:var(--jxzn-pad-btn-y) var(--jxzn-pad-btn-x);cursor:pointer;
  transition:background-color var(--jxzn-ease),color var(--jxzn-ease),transform var(--jxzn-ease),box-shadow var(--jxzn-ease)}
.jxzn-btn{background:var(--jxzn-pink);color:var(--jxzn-white)}
.jxzn-btn:hover{background:var(--jxzn-pink-dark)}
.jxzn-btn-ghost,.jxzn-btn-sm{background:transparent;color:var(--jxzn-ink);border-color:var(--jxzn-ink)}
.jxzn-btn-ghost:hover,.jxzn-btn-sm:hover{background:var(--jxzn-ink);color:var(--jxzn-white)}
.jxzn-btn-sm{padding:var(--jxzn-pad-btn-sm-y) var(--jxzn-pad-btn-sm-x)}
.jxzn-btns{display:flex;flex-wrap:wrap;gap:var(--jxzn-s4)}

/* Enlaces */
.jxzn-more{position:relative;display:inline-flex;align-items:center;padding-right:var(--jxzn-pad-more);color:var(--jxzn-link);
  font-weight:var(--jxzn-fw-title);font-size:var(--jxzn-fs-label);line-height:var(--jxzn-lh-more);text-decoration:none;
  text-underline-offset:var(--jxzn-nudge);text-decoration-thickness:var(--jxzn-bw-btn)}
/* Flecha → dibujada con máscara (no depende de que la fuente incluya el carácter) */
.jxzn-more::after{content:"";position:absolute;top:50%;right:0;width:var(--jxzn-ic-arrow);height:var(--jxzn-ic-arrow);
  margin-top:calc(var(--jxzn-ic-arrow) / -2);border-radius:var(--jxzn-r-pill);
  background-color:var(--jxzn-link);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 14h12M15 9l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 14h12M15 9l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform var(--jxzn-ease)}
.jxzn-more:hover{text-decoration:underline}
.jxzn-more:hover::after{transform:translate3d(var(--jxzn-nudge),0,0)}
/* Enlace externo: flecha fina ↗ de 11px, opacidad .55, dibujada con mask-image (nunca con el carácter) */
.jxzn-enlace,.jxzn-ext{color:var(--jxzn-link);font-weight:var(--jxzn-fw-strong);text-decoration:none;
  text-underline-offset:var(--jxzn-off-focus)}
.jxzn-enlace::after,.jxzn-ext::after{content:"";display:inline-block;width:var(--jxzn-ic-ext);height:var(--jxzn-ic-ext);
  margin-left:var(--jxzn-s1);background-color:currentColor;opacity:var(--jxzn-op-ext);vertical-align:baseline;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2h6v6M10 2 3 9'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2h6v6M10 2 3 9'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform var(--jxzn-ease),opacity var(--jxzn-ease)}
.jxzn-enlace:hover,.jxzn-ext:hover{text-decoration:underline}
.jxzn-enlace:hover::after,.jxzn-ext:hover::after{opacity:1;transform:translate3d(calc(var(--jxzn-nudge) / 2),calc(var(--jxzn-nudge) / -2),0)}

/* Rejillas */
.jxzn-grid-2,.jxzn-grid-3,.jxzn-grid-4{display:grid;gap:var(--jxzn-s4)}
.jxzn-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.jxzn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.jxzn-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1023px){.jxzn-grid-3,.jxzn-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.jxzn-grid-2,.jxzn-grid-3,.jxzn-grid-4{grid-template-columns:1fr}}

/* Tarjetas: blancas, borde 1px, radio 18, sombra suave. Hover: sube 2px y sombra mayor (sin cambiar borde) */
.jxzn-card,.jxzn-tile,.jxzn-valor,.jxzn-page-card{background:var(--jxzn-white);color:var(--jxzn-ink);text-decoration:none;
  border:var(--jxzn-bw) solid var(--jxzn-line);border-radius:var(--jxzn-r);box-shadow:var(--jxzn-shadow);
  transition:transform var(--jxzn-ease),box-shadow var(--jxzn-ease)}
.jxzn-card{display:flex;flex-direction:column;height:100%;overflow:hidden}
.jxzn-card-body{display:flex;flex-direction:column;gap:var(--jxzn-s2);padding:var(--jxzn-s5)}
.jxzn-tile{display:flex;align-items:center;gap:var(--jxzn-gap-tile);padding:var(--jxzn-pad-tile)}
.jxzn-valor,.jxzn-page-card{display:flex;flex-direction:column;gap:var(--jxzn-s3);padding:var(--jxzn-pad-panel)}
a.jxzn-card:hover,a.jxzn-tile:hover,a.jxzn-valor:hover{transform:translate3d(0,var(--jxzn-lift),0);box-shadow:var(--jxzn-shadow-hover)}
/* Icono de línea en chip: 36px, radio 10px, fondo cian claro, trazo currentColor, icono 18px */
.jxzn-ic{display:grid;place-items:center;flex:none;width:var(--jxzn-ic-chip);height:var(--jxzn-ic-chip);
  border-radius:var(--jxzn-r-ic);background:var(--jxzn-tint-cyan);color:var(--jxzn-ink)}
.jxzn-ic svg{width:var(--jxzn-ic-glyph);height:var(--jxzn-ic-glyph);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.jxzn-ic-rosa{background:var(--jxzn-tint-pink)}
/* Destacados tintados (cian, rosa, amarillo) */
.jxzn-dest{display:flex;flex-direction:column;gap:var(--jxzn-s2);padding:var(--jxzn-pad-dest);border-radius:var(--jxzn-r);
  color:var(--jxzn-ink);text-decoration:none;background:var(--jxzn-tint-cyan);
  transition:transform var(--jxzn-ease),box-shadow var(--jxzn-ease)}
.jxzn-dest-rosa{background:var(--jxzn-tint-pink)}
.jxzn-dest-amarillo{background:var(--jxzn-tint-yellow)}
a.jxzn-dest:hover{transform:translate3d(0,var(--jxzn-lift),0);box-shadow:var(--jxzn-shadow-hover)}

/* Portada: cuadrícula de cuaderno solo aquí, difuminada a blanco por abajo */
.jxzn-hero{padding-block:var(--jxzn-s8);background-color:var(--jxzn-white);
  background-image:linear-gradient(180deg,transparent calc(100% - var(--jxzn-hero-fundido)),var(--jxzn-white) 100%),
    linear-gradient(var(--jxzn-grid) var(--jxzn-bw),transparent var(--jxzn-bw)),linear-gradient(90deg,var(--jxzn-grid) var(--jxzn-bw),transparent var(--jxzn-bw));
  background-size:100% 100%,var(--jxzn-grid-size) var(--jxzn-grid-size),var(--jxzn-grid-size) var(--jxzn-grid-size);
  background-position:0 0,calc(-1 * var(--jxzn-bw)) calc(-1 * var(--jxzn-bw)),calc(-1 * var(--jxzn-bw)) calc(-1 * var(--jxzn-bw))}
.jxzn-hero-tit{text-wrap:balance;font-weight:var(--jxzn-fw-display);font-size:var(--jxzn-fs-hero);line-height:var(--jxzn-lh-hero);letter-spacing:var(--jxzn-ls-hero)}
@media (max-width:767px){.jxzn-hero{padding-block:var(--jxzn-s6) var(--jxzn-s7)}}

/* Pie: gris con franja de marca de 6px arriba */
.jxzn-ft{width:100%;background-color:var(--jxzn-surface);background-image:var(--jxzn-franja);
  background-size:100% var(--jxzn-franja-alto);background-repeat:no-repeat;background-position:top left;
  padding-top:calc(var(--jxzn-franja-alto) + var(--jxzn-s7))}

/* Franja de marca suelta (proporciones reales: amarillo 11,7 %, magenta 28,9 %, cian 59,4 %) */
.jxzn-franja{height:var(--jxzn-franja-alto);background-image:var(--jxzn-franja)}

@media (prefers-reduced-motion:reduce){
  .jxzn-card,.jxzn-tile,.jxzn-dest,.jxzn-valor,.jxzn-btn,.jxzn-btn-ghost,.jxzn-btn-sm,.jxzn-more::after,.jxzn-enlace::after,.jxzn-ext::after{transition:none}
  a.jxzn-card:hover,a.jxzn-tile:hover,a.jxzn-valor:hover,a.jxzn-dest:hover{transform:none}
  .jxzn-more:hover::after,.jxzn-enlace:hover::after,.jxzn-ext:hover::after{transform:none}
}