:root {
  --bg: #0e0c09;
  --bg-2: #15120f;
  --bg-3: #1c1712;
  --bg-raised: #211b15;
  --cream: #f2ecdf;
  --cream-2: #ddd3c1;
  --mute: #b5a995;
  --oro: #c9a86a;
  --oro-2: #ead4a2;
  --wa: #25d366;
  --line: rgba(242, 236, 223, .14);
  --line-strong: rgba(242, 236, 223, .22);
  --line-gold: rgba(201, 168, 106, .38);
  --ease: cubic-bezier(.22, .61, .36, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
  background: var(--bg);
  color: var(--cream);
  font: 300 16px/1.65 Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
body::selection { background: var(--oro); color: #17130a; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { display: block; max-width: 100%; }
p, li { text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }
[hidden] { display: none !important; }
.wrap { width: min(1180px, calc(100% - 44px)); margin-inline: auto; }

.nav {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 66px;
  padding: 12px max(22px, calc((100vw - 1180px) / 2));
  background: rgba(14, 12, 9, .9);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: Fraunces, serif;
  color: var(--oro);
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 13px;
  white-space: nowrap;
}
.brand img { width: 25px; height: 25px; object-fit: contain; }
.nav-links { display: flex; align-items: center; gap: 5px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.nav-links a { padding: 9px 13px; border-radius: 99px; color: var(--cream-2); transition: color 180ms var(--ease), background 180ms var(--ease), transform 180ms var(--ease); }
.nav-links a:hover, .nav-links a[aria-current="page"] { background: rgba(201, 168, 106, .1); color: var(--oro-2); }
.nav-links .wa { margin-left: 6px; background: var(--oro); color: #17130a; font-weight: 600; }
.nav-links a:active, .btn:active, .filter-button:active { transform: scale(.98); }

.page-hero {
  position: relative;
  isolation: isolate;
  padding: 108px 0 86px;
  overflow: clip;
  border-bottom: 1px solid var(--line);
}
.page-hero::before {
  content: "";
  position: absolute;
  inset: -45%;
  z-index: -2;
  background: radial-gradient(34% 38% at 32% 43%, rgba(201, 168, 106, .2), transparent 72%), radial-gradient(24% 30% at 78% 62%, rgba(111, 64, 31, .22), transparent 74%);
  filter: blur(58px);
}
/* V2.1B: el patrón de escamas también ancla el hero de /servicios/ — la
   pieza de la ruta deja de flotar en un fondo vacío y los dos heroes
   interiores comparten la misma textura de marca. */
.works-hero::after, .services-hero::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  z-index: -1;
  width: min(42vw, 620px);
  opacity: .13;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='52' viewBox='0 0 44 52'%3E%3Cg fill='none' stroke='%23C9A86A' stroke-opacity='.8'%3E%3Ccircle cx='22' cy='0' r='22'/%3E%3Ccircle cx='0' cy='26' r='22'/%3E%3Ccircle cx='44' cy='26' r='22'/%3E%3Ccircle cx='22' cy='52' r='22'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 44px 52px;
  mask-image: linear-gradient(90deg, transparent, #000 35%, #000);
}
.page-hero__layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 80px; align-items: center; }
.eyebrow { color: var(--oro-2); font-size: 11px; letter-spacing: .34em; text-transform: uppercase; }
.page-hero h1 { font-family: Fraunces, serif; font-weight: 500; font-size: clamp(2.7rem, 6.6vw, 5rem); line-height: 1.01; max-width: 14ch; margin-top: 17px; }
.page-hero h1 em, .title h2 em, .lab-heading h2 em { color: var(--oro-2); font-style: italic; }
.page-hero p { max-width: 680px; color: var(--cream-2); font-size: 17px; margin-top: 23px; }
.studio-signature { position: relative; display: grid; place-items: center; width: 224px; aspect-ratio: 1; justify-self: end; border: 1px solid var(--line-gold); border-radius: 50%; background: radial-gradient(circle, rgba(201, 168, 106, .16), rgba(20, 17, 15, .6) 62%, transparent 63%); }
.studio-signature::before, .studio-signature::after { content: ""; position: absolute; background: var(--line-gold); }
.studio-signature::before { width: 290px; height: 1px; }
.studio-signature::after { width: 1px; height: 290px; }
.signature-ring { position: absolute; inset: 20px; border: 1px solid var(--line); border-radius: 50%; }
.studio-signature img { position: relative; z-index: 1; width: 82px; height: 82px; filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .5)); }
.signature-copy { position: absolute; right: -3px; bottom: 28px; padding: 7px 9px; color: var(--oro-2); background: var(--bg); font-size: 8px; line-height: 1.45; letter-spacing: .2em; }

/* V2.1: pieza editorial del hero de /servicios/ — la ruta Web → Sistema →
   Automatización en el lenguaje de la propia página: Web con precio fijo
   (pill sólida) y los otros dos por alcance (pill delineada). */
.hero-ruta { display: grid; justify-items: center; align-content: center; gap: 9px; justify-self: end; color: var(--oro-2); font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; white-space: nowrap; }
.hero-ruta span { padding: 8px 16px; border: 1px solid var(--line-gold); border-radius: 99px; background: rgba(21, 18, 15, .55); }
.hero-ruta span:first-child { background: var(--oro); border-color: var(--oro); color: #17130a; font-weight: 600; }
.hero-ruta i { width: 1px; height: 22px; background: linear-gradient(180deg, var(--line-gold), rgba(201, 168, 106, .06)); }
.hero-ruta__nota { margin-top: 12px; font: italic 500 13px/1.4 Fraunces, serif; letter-spacing: .02em; text-transform: none; color: var(--mute); white-space: normal; max-width: 21ch; text-align: center; }

.hero-actions, .actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 43px;
  padding: 10px 18px;
  border-radius: 99px;
  border: 1px solid var(--line-strong);
  color: var(--cream);
  font-weight: 500;
  font-size: 12.5px;
  transition: transform 180ms var(--ease), border-color 180ms var(--ease), color 180ms var(--ease), background 180ms var(--ease), box-shadow 180ms var(--ease);
}
.btn:hover { transform: translateY(-2px); border-color: var(--oro); color: var(--oro-2); }
.btn-gold { background: var(--oro); border-color: var(--oro); color: #17130a; }
.btn-gold:hover { background: var(--oro-2); color: #17130a; box-shadow: 0 10px 28px rgba(201, 168, 106, .18); }
.btn-wa { background: var(--wa); border-color: var(--wa); color: #07160c; font-weight: 600; }
.btn-wa:hover { color: #07160c; box-shadow: 0 10px 28px rgba(37, 211, 102, .18); }

section { padding: 82px 0; }
.title { margin-bottom: 38px; }
.title.center { text-align: center; }
.title small { color: var(--oro-2); font-size: 11px; letter-spacing: .25em; text-transform: uppercase; }
.title h2 { font: 500 clamp(2rem, 4vw, 2.9rem)/1.1 Fraunces, serif; margin-top: 10px; }
.title p { color: var(--mute); max-width: 620px; margin-top: 10px; }
.title.center p { margin-inline: auto; }
.title--split { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 48px; align-items: end; }
.title--split p { margin: 0; padding-bottom: 4px; }
.legend { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 22px; }
.label { display: inline-flex; align-self: flex-start; padding: 5px 9px; border-radius: 99px; border: 1px solid var(--line-gold); color: var(--oro-2); font-size: 9px; font-weight: 600; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }
.label.real { background: var(--oro); color: #17130a; border-color: var(--oro); }
.label.proto { border-style: dashed; color: var(--cream-2); }

.client-section { position: relative; padding-bottom: 50px; }
.section-index, .project-index { display: flex; align-items: center; gap: 11px; color: var(--oro-2); font-size: 9px; letter-spacing: .2em; text-transform: uppercase; }
.section-index { margin-bottom: 16px; }
.section-index i, .project-index i { flex: 1; height: 1px; background: currentColor; opacity: .26; }
.client-project { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr); border: 1px solid var(--line-gold); border-radius: 24px; overflow: hidden; background: linear-gradient(145deg, rgba(201, 168, 106, .12), var(--bg-3) 56%); }
.client-project .project-preview { min-height: 100%; border-radius: 0; border: 0; border-right: 1px solid var(--line); }
.client-project .project-preview img { height: 100%; object-fit: contain; background: #f5f5f4; }
.client-project__content { padding: clamp(28px, 4vw, 46px); }
.project-meta { display: flex; justify-content: space-between; gap: 14px; align-items: center; flex-wrap: wrap; color: var(--mute); font-size: 12px; }
.client-project h2 { margin-top: 20px; font: 500 clamp(2rem, 4vw, 3.2rem)/1 Fraunces, serif; }
.project-lead { margin-top: 11px; color: var(--cream-2); }
.client-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 18px; margin-top: 26px; }
.client-facts div { padding-top: 12px; border-top: 1px solid var(--line); }
.client-facts dt { color: var(--oro-2); font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.client-facts dd { margin-top: 6px; color: var(--cream-2); font-size: 13px; line-height: 1.5; }
.honesty { margin-top: 18px; color: var(--mute); font-size: 12px; }

.selected-work { padding-top: 66px; }
.filter-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.filter-button { appearance: none; border: 1px solid var(--line); border-radius: 99px; padding: 8px 13px; background: transparent; color: var(--mute); cursor: pointer; font-size: 11px; letter-spacing: .06em; transition: color 160ms var(--ease), background 160ms var(--ease), border-color 160ms var(--ease), transform 160ms var(--ease); }
.filter-button:hover { color: var(--cream); border-color: var(--line-gold); }
.filter-button.is-active { color: #17130a; background: var(--oro); border-color: var(--oro); font-weight: 600; }
.filter-count { margin-left: auto; color: var(--mute); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }

.portfolio-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; align-items: start; }
.portfolio-grid.is-filtered .project-card:not([hidden]) { grid-column: span 6; }
.project-card { position: relative; grid-column: span 4; border: 1px solid var(--line); border-top: 2px solid var(--accent, var(--oro)); border-radius: 19px; background: var(--bg-3); overflow: hidden; transition: transform 220ms var(--ease), border-color 220ms var(--ease), box-shadow 220ms var(--ease); }
.project-card::after { content: ""; position: absolute; inset: auto 0 0; height: 50%; z-index: 0; pointer-events: none; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent, var(--oro)) 7%, transparent)); opacity: .8; }
.project-card--hero { grid-column: span 7; }
.project-card--tall { grid-column: span 5; }
.project-content, .client-project__content { position: relative; z-index: 1; }
.project-content { padding: 23px 22px 24px; }
.project-card--hero .project-content { padding: 28px 27px 29px; }
.project-preview { position: relative; display: block; overflow: hidden; background: #0a0908; border-bottom: 1px solid var(--line); }
.project-preview::before { content: "●  ●  ●"; position: absolute; top: 6px; left: 11px; z-index: 2; color: rgba(242, 236, 223, .42); font-size: 7px; letter-spacing: 4px; }
.project-preview img { width: 100%; height: 235px; object-fit: cover; object-position: top; padding-top: 22px; background: #100e0c; transition: transform 280ms var(--ease), filter 280ms var(--ease); }
.project-card--hero .project-preview img { height: 365px; }
.project-card--tall .project-preview img { height: 318px; }
.preview-corner { position: absolute; right: 10px; bottom: 10px; padding: 6px 8px; border-radius: 7px; color: #fff; background: rgba(9, 8, 7, .82); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, .13); font-size: 8px; letter-spacing: .12em; }
.project-index { margin-bottom: 14px; color: color-mix(in srgb, var(--accent, var(--oro)) 74%, var(--cream)); }
.project-card .label { margin-bottom: 14px; }
.project-card h3 { font: 500 clamp(1.55rem, 3vw, 2.25rem)/1.05 Fraunces, serif; }
.project-brief { margin-top: 12px; color: var(--cream-2); font-size: 14px; }
.project-brief b { color: var(--cream); font-weight: 500; }
.project-function { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--mute); font-size: 12.5px; }
.project-card .actions { margin-top: 18px; }
.project-card .btn { min-height: 38px; padding: 8px 13px; font-size: 11.5px; }

.lab-section { position: relative; overflow: hidden; border-block: 1px solid var(--line); background: #11110f; }
.lab-section::before { content: ""; position: absolute; inset: 0; opacity: .07; background-image: linear-gradient(rgba(242, 236, 223, .7) 1px, transparent 1px), linear-gradient(90deg, rgba(242, 236, 223, .7) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent); }
.lab-heading { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 48px; align-items: end; margin-bottom: 34px; }
.lab-heading h2 { margin-top: 11px; font: 500 clamp(2rem, 4vw, 3rem)/1.08 Fraunces, serif; }
.lab-heading p { color: var(--mute); }
.lab-project { position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); border: 1px dashed var(--line-gold); border-radius: 20px; overflow: hidden; background: rgba(21, 18, 15, .92); }
.lab-project .project-preview { border: 0; border-right: 1px dashed var(--line-gold); }
.lab-project .project-preview img { height: 100%; min-height: 410px; }
.lab-project__content { padding: clamp(28px, 4vw, 45px); }
.lab-project__content .label { margin: 17px 0 16px; }
.lab-project h3 { font: 500 clamp(2rem, 4vw, 3rem)/1 Fraunces, serif; }
.lab-project__content > p { margin-top: 12px; color: var(--cream-2); }
.lab-limit { display: grid; gap: 5px; margin: 24px 0; padding: 16px; border-left: 2px solid var(--oro); background: rgba(201, 168, 106, .06); }
.lab-limit b { color: var(--oro-2); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.lab-limit span { color: var(--mute); font-size: 13px; }

.services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.service { display: flex; flex-direction: column; padding: 28px 24px; border: 1px solid var(--line); border-radius: 18px; background: var(--bg-2); }
.service h3 { font: 500 24px Fraunces, serif; margin: 12px 0 8px; }
.service p { color: var(--mute); font-size: 14px; }
.service ul { list-style: none; margin: 17px 0 0; color: var(--cream-2); font-size: 13.5px; flex: 1; }
.service li { padding: 8px 0; border-top: 1px solid var(--line); }
.service .btn { margin-top: 20px; }
.plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.plan { display: flex; flex-direction: column; padding: 28px 24px; border: 1px solid var(--line); border-radius: 18px; background: var(--bg-3); }
.plan.featured { border-color: var(--oro); }
.plan h3 { font: 500 23px Fraunces, serif; margin-top: 12px; }
.price { font: 500 31px Fraunces, serif; color: var(--oro-2); margin: 12px 0 2px; }
.payment { color: var(--mute); font-size: 12.5px; }
.plan p { color: var(--cream-2); font-size: 14px; margin-top: 14px; flex: 1; }
.process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.step { padding: 26px 23px; border: 1px solid var(--line); border-radius: 17px; background: var(--bg-2); }
.step span { font: italic 39px Fraunces, serif; color: var(--oro); }
.step h3 { font: 500 20px Fraunces, serif; margin: 10px 0 7px; }
.step p { color: var(--mute); font-size: 14px; }
.maintenance { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; padding: 27px; border: 1px solid var(--line-gold); border-radius: 18px; background: linear-gradient(90deg, rgba(201, 168, 106, .1), transparent); }
.maintenance h3 { font: 500 23px Fraunces, serif; }
.maintenance p { color: var(--cream-2); margin-top: 5px; max-width: 690px; }
.faq { max-width: 820px; margin-inline: auto; border-top: 1px solid var(--line); }
/* V2.1B: el item abierto se distingue con un velo dorado sutil, el "+" rota
   a "×" en vez de cambiar de carácter, y la respuesta entra con un fundido
   corto (ambos anulados por prefers-reduced-motion más abajo). */
.faq details { border-bottom: 1px solid var(--line); transition: background .3s var(--ease); }
.faq details[open] { background: linear-gradient(90deg, rgba(201, 168, 106, .05), transparent 60%); }
.faq summary { display: flex; justify-content: space-between; gap: 18px; padding: 20px 0; cursor: pointer; list-style: none; font: 500 18px Fraunces, serif; transition: color .25s var(--ease); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--oro); font: 300 22px/1 Inter, sans-serif; align-self: center; transition: transform .28s var(--ease), color .28s var(--ease); }
.faq details[open] summary::after { transform: rotate(45deg); color: var(--oro-2); }
.faq p { padding: 0 32px 22px 0; max-width: 68ch; color: var(--mute); font-size: 14px; }
.faq details[open] p { animation: faqAbrir .3s var(--ease); }
@keyframes faqAbrir { from { opacity: 0; transform: translateY(-4px); } }

.final-cta { text-align: center; padding: 92px 22px; background: radial-gradient(40% 60% at 50% 50%, rgba(201, 168, 106, .15), transparent); }
.final-cta h2 { margin-top: 10px; font: 500 clamp(2rem, 5vw, 3.2rem)/1.08 Fraunces, serif; }
.final-cta p { color: var(--mute); margin: 11px auto 25px; max-width: 590px; }
footer { padding: 30px 22px; border-top: 1px solid var(--line); text-align: center; color: var(--mute); font-size: 12px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--oro); outline-offset: 3px; }
/* V2.1: Chromium marca :focus-visible al CLICKEAR un <summary>, y el outline
   global dibujaba una caja dorada alrededor de toda la fila del FAQ. El foco
   se mantiene visible (barra interior + tinte) sin caja invasiva. */
.faq summary:focus-visible { outline: none; box-shadow: inset 3px 0 0 var(--oro); color: var(--oro-2); }
.faq details[open] > summary { color: var(--oro-2); }

@media (prefers-reduced-motion: no-preference) {
  .motion-ready .reveal { opacity: 0; transform: translateY(14px); transition: opacity 280ms var(--ease), transform 280ms var(--ease); }
  .motion-ready .reveal.is-visible { opacity: 1; transform: none; }
}

@media (hover: hover) and (pointer: fine) {
  .project-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--accent, var(--oro)) 70%, var(--line)); box-shadow: 0 24px 52px rgba(0, 0, 0, .26); }
  .project-card:hover .project-preview img, .lab-project:hover .project-preview img { transform: scale(1.025); filter: saturate(1.06); }
  .project-card:hover .preview-corner, .lab-project:hover .preview-corner { color: var(--oro-2); }
}

@media (max-width: 960px) {
  .page-hero__layout { grid-template-columns: 1fr 190px; gap: 48px; }
  .studio-signature { width: 174px; }
  .studio-signature::before { width: 220px; }
  .studio-signature::after { height: 220px; }
  .client-project { grid-template-columns: 1fr; }
  .client-project .project-preview { border-right: 0; border-bottom: 1px solid var(--line); }
  .client-project .project-preview img { height: 450px; object-fit: cover; }
  .project-card--hero, .project-card--tall, .project-card--compact { grid-column: span 6; }
  .project-card--hero .project-preview img, .project-card--tall .project-preview img { height: 290px; }
  .lab-project { grid-template-columns: 1fr; }
  .lab-project .project-preview { border-right: 0; border-bottom: 1px dashed var(--line-gold); }
  .lab-project .project-preview img { min-height: 0; height: 430px; }
  .services-grid, .plans, .process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .wrap { width: min(100% - 34px, 1180px); }
  .nav { min-height: 58px; padding: 9px 11px; }
  .brand { display: none; }
  .nav-links { width: 100%; justify-content: space-between; gap: 2px; }
  .nav-links a { padding: 8px 7px; font-size: 10px; letter-spacing: .04em; }
  .nav-links .wa { margin-left: 0; }
  .page-hero { padding: 78px 0 62px; }
  .page-hero__layout { grid-template-columns: 1fr; }
  .studio-signature, .hero-ruta { display: none; }
  section { padding: 66px 0; }
  .title--split, .lab-heading { grid-template-columns: 1fr; gap: 14px; }
  .filter-bar { gap: 6px; }
  .filter-button { padding: 7px 10px; font-size: 10px; }
  .filter-count { width: 100%; margin: 7px 0 0; }
  .project-card--hero, .project-card--tall, .project-card--compact { grid-column: span 12; }
  .portfolio-grid.is-filtered .project-card:not([hidden]) { grid-column: span 12; }
  .project-card--hero .project-preview img, .project-card--tall .project-preview img, .project-preview img { height: 248px; }
  .project-card--hero .project-content, .project-content { padding: 22px 19px 23px; }
  .client-project__content { padding: 26px 20px; }
  .client-project .project-preview img { height: 285px; }
  .client-facts { grid-template-columns: 1fr; }
  .actions .btn { flex: 1; }
  .lab-project .project-preview img { height: 280px; }
  .lab-project__content { padding: 26px 20px; }
  .services-grid, .plans, .process { grid-template-columns: 1fr; }
  .final-cta { padding: 72px 18px; }
}

@media (max-width: 390px) {
  .nav-links a { padding-inline: 6px; font-size: 9.5px; }
  .project-preview img, .project-card--hero .project-preview img, .project-card--tall .project-preview img { height: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .project-card:hover, .btn:hover { transform: none !important; }
  .project-card:hover .project-preview img, .lab-project:hover .project-preview img { transform: none !important; }
}
