/*
 * ============================================================
 *  tokens.css — Sistema de diseño VMS Energy
 *  Versión 2.0 · agosto 2026
 *  Reemplaza v1.0 (mayo 2026)
 * ============================================================
 *
 *  QUÉ CAMBIÓ RESPECTO A v1.0
 *  ─────────────────────────────────────────────────────────
 *  1. IDENTIDAD ÚNICA. Los cinco conceptos ya no cambian de color.
 *     Antes: corporativo azul · sectorial verde · equipamiento gris
 *     pizarra · servicios especializados índigo · e-shop naranja.
 *     Ahora: todo el sitio es azul VMS. Los conceptos siguen
 *     existiendo, pero controlan DENSIDAD y ESTRUCTURA, no tono.
 *
 *  2. LOS 11 SECTORES ESTÁN DEFINIDOS. En v1.0 solo existían 3 de
 *     los 11 declarados en las páginas. Los otros 8 caían al verde
 *     genérico por defecto, y quien armaba la página lo corregía
 *     con un :root propio. Ese era el origen de la deriva.
 *     Ahora los 11 existen y ninguno cambia de color: se
 *     diferencian por imagen de hero y etiqueta.
 *
 *  3. CONTRASTE CORREGIDO. Cuatro colores no cumplían WCAG AA.
 *     El más grave: el botón "Solicitar cotización" del VMShop
 *     usaba texto blanco sobre #F97316 (relación 2.80, ilegible).
 *
 *  4. EL PUENTE DE COMPATIBILIDAD YA NO PUEDE DIVERGIR. Los alias
 *     heredados (--navy, --cobalt, --ink…) ahora apuntan a los
 *     tokens con var() en vez de repetir valores literales.
 *     Por eso --navy tenía tres valores distintos. Ya no puede.
 *
 *  ─────────────────────────────────────────────────────────
 *  CÓMO USARLO  (sin cambios respecto a v1.0)
 *
 *  1. En el <head>, ANTES de cualquier otro <style>:
 *       <link rel="stylesheet" href="tokens.css" />
 *
 *  2. En <html>, el concepto de la página:
 *       <html lang="es-MX" data-concept="corporativo">
 *
 *  3. En páginas sectoriales, también el sector:
 *       <html lang="es-MX" data-concept="sectorial" data-sector="mineria">
 *
 *  REGLA DEL SISTEMA
 *  Si una página necesita un color, un radio o un espaciado que
 *  no está aquí, NO se agrega a la página: se agrega a este
 *  archivo. Es la única forma de que la deriva no vuelva.
 *
 *  Contrastes indicados sobre blanco #FFFFFF, fórmula WCAG 2.1.
 *  AA = 4.5 para texto normal, 3.0 para texto grande (≥24px o
 *  ≥19px en negrita).
 * ============================================================
 */


/* ============================================================
   1 · RAMPA DE MARCA — la única identidad cromática del sitio
   ============================================================ */
:root {
  --vms-blue-975: #071428;   /* 18.86 · fondo del hero, arranque      */
  --vms-blue-950: #0B1A30;   /* 17.43 · extremo oscuro de hero        */
  --vms-blue-925: #0C2346;   /* 16.14 · fondo del hero, cierre        */
  --vms-blue-900: #12253F;   /* 15.42 · fondos muy oscuros            */
  --vms-blue-800: #172C51;   /* 13.86 · navegación, pie, sección dark */
  --vms-blue-700: #14406B;   /* 10.63 · hover de primario             */
  --vms-blue-600: #0F4C81;   /*  8.86 · PRIMARIO — CTA, títulos, links*/

/* ---- Rampa verde ESG (26-ago-2026) ------------------------------------------
   El sitio usaba 78 valores verdes distintos en 38 paginas y los tokens solo
   definian --success. Esta rampa esta anclada en el: --vms-green-600 ES
   --success (var(--vms-green-600)). Se conserva su tono (H 142.4) y se mueven claridad y
   saturacion en pasos parejos. --------------------------------------------- */
  --vms-green-900: var(--vms-green-900);   /* velo de hero, fondo mas oscuro    */
  --vms-green-800: #0A3B1C;   /* velo de hero, segunda parada      */
  --vms-green-700: #0F5E2D;   /*  7.90 sobre blanco - texto y KPI  */
  --vms-green-600: var(--vms-green-600);   /*  5.02 sobre blanco - = --success  */
  --vms-green-500: #1BA64F;   /*  relleno solido, no para texto    */
  --vms-green-400: #2EDB6F;   /*  acento sobre fondo oscuro        */
  --vms-green-300: #73DE9B;
  --vms-green-200: #B1E7C5;
  --vms-green-100: #DAF1E3;   /*  texto claro sobre fondo oscuro   */
  --esg-hero-veil: linear-gradient(100deg, rgba(6,37,18,.92) 0%,
                    rgba(10,59,28,.82) 48%, rgba(15,76,129,.6) 100%);
  --vms-blue-500: #1A5F9E;   /*  6.62 · enlaces sobre fondo suave     */
  --vms-blue-400: #3A6FA5;   /*  5.25 · íconos, píldoras, subrayados  */
  --vms-blue-300: #6E9BC6;   /*  2.93 · SOLO fondo o texto sobre oscuro */
  --vms-blue-200: #A9C6E2;   /*  1.77 · SOLO fondo · valores KPI en dark*/
  --vms-blue-100: #DBEAFE;   /*  1.22 · SOLO fondo · chips y badges   */
  --vms-blue-50:  #F0F6FF;   /*  1.09 · SOLO fondo · sección alterna  */

  /* ⚠ blue-300 y más claros NUNCA llevan texto encima sobre blanco.
     Sirven como fondo, o como texto sobre los tonos 800/950.       */


/* ============================================================
   2 · NEUTRALES — slate, con sesgo azul para acompañar la marca
   ============================================================ */
  --vms-slate-900: #0F172A;  /* 17.85 · texto principal        */
  --vms-slate-700: #334155;  /* 10.35 · texto fuerte           */
  --vms-slate-600: #475569;  /*  7.58 · texto secundario       */
  --vms-slate-500: #64748B;  /*  4.76 · texto tenue (mínimo AA)*/
  --vms-slate-200: #E2E8F0;  /*  1.23 · bordes, separadores    */
  --vms-slate-100: #F2F4F7;  /*  1.10 · superficie de tarjeta  */
  --vms-slate-50:  #F5F8FC;  /*  1.07 · fondo suave            */

  /* ⚠ #94A3B8 (el antiguo --text-hint) queda RETIRADO: 2.56, no
     cumple AA. Sustituido por --vms-slate-500 en todo el sistema. */


/* ============================================================
   3 · SEMÁNTICA — el único color que puede salirse del azul
   Reservado para lo que debe distinguirse por función:
   estado, norma, urgencia, disponibilidad y precio.
   ============================================================ */
  --success:        var(--vms-green-600);  /* 5.02 · antes var(--vms-green-500) (3.30 con blanco) */
  --success-bg:     var(--success-bg);
  --warning:        #B45309;  /* 5.02 · para TEXTO de advertencia       */
  --warning-fill:   #D97706;  /* 3.19 · solo relleno, nunca texto blanco*/
  --warning-bg:     #FEF3C7;
  --danger:         #B91C1C;  /* 6.47 · antes #EF4444 (insuficiente)    */
  --danger-bg:      #FEE2E2;
  --info:           var(--vms-blue-600);
  --info-bg:        var(--vms-blue-100);

  /* Comercial — precio y compra en VMShop. NO es identidad:
     es una señal funcional, igual que "peligro" o "éxito".        */
  --commerce:       #C2410C;  /* 5.18 · antes #F97316 (2.80, ilegible)  */
  --commerce-bg:    #FFF7ED;


/* ============================================================
   4 · TIPOGRAFÍA
   ============================================================ */
  --font-body:  "Roboto Condensed", system-ui, -apple-system, Arial, sans-serif;
  --font-mono:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --font-weight-regular: 400;
  --font-weight-medium:  500;
  --font-weight-bold:    700;

  --fs-xs:   .78rem;
  --fs-sm:   .88rem;
  --fs-base: 1rem;
  --fs-lg:   1.13rem;
  --fs-xl:   1.4rem;
  --fs-2xl:  1.85rem;
  --fs-3xl:  2.4rem;
  --fs-hero: clamp(2rem, 4.5vw, 3.25rem);

  --lh-tight: 1.16;
  --lh-base:  1.6;
  --tracking-label: .1em;


/* ============================================================
   5 · TEXTO Y SUPERFICIES
   ============================================================ */
  --text-primary: var(--vms-slate-900);
  --text-muted:   var(--vms-slate-600);
  --text-hint:    var(--vms-slate-500);   /* corregido — ver §2 */
  --text-invert:  #FFFFFF;
  --text-on-dark: var(--vms-blue-100);

  --bg-page:      #FFFFFF;
  --bg-surface:   var(--vms-slate-100);
  --bg-soft:      var(--vms-slate-50);
  --bg-brand-soft: var(--vms-blue-50);

  --border-line:  rgba(23, 44, 81, .12);
  --border-hover: rgba(23, 44, 81, .24);
  --border-strong: rgba(23, 44, 81, .32);


/* ============================================================
   6 · LAYOUT, RADIOS Y SOMBRAS
   ============================================================ */
  --max-width:      1100px;
  --max-width-wide: 1200px;
  --max-width-read: 68ch;

  --radius-card: 14px;
  --radius-hero: 24px;
  --radius-btn:  999px;
  --radius-tag:  999px;
  --radius-sm:   8px;

  --shadow-card:  0 4px 16px rgba(9, 32, 58, .08);
  --shadow-hover: 0 8px 24px rgba(9, 32, 58, .14);
  --shadow-nav:   0 14px 30px rgba(8, 28, 54, .12);

  --transition-base: .2s ease;


/* ============================================================
   7 · TOKENS DE CONCEPTO — ahora INVARIABLES en color
   Antes cada concepto redefinía estos valores con su propio tono.
   Ahora son fijos: es lo que hace que el sitio se lea como una
   sola marca. Se conservan los nombres para no romper las 916
   referencias a --concept-primary que ya existen en las páginas.
   ============================================================ */
  --concept-primary:      var(--vms-blue-600);
  --concept-dark:         var(--vms-blue-800);
  --concept-darker:       var(--vms-blue-950);
  --concept-accent:       var(--vms-blue-400);
  --concept-accent-light: var(--vms-blue-100);
  --concept-accent-text:  var(--vms-blue-800);
  --concept-light:        var(--vms-blue-50);

  --concept-kpi-bg:       var(--vms-blue-800);
  --concept-kpi-val:      var(--vms-blue-200);  /*  7.83 sobre kpi-bg */
  --concept-kpi-lbl:      var(--vms-blue-100);  /* 11.36 sobre kpi-bg */

  --concept-btn-primary:  var(--vms-blue-600);
  --concept-btn-hover:    var(--vms-blue-700);
  --concept-btn-text:     var(--text-invert);

  --concept-hero-tag-bg:     rgba(255, 255, 255, .12);
  --concept-hero-tag-border: rgba(255, 255, 255, .22);
  --concept-hero-tag-text:   #E8F2FF;

  --concept-section-alt:  var(--vms-blue-50);
  --concept-section-dark: var(--vms-blue-800);
  /* El degradado del hero. Es el que ya usaba la portada: azul marino muy
     oscuro con un resplandor suave arriba a la derecha. Vivía dentro de
     index.html, así que cada página lo copiaba o inventaba el suyo. Puesto
     aquí, las 93 páginas comparten hero con una sola línea, y cambiarlo de
     tono en el futuro es cambiar este valor, no 93 archivos. */
  --concept-hero-gradient:
      radial-gradient(72% 66% at 76% 12%, rgba(73, 151, 221, .24), transparent 62%),
      linear-gradient(180deg, var(--vms-blue-975) 0%, var(--vms-blue-925) 100%);

  /* Badges funcionales — conservan su color semántico */
  --spec-accent:       var(--warning-fill);   /* valores de especificación */
  --spec-accent-light: var(--warning-bg);
  --spec-badge-norm:   var(--vms-blue-600);   /* IEC / IEEE / NOM          */
  --urgency-badge-bg:  var(--warning-bg);
  --urgency-badge-text:#92400E;               /* 6.29 sobre warning-bg     */
  --price-color:       var(--commerce);
  --price-old-color:   var(--vms-slate-500);
  --badge-new:         var(--success);
  --badge-stock:       var(--vms-blue-600);
  --badge-quote:       var(--commerce);


/* ============================================================
   8 · TOKENS DE ESTRUCTURA — lo que SÍ cambia por concepto
   Aquí vive la diferenciación que antes hacía el color.
   Valores base = corporativo.
   ============================================================ */
  --section-pad-y:  72px;   /* ritmo vertical entre secciones     */
  --card-pad:       24px;   /* respiración interna de tarjeta     */
  --grid-min:       280px;  /* ancho mínimo de columna en rejilla */
  --grid-gap:       24px;
  --hero-min-h:     560px;
  --hero-overlay:   .55;    /* opacidad del velo sobre foto       */
  --table-pad-y:    12px;   /* densidad de tablas técnicas        */
  --hero-image:     none;   /* lo fija el sector, ver §10          */
}


/* ============================================================
   9 · CONCEPTOS — solo estructura y densidad, nunca color
   ============================================================ */

/* — Corporativo: ritmo amplio, hero de degradado de marca —
   index, nosotros, servicios-epc, capacitación, carreras, contacto */
[data-concept="corporativo"] {
  --section-pad-y: 72px;
  --card-pad:      24px;
  --grid-min:      280px;
  --hero-min-h:    560px;
}

/* — Sectorial: hero fotográfico de campo, velo más denso —
   minería, oil & gas, solar, agroindustria, alimentos, HVAC… */
[data-concept="sectorial"] {
  --section-pad-y: 72px;
  --card-pad:      24px;
  --grid-min:      300px;
  --hero-min-h:    620px;
  --hero-overlay:  .72;
}

/* — Equipamiento: alta densidad, tablas de especificación —
   variadores, subestaciones, tableros CCM, transformadores, UPS

   A-04 · "equipamiento-critico" NO es una categoría: es un valor
   escrito una sola vez, en lp-motores-electricos-industriales.html.
   No tiene maquetación propia (ninguna clase que lo distinga) y el
   resto de las landings de equipo usan "equipamiento" a secas. En
   v1.0 no existía, así que esa página heredaba corporativo por
   accidente y se veía azul mientras las demás de su familia se
   veían gris pizarra.

   Se resuelve aquí como alias para que la página quede correcta de
   inmediato. En la fase F-3 se cambia el atributo de esa página a
   data-concept="equipamiento" y este selector se retira.           */
[data-concept="equipamiento"],
[data-concept="equipamiento-critico"] {
  --section-pad-y: 56px;
  --card-pad:      20px;
  --grid-min:      240px;
  --grid-gap:      18px;
  --hero-min-h:    420px;
  --table-pad-y:   9px;
}

/* — Servicios especializados: hero fotográfico, badge 24/7 —
   turbogeneradores Woodward, predictivo, oil & gas, fuego */
[data-concept="servicios-especializados"] {
  --section-pad-y: 64px;
  --card-pad:      24px;
  --grid-min:      280px;
  --hero-min-h:    520px;
  --hero-overlay:  .68;
}

/* — E-shop: rejilla comercial densa, fichas de producto —
   VMShop, Triol, detalle de producto */
[data-concept="eshop"] {
  --section-pad-y: 48px;
  --card-pad:      16px;
  --grid-min:      220px;
  --grid-gap:      16px;
  --hero-min-h:    380px;
  --table-pad-y:   9px;
}


/* ============================================================
   10 · SECTORES — los 11, definidos. Ninguno cambia de color.
   ------------------------------------------------------------
   En v1.0 solo existían tres. Los otros ocho caían al verde
   genérico por defecto, y quien armaba la página lo corregía con
   un :root propio. Ese fue el origen de la deriva.

   Ahora los 11 existen. Solo declaran su etiqueta: bajo identidad
   única no hay color que diferenciar.

   La imagen de hero NO vive aquí a propósito. Es contenido, no
   token, y su ruta cambia al migrar a WordPress
   (assets/img/… → /wp-content/uploads/…). CSS no puede componer
   una url() a partir de una variable de base, así que centralizarla
   obligaría a editar este archivo en cada cambio de ruta. Cada
   página fija su propia --hero-image; el mecanismo que la consume
   (--hero-overlay, --hero-min-h) sí está aquí.

   Si aparece un sector nuevo, se agrega en esta lista —nunca
   dentro de la página— o volverá a caer al valor por defecto.
   ============================================================ */
[data-sector="mineria"]            { --sector-label: "Minería"; }
[data-sector="oil-gas"]            { --sector-label: "Oil & Gas"; }
[data-sector="solar"]              { --sector-label: "Solar industrial"; }
[data-sector="verde"]              { --sector-label: "Energías limpias"; }
[data-sector="agroindustria"]      { --sector-label: "Agroindustria"; }
[data-sector="alimentos-bebidas"]  { --sector-label: "Alimentos y bebidas"; }
[data-sector="automatizacion"]     { --sector-label: "Automatización y control"; }
[data-sector="electromecanicas"]   { --sector-label: "Soluciones electromecánicas"; }
[data-sector="hvac"]               { --sector-label: "HVAC industrial"; }
[data-sector="iluminacion"]        { --sector-label: "Iluminación industrial"; }
[data-sector="infraestructura"]    { --sector-label: "Infraestructura energética"; }

/* Patrón de hero sectorial — el velo sale del token, la imagen de
   la página. Reemplaza los dos patrones distintos que conviven hoy
   (.hero::before y .hero__frame):

     <section class="hero-sector"
              style="--hero-image:url('assets/img/services/oil_gas.webp')">
*/
.hero-sector {
  position: relative;
  min-height: var(--hero-min-h);
  border-radius: var(--radius-hero);
  overflow: hidden;
  isolation: isolate;
}
.hero-sector::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(105deg,
      rgba(11, 26, 48, var(--hero-overlay)),
      rgba(23, 44, 81, calc(var(--hero-overlay) * .72)) 55%,
      rgba(15, 76, 129, calc(var(--hero-overlay) * .45))),
    var(--hero-image, linear-gradient(135deg, var(--vms-blue-950), var(--vms-blue-600)))
      center / cover no-repeat;
}


/* ============================================================
   11 · UTILIDADES — usar en lugar de escribir colores en la página
   ============================================================ */

.btn--concept {
  background: var(--concept-btn-primary);
  color: var(--concept-btn-text);
  border: 1px solid transparent;
  border-radius: var(--radius-btn);
  transition: background var(--transition-base);
}
.btn--concept:hover,
.btn--concept:focus-visible { background: var(--concept-btn-hover); }

/* Antes el hover usaba opacity:.88, que aclaraba el botón y bajaba
   el contraste del texto blanco. Ahora oscurece: el contraste sube. */

/* `.btn--ghost` se mudó a vms-core.css, con el resto de los botones.
   Este archivo declara tokens; los componentes viven en el núcleo. */

.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--concept-hero-tag-bg);
  border: 1px solid var(--concept-hero-tag-border);
  color: var(--concept-hero-tag-text);
  padding: .3rem .75rem;
  border-radius: var(--radius-tag);
  font-size: var(--fs-sm);
  font-weight: var(--font-weight-bold);
}

.section        { padding-block: var(--section-pad-y); }
.section--alt   { background: var(--concept-section-alt); }
.section--dark  { background: var(--concept-section-dark); color: var(--text-invert); }
.section--dark .section-lede { color: var(--text-on-dark); }

.grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-min), 1fr));
  gap: var(--grid-gap);
}

.card {
  background: var(--bg-page);
  border: 1px solid var(--border-line);
  border-radius: var(--radius-card);
  padding: var(--card-pad);
  box-shadow: var(--shadow-card);
}
.card:hover { box-shadow: var(--shadow-hover); }

.norm-badge {
  background: var(--vms-blue-100);
  color: var(--spec-badge-norm);
  font-size: var(--fs-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: .04em;
  padding: .15rem .6rem;
  border-radius: 4px;
}

.urgency-badge {
  background: var(--urgency-badge-bg);
  color: var(--urgency-badge-text);
  font-size: var(--fs-xs);
  font-weight: var(--font-weight-bold);
  padding: .2rem .7rem;
  border-radius: var(--radius-tag);
}

.price {
  color: var(--price-color);
  font-weight: var(--font-weight-bold);
  font-variant-numeric: tabular-nums;
}
.price--old {
  color: var(--price-old-color);
  text-decoration: line-through;
  font-weight: var(--font-weight-regular);
}

.spec-table th,
.spec-table td { padding-block: var(--table-pad-y); }
.spec-table td { font-variant-numeric: tabular-nums; }

/* Foco visible — requisito de accesibilidad, faltaba en v1.0 */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--concept-primary);
  outline-offset: 2px;
  border-radius: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}


/* ============================================================
   12 · PUENTE DE COMPATIBILIDAD
   ------------------------------------------------------------
   Los alias que usan hoy las 93 páginas. Todos apuntan a los
   tokens con var(): ya NO pueden divergir. Esto es lo que impedía
   que --navy tuviera un solo valor.

   ⚠ ORDEN IMPORTA. Este bloque va al FINAL del archivo y tiene la
   misma especificidad que :root, así que gana por posición. Por
   eso no debe contener ningún valor literal: solo referencias.

   RETIRAR al terminar la fase F-3, cuando ninguna página use
   estos nombres. Mientras exista, la migración no está completa.
   ============================================================ */
:root {
  /* Azules corporativos */
  --navy:        var(--vms-blue-800);
  --cobalt:      var(--vms-blue-600);
  --blue:        var(--vms-blue-600);
  --blue-2:      var(--vms-blue-700);
  --blue-3:      var(--vms-blue-400);
  --dark:        var(--vms-blue-800);
  --logo-color:  var(--vms-blue-600);
  --accent-color:var(--vms-blue-600);
  --accent2:     var(--vms-blue-400);
  --accent3:     var(--vms-blue-300);

  /* Prefijo cp- (corporativo) */
  --cp-navy:     var(--vms-blue-800);
  --cp-cobalt:   var(--vms-blue-600);
  --cp-surface:  var(--bg-surface);
  --cp-line:     var(--border-line);

  /* Prefijo vms- del bloque de la home */
  --vms-primary:   var(--vms-blue-600);
  --vms-primary-2: var(--vms-blue-700);
  --vms-accent:    var(--vms-blue-400);
  --vms-bg:        var(--vms-blue-950);
  --vms-bg-2:      var(--vms-blue-800);
  --vms-surface:   var(--bg-surface);
  --vms-border:    var(--border-line);
  --vms-text:      var(--text-primary);

  /* Texto y superficies */
  --text:   var(--text-primary);
  --ink:    var(--text-primary);
  --muted:  var(--text-muted);
  --gray:   var(--bg-surface);
  --card:   var(--bg-page);
  --soft:   var(--bg-soft);
  --line:   var(--border-line);

  /* Tipografía y forma */
  --mono:    var(--font-mono);
  --radius:  var(--radius-card);
  --radius2: var(--radius-sm);
  --shadow:    var(--shadow-card);
  --shadow-sm: var(--shadow-card);

  /* Acentos decorativos heredados de minería y sectoriales.
     Bajo identidad única dejan de ser colores propios: se
     redirigen a la marca y a la semántica. */
  --night:      var(--vms-blue-950);
  --ocean:      var(--vms-blue-800);
  --azure:      var(--vms-blue-500);
  --lime:       var(--success);
  --sun:        var(--warning-fill);
  --amber:      var(--warning-fill);
  --amber-dot:  var(--warning-fill);
  --fire:       var(--danger);
  --green:      var(--success);
  --verde-tech: var(--success);
  --sector:     var(--vms-blue-600);
  --sector-primary: var(--vms-blue-600);

  /* Iconografía */
  --icon-bg-a: var(--vms-blue-100);
  --icon-bg-b: var(--vms-blue-50);

  /* Acento sobre fondo oscuro (26-ago-2026). Cinco azules brillantes cumplian
     este papel sin token: enlaces, pie, campos y hero. Dos no pasaban AA sobre
     el azul primario. Se unifica en el que ya estaba en 40 paginas y si pasa. */
  --acento-oscuro: #7CC1FF;
}
