/* Stoppiello · estilos de la marca para Kadence + bloques nativos.
   Fuente: prototipo 06-web/v3/css/site.css (mismos nombres de clase; se aplican a bloques con "Clase CSS adicional").
   Radio 0, sin sombras, filetes de 1 px, un solo acento (azul casa). El oro lo pone la foto. */
/* Manual de marca (2/11): Poppins, alojada en la web (alfabeto latino, 3 grosores, ~8 KB cada uno).
   Bank Gothic va solo en el logo, como imagen (sin licencia web). */
@font-face { font-family: "Poppins"; src: url("../fonts/poppins-400-latin.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/poppins-500-latin.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/poppins-300-latin.woff2") format("woff2"); font-weight: 300; font-display: swap; }

:root {
  /* ===== TOKENS DE MARCA (manual de marca, 2/11) · único lugar donde se definen ===== */
  /* Color: primario #004088 en títulos, botones, enlaces y detalles; nada de negro puro */
  --azul: #004088;            /* primario */
  --azul-hover: #002F66;      /* hover de botones */
  --tinta: var(--azul);       /* títulos, botones, bordes fuertes (antes casi negro) */
  --texto: #2B2824;           /* texto corrido: oscuro cálido, no negro (AA sobre fondo y beige) */
  --grafito: #5E574D;         /* texto secundario (AA) */
  --fondo: #F5F3F0;           /* fondo general */
  --beige: #EAE3DA;           /* fondo de secciones */
  --celeste: #A1B7C4;         /* detalles: filetes, sellos, separadores (nunca texto sobre claro) */
  --verde: #05321A;           /* acento puntual */
  --filete: #E4DED4; --hueso: #F7F5F1; --blanco: #FFFFFF;
  /* Tipografía: Poppins (texto 400, secundarios 500, títulos 600). --serif es un nombre heredado */
  --serif: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-xs: .75rem; --t-s: .875rem; --t-m: 1rem; --t-l: 1.25rem; --t-xl: clamp(1.375rem, 1.15rem + 1vw, 1.875rem); --t-xxl: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  /* Espaciado */
  --s1: .5rem; --s2: 1rem; --s3: 1.5rem; --s4: 2.5rem; --s5: clamp(4rem, 3rem + 5vw, 8rem);
  --ancho: 76rem; --margen: clamp(1rem, .5rem + 3vw, 3.5rem);
  /* Movimiento (lento, sin rebote) */
  --curva: cubic-bezier(.25,.1,.25,1); --curva-sello: cubic-bezier(.2,.7,.2,1);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 5rem; }
body { margin: 0; background: var(--fondo); color: var(--texto); font: 400 var(--t-m)/1.7 var(--sans); font-kerning: normal; text-rendering: optimizeLegibility; }
img, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { color: var(--azul); }
:focus-visible { outline: 2px solid var(--azul); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 500; color: var(--tinta); line-height: 1.14; letter-spacing: -.01em; margin: 0 0 var(--s2); text-wrap: balance; }
h2 { font-size: var(--t-xl); } h3 { font-size: var(--t-l); line-height: 1.2; }
p { margin: 0 0 var(--s2); max-width: 62ch; text-wrap: pretty; }
.etq { font: 500 var(--t-xs)/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--grafito); margin: 0 0 var(--s1); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.saltar { position: absolute; left: var(--s2); top: -4rem; background: var(--tinta); color: var(--blanco); padding: .75rem 1rem; z-index: 50; }
.saltar:focus { top: var(--s2); color: var(--blanco); }
.contenedor { width: min(100% - 2 * var(--margen), var(--ancho)); margin-inline: auto; }
.seccion { padding-block: var(--s5); }
.seccion + .seccion { border-top: 1px solid var(--filete); }

/* Botones (Kadence: botón global) */
.boton { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 48px; padding: .8rem 1.5rem; border: 1px solid var(--tinta); background: var(--tinta); color: var(--blanco); font: 500 var(--t-s)/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: background-color .2s var(--curva), color .2s var(--curva); }
.boton:hover { background: var(--azul); border-color: var(--azul); color: var(--blanco); }
.boton--claro { background: transparent; color: var(--tinta); }
.boton--claro:hover { background: var(--tinta); color: var(--blanco); border-color: var(--tinta); }
.boton svg { width: 18px; height: 18px; flex: none; }
.enlace { font: 500 var(--t-s)/1.4 var(--sans); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; display: inline-block; min-height: 24px; }

/* Encabezado */
.cabecera { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--filete); }
.cabecera__fila { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 64px; }
.cabecera__logo img { height: 26px; width: auto; }
.cabecera__acciones { justify-self: end; display: flex; gap: .25rem; }
.icono { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; color: var(--tinta); }
.icono svg { width: 22px; height: 22px; }
.menu { justify-self: start; }
.menu summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: .5rem; min-height: 48px; font: 500 var(--t-s)/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.menu summary::-webkit-details-marker { display: none; }
.menu summary svg { width: 22px; height: 22px; }
.menu__panel { position: absolute; left: 0; right: 0; top: 100%; background: var(--fondo); border-bottom: 1px solid var(--filete); padding: var(--s3) var(--margen) var(--s4); max-height: calc(100dvh - 64px); overflow: auto; overscroll-behavior: contain; }
.menu__panel ul { list-style: none; margin: 0; padding: 0; }
.menu__panel a { display: block; padding: .7rem 0; font: 500 var(--t-l)/1.2 var(--serif); color: var(--tinta); text-decoration: none; }
.menu__panel .sub a { font: 400 var(--t-m)/1.3 var(--sans); padding: .55rem 0 .55rem 1rem; color: var(--grafito); }
.menu__datos { margin-top: var(--s3); padding-top: var(--s3); border-top: 1px solid var(--filete); font-size: var(--t-s); color: var(--grafito); }
.nav-escritorio { display: none; }
@media (max-width: 29.99rem) { .menu summary span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } }
/* En escritorio el <details> se oculta y aparece una navegación propia (un <details> cerrado no deja ver su contenido) */
@media (min-width: 64rem) {
  .cabecera__fila { grid-template-columns: auto 1fr auto; gap: var(--s3); }
  .menu { display: none; }
  .cabecera__logo { order: -1; }
  .nav-escritorio { display: block; justify-self: center; }
  .nav-escritorio ul { display: flex; gap: 1.75rem; list-style: none; margin: 0; padding: 0; }
  .nav-escritorio a { display: block; padding: 1.4rem 0; font: 500 var(--t-xs)/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .2s var(--curva); }
  .nav-escritorio a:hover { border-bottom-color: var(--tinta); }
}

/* Hero */
.hero { position: relative; background: var(--tinta); color: var(--blanco); overflow: hidden; }
.hero__media { position: relative; aspect-ratio: 4 / 5; max-height: 88svh; width: 100%; }
.hero__media img, .hero__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero__media video { opacity: 0; transition: opacity .9s var(--curva); }
.hero__media video.listo { opacity: 1; }
.hero__velo { position: absolute; inset: 0; background: linear-gradient(to top, rgba(28,26,23,.78) 0%, rgba(28,26,23,.25) 45%, rgba(28,26,23,0) 70%); }
.hero__texto { position: absolute; left: 0; right: 0; bottom: 0; padding: var(--s4) var(--margen); }
.hero h1 { color: var(--blanco); font-size: var(--t-xxl); max-width: 20ch; margin-bottom: var(--s2); }
.hero h1 span { display: block; font: 500 var(--t-xs)/1.4 var(--sans); letter-spacing: .16em; text-transform: uppercase; margin-bottom: var(--s2); opacity: .9; }
.hero p { color: rgba(255,255,255,.92); max-width: 36ch; }
.hero .boton { background: var(--blanco); color: var(--tinta); border-color: var(--blanco); }
.hero .boton:hover { background: var(--azul); color: var(--blanco); border-color: var(--azul); }
.hero__pausa { position: absolute; right: var(--margen); top: var(--s2); width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.7); background: rgba(28,26,23,.35); color: var(--blanco); display: none; align-items: center; justify-content: center; cursor: pointer; }
.hero__pausa.visible { display: inline-flex; }
@media (min-width: 48rem) { .hero__media { aspect-ratio: 16 / 9; max-height: 86vh; } .hero__texto { padding-bottom: var(--s5); } }

/* Sello de material (la firma) */
.sello { display: inline-block; border: 1px solid currentColor; padding: .35rem .6rem .3rem; font: 500 var(--t-xs)/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; }
.hero .sello { margin-bottom: var(--s3); animation: estampar .7s var(--curva-sello) .5s both; }
@keyframes estampar { from { clip-path: inset(0 100% 0 0); opacity: 0; } to { clip-path: inset(0 0 0 0); opacity: 1; } }

/* Colecciones */
.grilla-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s2) var(--s2); margin-top: var(--s3); }
.tarjeta-col { text-decoration: none; display: block; }
.tarjeta-col figure { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--hueso); }
.tarjeta-col img { width: 100%; height: 100%; object-fit: cover; }
.tarjeta-col span { display: block; margin-top: .6rem; font: 500 var(--t-l)/1.2 var(--serif); color: var(--tinta); }
@media (min-width: 48rem) { .grilla-col { grid-template-columns: repeat(3, 1fr); gap: var(--s3); } }
@media (min-width: 72rem) { .grilla-col { grid-template-columns: repeat(6, 1fr); } .tarjeta-col span { font-size: var(--t-m); font-family: var(--sans); font-weight: 500; letter-spacing: .02em; } }

/* Bloque dividido (foto + texto) */
.dividido { display: grid; gap: var(--s4); align-items: center; }
.dividido figure { margin: 0; }
.dividido img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
@media (min-width: 56rem) { .dividido { grid-template-columns: 1.1fr 1fr; gap: var(--s5); } .dividido--inv figure { order: 2; } }
.lista-datos { list-style: none; padding: 0; margin: var(--s3) 0; border-top: 1px solid var(--filete); }
.lista-datos li { padding: .8rem 0; border-bottom: 1px solid var(--filete); display: flex; gap: 1rem; justify-content: space-between; flex-wrap: wrap; }
.lista-datos li span:first-child { color: var(--grafito); }

/* Piezas destacadas */
.grilla-piezas { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s4) var(--s2); margin-top: var(--s3); }
@media (min-width: 56rem) { .grilla-piezas { grid-template-columns: repeat(4, 1fr); gap: var(--s4) var(--s3); } }
.pieza figure { margin: 0 0 .8rem; aspect-ratio: 4 / 5; overflow: hidden; background: var(--hueso); }
.pieza img { width: 100%; height: 100%; object-fit: cover; }
.pieza h3 { font-size: var(--t-m); font-family: var(--sans); font-weight: 500; margin: .5rem 0 .3rem; }
.pieza h3 a { text-decoration: none; }
.pieza .sello { color: var(--grafito); }
.pieza .enlace { margin-top: .6rem; }

/* Reseñas */
.resenas { display: grid; gap: var(--s4); margin-top: var(--s3); }
@media (min-width: 56rem) { .resenas { grid-template-columns: repeat(3, 1fr); } }
.resena { margin: 0; padding-top: var(--s2); border-top: 1px solid var(--tinta); }
.resena blockquote { margin: 0 0 var(--s2); font: 400 var(--t-l)/1.35 var(--serif); color: var(--tinta); }
.resena figcaption { font-size: var(--t-s); color: var(--grafito); }
.estrellas { letter-spacing: .1em; color: var(--tinta); }

/* Servicios */
.servicios { display: grid; gap: var(--s4); margin-top: var(--s3); }
@media (min-width: 56rem) { .servicios { grid-template-columns: repeat(3, 1fr); } }
.servicio h3 { margin-bottom: .6rem; }

/* Guías */
.guias { list-style: none; padding: 0; margin: var(--s3) 0 0; display: grid; gap: 0; border-top: 1px solid var(--filete); }
.guias a { display: flex; justify-content: space-between; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--filete); text-decoration: none; font: 500 var(--t-l)/1.25 var(--serif); color: var(--tinta); min-height: 48px; }
.guias a::after { content: "→"; font-family: var(--sans); }
@media (min-width: 56rem) { .guias { grid-template-columns: 1fr 1fr; column-gap: var(--s4); } }

/* Pie */
.pie { background: var(--tinta); color: rgba(255,255,255,.88); padding-block: var(--s5) var(--s4); font-size: var(--t-s); }
.pie a { color: var(--blanco); }
.pie h2 { color: var(--blanco); font-size: var(--t-l); margin-bottom: var(--s2); }
.pie__grilla { display: grid; gap: var(--s4); }
@media (min-width: 56rem) { .pie__grilla { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }
.pie ul { list-style: none; padding: 0; margin: 0; }
.pie li { padding: .3rem 0; }
.pie address { font-style: normal; }
.pie__base { margin-top: var(--s4); padding-top: var(--s3); border-top: 1px solid rgba(255,255,255,.18); display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; color: rgba(255,255,255,.7); }

/* Artículo (guías) */
.articulo { padding-block: var(--s4) var(--s5); }
.articulo h1 { font-size: var(--t-xxl); max-width: 30ch; }
.articulo h2 { font-size: var(--t-l); margin-top: var(--s4); }
.articulo .bajada { font-size: var(--t-l); line-height: 1.45; color: var(--grafito); font-family: var(--serif); }
.articulo table { border-collapse: collapse; width: 100%; max-width: 40rem; margin: var(--s2) 0 var(--s3); font-size: var(--t-s); }
.articulo th, .articulo td { text-align: left; padding: .6rem .8rem .6rem 0; border-bottom: 1px solid var(--filete); }
.articulo th { font-weight: 500; letter-spacing: .06em; text-transform: uppercase; font-size: var(--t-xs); color: var(--grafito); }
.articulo ol, .articulo ul { max-width: 62ch; padding-left: 1.2rem; } .articulo li { margin: .4rem 0; }
.migas { font-size: var(--t-s); color: var(--grafito); padding-top: var(--s3); }
.migas a { color: var(--grafito); }

/* Movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .hero .sello { animation: none; }
  .tarjeta-col:hover img { transform: none; }
}

/* QA etapa 2 (27/10): foco bajo la cabecera fija, toque, tablas, áreas táctiles de 24 px */
html { scroll-padding-top: 5rem; -webkit-tap-highlight-color: transparent; }
a, button, summary { touch-action: manipulation; }
.articulo table td, .lista-datos span:last-child { font-variant-numeric: tabular-nums; }
.pie ul a, .migas a, .pieza h3 a, .pie__base a, address a { display: inline-block; min-height: 24px; padding-block: .2rem; }
.hero__pausa svg { width: 16px; height: 16px; }

/* Colección y ficha (TAREA 4) */
.seccion--arriba { padding-top: var(--s3); }
.grilla-piezas--coleccion { margin-top: var(--s4); }
.pieza__nombre { font: 400 var(--t-m)/1.25 var(--sans); margin: .5rem 0 .25rem; }
.pieza__nombre a { color: var(--tinta); text-decoration: none; display: inline-block; min-height: 24px; }
.pieza__precio { font-size: var(--t-s); color: var(--grafito); margin: 0; }
.ficha { display: grid; gap: var(--s3); padding-bottom: var(--s5); }
.ficha__foto { margin: 0; background: var(--hueso); }
.ficha__foto img { width: 100%; height: auto; display: block; }
.ficha__texto h1 { font-size: var(--t-xl); margin-top: var(--s2); }
.ficha__texto .lista-datos { margin: var(--s3) 0; }
.boton--ancho { width: 100%; }
.ficha__texto .boton--ancho { margin-bottom: var(--s3); }
.acordeon { border-top: 1px solid var(--filete); }
.acordeon:last-child { border-bottom: 1px solid var(--filete); }
.acordeon summary { cursor: pointer; min-height: 48px; display: flex; align-items: center; justify-content: space-between; font: 500 var(--t-s)/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; list-style: none; }
.acordeon summary::-webkit-details-marker { display: none; }
.acordeon summary::after { content: "+"; font-size: 1.2rem; }
.acordeon[open] summary::after { content: "\2212"; }
@media (min-width: 56rem) { .ficha { grid-template-columns: 1.2fr 1fr; gap: var(--s5); align-items: start; } .ficha__texto { position: sticky; top: 6rem; } }
.barra-wa { position: fixed; left: 0; right: 0; bottom: 0; z-index: 15; padding: .75rem var(--margen) calc(.75rem + env(safe-area-inset-bottom)); background: var(--fondo); border-top: 1px solid var(--filete); transform: translateY(100%); transition: transform .3s cubic-bezier(.23,1,.32,1); }
.barra-wa.visible { transform: none; }
@media (min-width: 56rem) { .barra-wa { display: none; } }
.sello--estampa { animation: estampar .28s cubic-bezier(.23,1,.32,1) both; }   /* en cada ficha: sin demora, que el metal se lea enseguida */
@media (prefers-reduced-motion: reduce) { .barra-wa { transition: none; } .sello--estampa { animation: none; } }
.acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.ficha__texto .pieza__precio { margin-bottom: var(--s2); }

/* Etapa 2b (28/10): escala editorial, más imagen y menos aire vacío */
:root {
  --t-xl: clamp(1.5rem, 1.1rem + 1.2vw, 2.125rem);   /* títulos más chicos (Bruno, 2/11) */
  --t-xxl: clamp(1.75rem, 1.25rem + 1.6vw, 2.625rem);
  --s5: clamp(3.5rem, 2.6rem + 3.6vw, 6.5rem);
}
h2 { letter-spacing: -.012em; line-height: 1.02; }
.cabeza-seccion { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--s2) var(--s4); margin-bottom: var(--s4); }
.cabeza-seccion h2 { margin: 0; max-width: 16ch; }
.cabeza-seccion .nota { margin: 0; color: var(--grafito); font-size: var(--t-s); }

/* Colecciones y piezas: tres por fila como máximo, fotos grandes */
.grilla-col { margin-top: 0; gap: var(--s4) var(--s2); }
.tarjeta-col span { margin-top: .9rem; }
@media (min-width: 48rem) { .grilla-col { grid-template-columns: repeat(3, 1fr); gap: var(--s5) var(--s3); } .tarjeta-col span { font-size: var(--t-l); } }
@media (min-width: 72rem) { .grilla-col { grid-template-columns: repeat(3, 1fr); } .tarjeta-col span { font: 500 var(--t-l)/1.2 var(--serif); letter-spacing: 0; } }
.grilla-piezas--3 { margin-top: 0; }
@media (min-width: 48rem) { .grilla-piezas--3 { grid-template-columns: repeat(3, 1fr); gap: var(--s5) var(--s3); } }
@media (min-width: 56rem) { .grilla-piezas--coleccion { grid-template-columns: repeat(3, 1fr); } }
.pieza h3 { font-size: var(--t-m); }

/* Bloque foto + texto: la foto manda */
@media (min-width: 56rem) { .dividido--foto { grid-template-columns: 1.35fr 1fr; gap: var(--s4) var(--s5); } }

/* Bandas reales a pantalla completa (taller y fachada) */
.banda { padding-bottom: var(--s5); }
.banda figure { margin: 0; }
.banda img { width: 100%; height: 100%; object-fit: cover; }
.banda__diptico { display: grid; grid-template-columns: 1fr 1fr; }
.banda__diptico figure { aspect-ratio: 4 / 5; overflow: hidden; }
@media (min-width: 48rem) { .banda__diptico figure { aspect-ratio: auto; height: min(56vw, 92svh); } }
.banda__completa { aspect-ratio: 4 / 5; overflow: hidden; }
@media (min-width: 48rem) { .banda__completa { aspect-ratio: 21 / 9; max-height: 88svh; } }
.banda__texto { display: grid; gap: var(--s2) var(--s5); padding-top: var(--s4); }
.banda__texto h2 { margin: 0; }
.banda__texto .lista-datos { margin-top: 0; }
@media (min-width: 56rem) { .banda__texto { grid-template-columns: 1fr 1fr; align-items: start; } }
.seccion + .banda, .banda + .seccion { border-top: 0; }

/* Hero: el texto se lee siempre; en el celular el video ocupa la pantalla y el texto va en la parte baja, ya oscurecida */
.hero__velo { background:
  linear-gradient(to top, rgba(28,26,23,.9) 0%, rgba(28,26,23,.74) 30%, rgba(28,26,23,.38) 56%, rgba(28,26,23,0) 78%),
  linear-gradient(to bottom, rgba(28,26,23,.32) 0%, rgba(28,26,23,0) 22%); }
.hero .sello { background: rgba(28,26,23,.28); }
@media (max-width: 47.99rem) {
  .hero__media { aspect-ratio: auto; height: calc(100svh - 64px); min-height: 34rem; max-height: 54rem; }
  .hero h1 { font-size: clamp(1.75rem, 1.3rem + 2vw, 2.25rem); }
  .hero p { font-size: var(--t-m); }
}
@media (min-width: 48rem) {
  .hero__velo { background:
    linear-gradient(to right, rgba(28,26,23,.72) 0%, rgba(28,26,23,.42) 38%, rgba(28,26,23,0) 66%),
    linear-gradient(to top, rgba(28,26,23,.6) 0%, rgba(28,26,23,0) 50%); }
  .hero h1 { max-width: 13ch; }
}
.lista-datos a { display: inline-block; min-height: 24px; padding-block: .2rem; }
/* Catálogo: aviso de las imágenes generadas con IA (regla: no se oculta) */
.pieza__ia { font-size: var(--t-xs); color: var(--grafito); margin: .3rem 0 0; letter-spacing: .02em; }
.aviso-ia { margin-top: var(--s5); padding-top: var(--s2); border-top: 1px solid var(--filete); font-size: var(--t-s); color: var(--grafito); max-width: 62ch; }

/* Etapa 4 (28/10): colecciones, fichas, páginas del taller y tienda apagada. Mismo sistema: radio 0, filetes de 1 px, un acento. */
.pieza__foto { display: block; }
.pieza__precio { font-variant-numeric: tabular-nums; }
.pieza__precio--ficha { font: 500 var(--t-l)/1.2 var(--serif); color: var(--tinta); }
.filtros { list-style: none; padding: 0; margin: var(--s3) 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.filtros a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem; border: 1px solid var(--filete); font: 500 var(--t-xs)/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; color: var(--tinta); }
.filtros a:hover { border-color: var(--tinta); color: var(--tinta); }
.bloque-col { padding-top: var(--s5); }
.bloque-col + .bloque-col { border-top: 1px solid var(--filete); margin-top: var(--s5); }
.cabeza-seccion--sub { margin-top: var(--s5); padding-top: var(--s4); border-top: 1px solid var(--filete); }
.bajada { font: 400 var(--t-l)/1.45 var(--serif); color: var(--grafito); max-width: 46ch; }
.seccion--arriba h1 { font-size: var(--t-xxl); max-width: 24ch; }
.dividido.seccion--arriba h1 { font-size: var(--t-xl); }
.nota { font-size: var(--t-s); color: var(--grafito); }
.nota-cta { margin: -.75rem 0 var(--s3); }

/* Ficha: foto de la pieza y foto puesta, una debajo de la otra */
.ficha__fotos { display: grid; gap: var(--s2); }
.ficha__foto figcaption { font-size: var(--t-xs); color: var(--grafito); padding: .5rem 0 0; background: var(--fondo); letter-spacing: .02em; }

/* Pasos numerados (alianzas, egresados, arreglos) */
.pasos { list-style: none; counter-reset: paso; padding: 0; margin: var(--s4) 0 0; display: grid; gap: var(--s4); }
.pasos li { counter-increment: paso; border-top: 1px solid var(--tinta); padding-top: var(--s2); }
.pasos li::before { content: counter(paso, decimal-leading-zero); display: block; font: 400 var(--t-xl)/1 var(--serif); color: var(--azul); margin-bottom: var(--s2); }
.pasos h3 { font-size: var(--t-l); margin-bottom: .5rem; }
@media (min-width: 56rem) { .pasos { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); } }
.lista-simple { list-style: none; padding: 0; margin: var(--s3) 0; border-top: 1px solid var(--filete); max-width: 40rem; }
.lista-simple li { padding: .8rem 0; border-bottom: 1px solid var(--filete); }

/* Línea de tiempo de La casa */
.linea-tiempo { list-style: none; padding: 0; margin: var(--s4) 0 0; }
.linea-tiempo li { display: grid; gap: var(--s1) var(--s4); padding: var(--s3) 0; border-top: 1px solid var(--filete); }
.linea-tiempo__anio { font: 400 var(--t-xl)/1 var(--serif); color: var(--azul); }
@media (min-width: 48rem) { .linea-tiempo li { grid-template-columns: 14rem 1fr; } }

/* Preguntas frecuentes */
.faq { margin-top: var(--s4); max-width: 48rem; }
.acordeon--faq summary { font: 500 var(--t-l)/1.25 var(--serif); letter-spacing: 0; text-transform: none; padding: .9rem 0; gap: 1rem; }
.acordeon--faq p { padding-bottom: var(--s2); }

/* Formularios (egresados y checkout) */
.formulario { display: grid; gap: var(--s2); max-width: 34rem; }
.formulario label { display: grid; gap: .4rem; font-size: var(--t-s); color: var(--grafito); }
.formulario input:not([type=radio]), .formulario textarea { font: 400 var(--t-m)/1.4 var(--sans); color: var(--tinta); padding: .75rem .9rem; min-height: 48px; border: 1px solid var(--grafito); border-radius: 0; background: var(--fondo); }
.formulario input:focus-visible, .formulario textarea:focus-visible { outline: 2px solid var(--azul); outline-offset: 1px; }
.formulario fieldset { border: 0; border-top: 1px solid var(--filete); padding: var(--s2) 0 0; margin: 0; display: grid; gap: var(--s2); }
.formulario legend { font: 500 var(--t-l)/1.2 var(--serif); color: var(--tinta); padding: 0 0 var(--s1); }
.formulario .opcion { display: flex; align-items: center; gap: .75rem; min-height: 44px; color: var(--texto); font-size: var(--t-m); }
.formulario .opcion input { width: 20px; height: 20px; accent-color: var(--azul); }

/* Tienda apagada */
.aviso-tienda { background: var(--azul); color: var(--blanco); text-align: center; font: 500 var(--t-xs)/1.4 var(--sans); letter-spacing: .1em; text-transform: uppercase; padding: .6rem var(--margen); }
.icono--carrito { position: relative; }
.cuenta { position: absolute; top: 6px; right: 4px; min-width: 18px; height: 18px; padding: 0 4px; background: var(--azul); color: var(--blanco); font: 500 11px/18px var(--sans); text-align: center; }
.carrito__lista { list-style: none; padding: 0; margin: var(--s3) 0; border-top: 1px solid var(--filete); max-width: 40rem; }
.carrito__fila { display: grid; grid-template-columns: 96px 1fr; gap: var(--s2); padding: var(--s2) 0; border-bottom: 1px solid var(--filete); }
.carrito__fila img { width: 96px; height: 120px; object-fit: cover; background: var(--hueso); }
.carrito__nombre { margin: 0 0 .25rem; color: var(--tinta); }
.carrito__cant { display: inline-flex; align-items: center; border: 1px solid var(--filete); margin-top: .5rem; }
.carrito__cant button { width: 44px; height: 44px; border: 0; background: none; font-size: 1.1rem; cursor: pointer; color: var(--tinta); }
.carrito__cant span { min-width: 2rem; text-align: center; font-variant-numeric: tabular-nums; }
#carrito-resumen { max-width: 40rem; }
.checkout__resumen h2 { font-size: var(--t-l); }
@media (min-width: 64rem) { .checkout .formulario { max-width: 40rem; } }
/* QA etapa 4: área táctil del botón Menú y de las opciones del checkout */
.menu summary { min-width: 48px; justify-content: center; }
.formulario .opcion input { width: 24px; height: 24px; flex: none; }
/* Ficha en el celular: si hay foto puesta, las fotos se deslizan de costado y el nombre y el precio quedan en la primera pantalla */
@media (max-width: 55.99rem) {
  .ficha__fotos:has(.ficha__foto + .ficha__foto) { grid-auto-flow: column; grid-auto-columns: 86%; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; margin-inline: calc(-1 * var(--margen)); padding-inline: var(--margen); scroll-padding-inline: var(--margen); }
  .ficha__fotos::-webkit-scrollbar { display: none; }
  .ficha__fotos .ficha__foto { scroll-snap-align: start; }
}
@media (min-width: 64rem) and (max-width: 79.99rem) { .nav-escritorio ul { gap: 1.25rem; } }

/* ===== Kadence: variables globales y piezas del tema ===== */
:root {
  --global-body-font-family: var(--sans);
  --global-heading-font-family: var(--serif);
  --global-content-width: var(--ancho);
  --global-content-edge-padding: var(--margen);
  --global-xxl-spacing: var(--s5);
}
body { font-family: var(--sans); }
.entry-content > *, .entry-content .wp-block-group__inner-container > * { margin-block-start: 0; }
.entry-content h1, .entry-content h2 { font-weight: 500; } .entry-content h3 { font-weight: 500; }
h1 { font-size: var(--t-xxl); line-height: 1.12; }
.content-area { margin: 0; }
.entry.single-entry, .entry.loop-entry { box-shadow: none; border-radius: 0; }

/* Cabecera Kadence = .cabecera del prototipo */
#masthead .site-main-header-wrap .site-header-row-container-inner { background: rgba(255,255,255,.96); }
#masthead .main-navigation .primary-menu-container > ul > li.menu-item > a { font: 500 var(--t-xs)/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta); padding: 1.4rem .9rem; border-bottom: 1px solid transparent; }
#masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover { border-bottom-color: var(--tinta); color: var(--tinta); }
#masthead .header-html, #masthead .header-html a { font: 500 var(--t-xs)/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta); text-decoration: none; }
#masthead .header-html a { display: inline-flex; align-items: center; min-height: 48px; }
#masthead .mobile-header-button-wrap .button { min-height: 44px; padding: .6rem 1rem; font-size: var(--t-xs); }
#mobile-drawer .drawer-inner { background: var(--fondo); color: var(--tinta); }
#mobile-drawer .mobile-navigation ul li > a, #mobile-drawer .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap { font: 500 var(--t-l)/1.2 var(--serif); color: var(--tinta); border-bottom: 1px solid var(--filete); padding-block: .7rem; }
#mobile-drawer .mobile-navigation ul ul li > a { font: 400 var(--t-m)/1.3 var(--sans); color: var(--grafito); }
#mobile-drawer .mobile-html { font-size: var(--t-s); color: var(--grafito); }
.menu-toggle-open { min-width: 48px; min-height: 48px; color: var(--tinta); }

/* Pie Kadence = .pie del prototipo */
#colophon { background: var(--tinta); color: rgba(255,255,255,.88); font-size: var(--t-s); }
#colophon .site-middle-footer-inner-wrap { padding-block: var(--s5) var(--s3); gap: var(--s4); }
#colophon a { color: var(--blanco); }
#colophon .widget-title, #colophon h2 { color: var(--blanco); font: 500 var(--t-l)/1.2 var(--serif); margin-bottom: var(--s2); text-transform: none; letter-spacing: 0; }
#colophon ul { list-style: none; padding: 0; margin: 0; }
#colophon li { padding: .3rem 0; }
#colophon li a, #colophon address a { display: inline-block; min-height: 24px; padding-block: .2rem; }
#colophon address { font-style: normal; }
#colophon p { max-width: none; }
#colophon .site-bottom-footer-wrap { border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.7); }
#colophon .footer-html { font-size: var(--t-s); }

/* ===== Bloques nativos con las clases del prototipo ===== */
.wp-block-group.seccion { padding-block: var(--s5); }
.wp-block-group.contenedor, .seccion > .wp-block-group__inner-container { width: min(100% - 2 * var(--margen), var(--ancho)); margin-inline: auto; }
.grilla-col, .grilla-piezas, .servicios, .resenas, .pasos { display: grid; }
.wp-block-list.lista-datos li, .wp-block-list.lista-simple li { margin: 0; }
.wp-block-list.guias li { margin: 0; }
.wp-block-buttons .wp-block-button.boton--claro .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--tinta); border: 1px solid var(--tinta); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--tinta); color: var(--blanco); }
.wp-block-button__link { border-radius: 0; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }
.wp-block-image figcaption, .wp-block-video figcaption { font-size: var(--t-xs); color: var(--grafito); }
/* Hero (bloque Portada): foto real, texto abajo, velo para que se lea */
.wp-block-cover.hero { min-height: calc(100svh - 64px); max-height: 54rem; align-items: flex-end; padding: var(--s4) var(--margen); }
@media (min-width: 48rem) { .wp-block-cover.hero { min-height: min(86vh, 56.25vw); max-height: none; padding-bottom: var(--s5); } }
.wp-block-cover.hero .wp-block-cover__background { background: linear-gradient(to top, rgba(28,26,23,.9) 0%, rgba(28,26,23,.74) 30%, rgba(28,26,23,.38) 56%, rgba(28,26,23,0) 78%) !important; opacity: 1 !important; }
@media (min-width: 48rem) { .wp-block-cover.hero .wp-block-cover__background { background: linear-gradient(to right, rgba(28,26,23,.72) 0%, rgba(28,26,23,.42) 38%, rgba(28,26,23,0) 66%), linear-gradient(to top, rgba(28,26,23,.6) 0%, rgba(28,26,23,0) 50%) !important; } }
.wp-block-cover.hero .wp-block-cover__inner-container { width: min(100%, var(--ancho)); margin-inline: auto; }
.wp-block-cover.hero h1 { color: var(--blanco); font-size: clamp(1.75rem, 1.3rem + 2vw, 2.25rem); max-width: 18ch; }
@media (min-width: 48rem) { .wp-block-cover.hero h1 { font-size: var(--t-xxl); max-width: 22ch; } }
.wp-block-cover.hero p { color: rgba(255,255,255,.92); max-width: 36ch; }
.wp-block-cover.hero .sello { color: var(--blanco); background: rgba(28,26,23,.28); margin-bottom: var(--s3); }
.wp-block-cover.hero .wp-block-button__link { background: var(--blanco); color: var(--tinta); border-color: var(--blanco); }
.wp-block-cover.hero .wp-block-button__link:hover { background: var(--azul); color: var(--blanco); border-color: var(--azul); }
/* Foto + texto (bloque Medios y texto) */
.wp-block-media-text.dividido { gap: var(--s4); }
.wp-block-media-text.dividido .wp-block-media-text__content { padding: var(--s3) 0; }
.wp-block-media-text.dividido img { aspect-ratio: 4 / 5; object-fit: cover; }
@media (max-width: 55.99rem) { .wp-block-media-text.dividido { grid-template-columns: 100% !important; } .wp-block-media-text.dividido .wp-block-media-text__media { grid-row: 1 !important; } .wp-block-media-text.dividido .wp-block-media-text__content { grid-row: 2 !important; padding: var(--s3) 0 0; } }
/* Tarjetas de colección (bloque Imagen con leyenda y enlace) */
.grilla-col .wp-block-image { margin: 0; }
.grilla-col .wp-block-image img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; background: var(--hueso); }
.grilla-col .wp-block-image a { display: block; overflow: hidden; }
.grilla-col .wp-block-image figcaption { margin-top: .9rem; font: 500 var(--t-l)/1.2 var(--serif); color: var(--tinta); text-align: left; }
.grilla-col .wp-block-image figcaption a { text-decoration: none; color: inherit; }
/* Bandas de foto a sangre */
.wp-block-image.banda__completa img, .banda__diptico .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.wp-block-image.banda__completa, .banda__diptico .wp-block-image { margin: 0; }
.wp-block-columns.banda__diptico { gap: 0 !important; margin: 0; }
/* Reseñas (bloque Cita) */
.resena.wp-block-quote { margin: 0; padding: var(--s2) 0 0; border: 0; border-top: 1px solid var(--tinta); }
.resena.wp-block-quote p { font: 400 var(--t-l)/1.35 var(--serif); color: var(--tinta); }
.resena.wp-block-quote cite { font-size: var(--t-s); color: var(--grafito); font-style: normal; }
/* Acordeones (bloque Detalles) */
.wp-block-details.acordeon { border-top: 1px solid var(--filete); margin: 0; }
.wp-block-details.acordeon summary { cursor: pointer; min-height: 48px; display: flex; align-items: center; justify-content: space-between; list-style: none; }
.wp-block-details.acordeon summary::-webkit-details-marker { display: none; }
.wp-block-details.acordeon summary::after { content: "+"; font-size: 1.2rem; }
.wp-block-details.acordeon[open] summary::after { content: "\2212"; }
.wp-block-details.acordeon--faq summary { font: 500 var(--t-l)/1.25 var(--serif); color: var(--tinta); padding: .9rem 0; gap: 1rem; }
.faq .wp-block-details:last-child { border-bottom: 1px solid var(--filete); }
/* Video de La casa: se reproduce al tocarlo, con poster */
.wp-block-video.video-taller video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--tinta); }
/* Tablas de las guías */
.wp-block-table table { border-collapse: collapse; font-size: var(--t-s); }
.wp-block-table th, .wp-block-table td { text-align: left; padding: .6rem .8rem .6rem 0; border: 0; border-bottom: 1px solid var(--filete); }
.wp-block-table th { font-weight: 500; letter-spacing: .06em; text-transform: uppercase; font-size: var(--t-xs); color: var(--grafito); }
/* Fecha de las guías */
.articulo .fechas { font-size: var(--t-s); color: var(--grafito); }

/* ===== WooCommerce en modo catálogo ===== */
.woocommerce .products ul, .woocommerce ul.products, .wc-block-product-template { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: var(--s4) var(--s2); margin: var(--s3) 0 0 !important; padding: 0; }
@media (min-width: 48rem) { .woocommerce ul.products, .wc-block-product-template { grid-template-columns: repeat(3, 1fr); gap: var(--s5) var(--s3); } }
.woocommerce ul.products li.product, .wc-block-product-template > li { width: auto !important; margin: 0 !important; float: none !important; list-style: none; box-shadow: none !important; border: 0 !important; padding: 0 !important; background: none !important; }
/* Tarjeta de pieza: foto, sello del metal, nombre y precio en filas compartidas (subgrid),
   así en cada fila de la grilla las cuatro partes quedan a la misma altura aunque un nombre ocupe dos renglones. */
/* El aire entre tarjetas va abajo de cada una: con subgrid, el row-gap de la grilla se metería entre sus filas internas. */
.woocommerce ul.products { row-gap: 0 !important; }
.woocommerce ul.products li.product { display: grid; grid-template-rows: subgrid; grid-row: span 4; row-gap: 0; align-content: start; padding-bottom: var(--s4) !important; }
@media (min-width: 48rem) { .woocommerce ul.products li.product { padding-bottom: var(--s5) !important; } }
.woocommerce ul.products li.product .product-details { display: contents; }
.woocommerce ul.products li.product .woocommerce-loop-image-link { display: block; overflow: hidden; margin-bottom: .8rem; background: var(--hueso); }
.woocommerce ul.products li.product .sello { justify-self: start; align-self: start; max-width: 100%; color: var(--grafito); margin: 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { align-self: start; min-width: 0; overflow-wrap: break-word; hyphens: auto; }   /* nombres largos en tarjetas angostas (320 px) */
.woocommerce ul.products li.product .woocommerce-loop-product__title a { display: inline; min-height: 0; padding: 0; }
/* Sin el efecto de Kadence que subía el nombre al pasar el mouse (tapaba el sello). */
.woocommerce ul.products li.product .entry-content-wrap { transform: none !important; transition: none; margin: 0 !important; }
.woocommerce ul.products li.product img, .wc-block-components-product-image img { aspect-ratio: 4 / 5; object-fit: cover; background: var(--hueso); margin: 0 !important; display: block; width: 100%; }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .wc-block-product-template .wp-block-post-title { font: 400 var(--t-m)/1.25 var(--sans) !important; color: var(--tinta); padding: 0 !important; margin: .6rem 0 .3rem !important; }
.woocommerce ul.products li.product .price, .wc-block-components-product-price { font-size: var(--t-s) !important; font-weight: 500; color: var(--grafito) !important; font-variant-numeric: lining-nums tabular-nums; }
.woocommerce ul.products li.product .entry-content-wrap { padding: 0 !important; }
.woocommerce ul.products li.product .product-action-wrap, .woocommerce ul.products li.product .button, .wc-block-components-product-button { display: none !important; }
.woocommerce span.onsale { display: none; }
.cotizacion { font-size: var(--t-s); color: var(--grafito); }
.single-product div.product { display: grid; gap: var(--s3); padding-bottom: var(--s5); }
@media (min-width: 56rem) { .single-product div.product { grid-template-columns: 1.2fr 1fr; gap: var(--s5); align-items: start; } .single-product div.product .summary { position: sticky; top: 6rem; } .single-product div.product > *:not(.woocommerce-product-gallery):not(.summary) { grid-column: 1 / -1; } }
.single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { width: auto !important; float: none !important; margin: 0 !important; }
.single-product .woocommerce-product-gallery img { background: var(--hueso); }
.single-product .product_title { font-size: var(--t-xl) !important; font-weight: 500; margin-top: var(--s2); }
.single-product .summary .price { font: 500 var(--t-l)/1.2 var(--sans) !important; font-variant-numeric: lining-nums tabular-nums; color: var(--tinta) !important; }
.single-product .woocommerce-tabs ul.tabs { display: none; }
.single-product .woocommerce-tabs .panel { margin: 0; padding: 0; border: 0; }
.single-product .woocommerce-breadcrumb, .woocommerce-breadcrumb, .rank-math-breadcrumb { font-size: var(--t-s); color: var(--grafito); padding-top: var(--s3); }
.woocommerce-breadcrumb a, .rank-math-breadcrumb a { color: var(--grafito); }
.single-product .product_meta { font-size: var(--t-s); color: var(--grafito); }
.st-wa .boton, .st-wa a.boton { width: 100%; margin: var(--s2) 0; }
.aviso-ia-ficha { font-size: var(--t-xs); color: var(--grafito); margin-top: .5rem; letter-spacing: .02em; }
.woocommerce-store-notice, .demo_store { display: none !important; }

/* ===== Ajustes de bloques (pasos, línea de tiempo, migas, colecciones) ===== */
.migas-fila .contenedor, .migas-fila { width: min(100% - 2 * var(--margen), var(--ancho)); margin-inline: auto; }
.migas-fila nav, .migas-fila .rank-math-breadcrumb { font-size: var(--t-s); color: var(--grafito); padding-top: var(--s3); }
.migas-fila p { margin: 0; max-width: none; }
.migas-fila a { color: var(--grafito); display: inline-block; min-height: 24px; padding-block: .2rem; }
.migas-fila + .seccion--arriba, .migas-fila + .wp-block-group.seccion--arriba { padding-top: var(--s3); }
.pasos { list-style: none; counter-reset: paso; padding: 0; margin: var(--s4) 0 0; gap: var(--s4); }
.pasos > .paso { counter-increment: paso; border-top: 1px solid var(--tinta); padding-top: var(--s2); margin: 0; }
.pasos > .paso::before { content: counter(paso, decimal-leading-zero); display: block; font: 400 var(--t-xl)/1 var(--serif); color: var(--azul); margin-bottom: var(--s2); }
.pasos > .paso h3 { font-size: var(--t-l); margin-bottom: .5rem; }
@media (min-width: 56rem) { .pasos { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); } }
.linea-tiempo .wp-block-columns { border-top: 1px solid var(--filete); padding: var(--s3) 0; margin: 0; gap: var(--s1) var(--s4); }
.linea-tiempo .wp-block-column:first-child { flex: 0 0 14rem !important; }
.linea-tiempo__anio { font: 400 var(--t-xl)/1 var(--serif); color: var(--azul); margin: 0; }
.wp-block-columns.servicios, .wp-block-columns.resenas { gap: var(--s4); margin-top: var(--s3); }
.cabeza-seccion { margin-bottom: var(--s4); }
.cabeza-seccion .wp-block-heading { margin: 0; max-width: 16ch; }
.cabeza-seccion p { margin: 0; }
.acciones { gap: 1rem 1.5rem; margin-top: var(--s3); }
.wp-block-cover.hero h1 .hero__marca { display: block; font: 500 var(--t-xs)/1.4 var(--sans); letter-spacing: .16em; text-transform: uppercase; margin-bottom: var(--s2); opacity: .9; }
.wp-block-cover.hero .sello { display: inline-block; }
.banda .wp-block-columns.banda__texto { padding-top: var(--s4); gap: var(--s2) var(--s5); }
.cabeza-coleccion { padding-top: var(--s3); margin-bottom: var(--s4); }
.cabeza-coleccion h1 { font-size: var(--t-xxl); max-width: 24ch; }
.woocommerce-products-header { display: none; }
.formulario-fila { gap: var(--s4); }
.fluentform .ff-el-input--label label { font-size: var(--t-s); color: var(--grafito); font-weight: 400; }
.fluentform .ff-el-form-control { border-radius: 0 !important; border: 1px solid var(--grafito) !important; min-height: 48px; font: 400 var(--t-m)/1.4 var(--sans) !important; color: var(--tinta); }
.fluentform .ff-btn-submit { background: var(--tinta) !important; border: 1px solid var(--tinta) !important; border-radius: 0 !important; min-height: 48px; padding: .8rem 1.5rem !important; font: 500 var(--t-s)/1 var(--sans) !important; letter-spacing: .08em; text-transform: uppercase; }
.fluentform .ff-btn-submit:hover { background: var(--azul) !important; border-color: var(--azul) !important; }
.st-wa .ht_ctc_chat_style_1, .st-wa button, .st-wa .ctc_s_1 { width: 100%; }
.st-wa [class*="ctc"] { display: block; }
.single-product .summary .price .cotizacion { font: inherit; color: inherit; }
.rank-math-list-item { border-top: 1px solid var(--filete); padding: .9rem 0; }
.rank-math-list-item:last-child { border-bottom: 1px solid var(--filete); }
.rank-math-question { font: 500 var(--t-l)/1.25 var(--serif); margin: 0 0 .5rem; }
.rank-math-answer p, .rank-math-answer { margin: 0; color: var(--texto); }
.single-post .entry-content-wrap { padding-top: 0; }
.articulo { width: min(100% - 2 * var(--margen), 48rem); margin-inline: auto; padding-block: var(--s3) var(--s5); }
.articulo .wp-block-group.seccion, .seccion.articulo { padding-inline: 0; }
.site-main .entry-hero-container-inner, .single-post .entry-header { display: none; }

/* Tema clásico: WordPress envuelve el contenido de cada grupo en un contenedor interno. En las grillas no cuenta. */
.grilla-col > .wp-block-group__inner-container, .pasos > .wp-block-group__inner-container, .linea-tiempo > .wp-block-group__inner-container { display: contents; }
.seccion > .wp-block-group__inner-container, .banda > .wp-block-group__inner-container, .migas-fila > .wp-block-group__inner-container, .paso > .wp-block-group__inner-container, .bloque-col > .wp-block-group__inner-container { display: contents; }
.grilla-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s4) var(--s2); }
@media (min-width: 48rem) { .grilla-col { grid-template-columns: repeat(3, 1fr); gap: var(--s5) var(--s3); } }
.pasos { display: grid; }
/* Cabecera en computadora: menú en una línea, íconos a la derecha */
@media (min-width: 64rem) {
  #masthead .main-navigation .primary-menu-container > ul { flex-wrap: nowrap; }
  #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a { padding-inline: .55rem; white-space: nowrap; }
}
@media (min-width: 80rem) { #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a { padding-inline: .85rem; } }
#masthead .header-html .st-iconos { display: flex; gap: .25rem; }
#masthead .header-html a.st-icono { width: 48px; height: 48px; justify-content: center; color: var(--tinta); }
#masthead .header-html a.st-icono:hover { color: var(--azul); }
#masthead .header-html svg { width: 22px; height: 22px; }
/* Hero: pantalla completa en el celular, alianzas a la vista */
@media (max-width: 47.99rem) {
  .wp-block-cover.hero { min-height: max(34rem, calc(100svh - 64px)) !important; }
  .wp-block-cover.hero .wp-block-cover__image-background { object-position: 70% 80% !important; }
}
/* Listas de datos y guías sin sangría */
.wp-block-list.lista-datos, .wp-block-list.guias, .wp-block-list.lista-simple, .wp-block-list.filtros { padding-left: 0; list-style: none; }
.wp-block-list.guias li { list-style: none; }
/* Íconos en la cabecera del celular */
#mobile-header .mobile-html .st-iconos { display: flex; }
#mobile-header .mobile-html a.st-icono { display: inline-flex; width: 44px; height: 48px; align-items: center; justify-content: center; color: var(--tinta); }
#mobile-header .mobile-html svg { width: 22px; height: 22px; }
.wp-block-cover.hero picture { display: contents; }
@media (max-width: 47.99rem) { .wp-block-cover.hero .wp-block-cover__image-background { object-position: 50% 50% !important; } }
.wp-block-cover.hero p.sello { font: 500 var(--t-xs)/1 var(--sans) !important; letter-spacing: .14em; text-transform: uppercase; padding: .35rem .6rem .3rem; }
/* Ficha a dos columnas: fotos (y su aviso) a la izquierda, texto a la derecha */
@media (min-width: 56rem) {
  .single-product div.product { grid-template-columns: 1.2fr 1fr; column-gap: var(--s5); row-gap: 0; }
  .single-product div.product > .woocommerce-product-gallery { grid-column: 1; grid-row: 1; }
  .single-product div.product > .aviso-ia-ficha { grid-column: 1; grid-row: 2; }
  .single-product div.product > .summary { grid-column: 2; grid-row: 1 / span 3; }
  .single-product div.product > section.related, .single-product div.product > .related { grid-column: 1 / -1; grid-row: auto; }
}
.single-product .woocommerce-product-gallery { position: relative; }
.single-product .flex-control-thumbs { display: flex; gap: .5rem; margin-top: .5rem !important; }
.single-product .flex-control-thumbs li { width: 72px !important; }
.single-product .woocommerce-product-gallery__trigger { display: none; }
.ficha-desplegables { margin-top: var(--s3); }
.ficha-desplegables .wp-block-details summary { font: 500 var(--t-s)/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.single-product .related > h2 { font-size: var(--t-xl); margin: var(--s5) 0 var(--s3); }
.pasos .paso { counter-increment: paso; border-top: 1px solid var(--tinta); padding-top: var(--s2); margin: 0; }
.pasos .paso::before { content: counter(paso, decimal-leading-zero); display: block; font: 400 var(--t-xl)/1 var(--serif); color: var(--azul); margin-bottom: var(--s2); }
.pasos .paso h3 { font-size: var(--t-l); margin-bottom: .5rem; }
.wp-block-media-text__content > :first-child, .wp-block-media-text__content > .wp-block-group__inner-container > :first-child { margin-top: 0; }
.wp-block-media-text__content h1, .seccion--arriba h1 { margin-top: 0; }
.dividido.seccion--arriba h1, .wp-block-media-text.dividido h1 { font-size: var(--t-xl); }
/* QA 29/10: áreas táctiles de 24 px como mínimo (WCAG 2.5.8) */
#colophon a, .footer-html a, .lista-datos a, .articulo a, main p a, .woocommerce-loop-product__link, .woocommerce-loop-product__title, .wc-block-components-product-name { display: inline-block; min-height: 24px; padding-block: .15rem; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: block; }
.skip-link:not(:focus) { min-height: 0; }
mark.confirmar { background: #FFF3BF; color: #5C4400; padding: 0 .2em; }

/* Sello de envío gratis (ficha): mismo lenguaje que el sello del metal, en azul casa. */
.envio-gratis { display: inline-flex; align-items: center; gap: .6rem; margin: var(--s2) 0 var(--s1); padding: .6rem .85rem .55rem; border: 1px solid var(--azul); color: var(--azul); font: 500 var(--t-xs)/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.envio-gratis svg { flex: none; }
/* Ficha: "Qué significa" y enlaces a guías dentro de la descripción. */
.single-product .summary h2.st-extra { font-size: var(--t-l); line-height: 1.2; margin: var(--s4) 0 var(--s1); }
.single-product .summary p.st-extra { margin: 0 0 var(--s3); }

/* ===== Hover de tarjetas (piezas, relacionadas y colecciones) =====
   Nada cambia de lugar: la foto se acerca apenas dentro de su marco (que recorta) y el nombre se subraya.
   Solo con mouse; en el celular el toque no deja la tarjeta "pegada" en hover. */
.woocommerce ul.products li.product img, .tarjeta-col img, .grilla-col .wp-block-image img { transition: transform .4s cubic-bezier(.23,1,.32,1); }   /* se ve decenas de veces por visita: corto y con salida rápida; tranquilo por el 3 % */
.woocommerce ul.products li.product .woocommerce-loop-product__title a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; text-decoration-color: transparent; transition: text-decoration-color .25s ease; }
@media (hover: hover) and (pointer: fine) {
  .woocommerce ul.products li.product:hover img, .tarjeta-col:hover img, .grilla-col .wp-block-image a:hover img { transform: scale(1.03); }
  .woocommerce ul.products li.product:hover .woocommerce-loop-product__title a { text-decoration-color: currentColor; color: var(--tinta); }
}
/* Teclado: el foco se ve en el marco de la foto y en el nombre, sin mover nada */
.woocommerce ul.products li.product .woocommerce-loop-image-link:focus-visible, .tarjeta-col:focus-visible, .grilla-col .wp-block-image a:focus-visible { outline: 2px solid var(--azul); outline-offset: 3px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title a:focus-visible { text-decoration-color: currentColor; }
/* Toque: respuesta breve sin desplazar nada */
.woocommerce ul.products li.product a:active img, .tarjeta-col:active img, .grilla-col .wp-block-image a:active img { opacity: .88; transition: opacity .1s ease; }
@media (prefers-reduced-motion: reduce) {
  .woocommerce ul.products li.product:hover img, .tarjeta-col:hover img, .grilla-col .wp-block-image a:hover img { transform: none; }
}

/* ===== Botones: el hover y el foco cambian solo el color, nunca el tamaño =====
   Kadence pone borde de 2 px en hover/foco de los botones contorneados: crecían 2 px y empujaban la página. */
.wp-block-button__link, .wp-element-button, .boton, .fluentform .ff-btn-submit { border-width: 1px !important; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):active { background: var(--tinta); color: var(--blanco); border-color: var(--tinta); }
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):focus:not(:focus-visible) { background: transparent; color: var(--tinta); border-color: var(--tinta); }
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):focus-visible { outline: 2px solid var(--azul); outline-offset: 3px; }

/* QA completo 30/10: el nombre de la tarjeta no recorta (Firefox redondeaba 1 px y marcaba texto cortado); el sello del metal
   pasa a dos renglones si con texto grande no entra; el antispam (Turnstile) reserva su alto para no empujar el botón al cargar. */
.woocommerce ul.products li.product .woocommerce-loop-product__title { overflow: visible; }
.woocommerce ul.products li.product .sello { white-space: normal; overflow-wrap: anywhere; line-height: 1.25; }
.ff-el-group .cf-turnstile, .fluentform .ff-el-turnstile, .fluentform [class*="turnstile"] { min-height: 70px; }

/* Pesos (Poppins, 2/11): h3, títulos secundarios, menú y precios en 500, con números normales.
   El lujo sale del aire, el tamaño y el interlineado, no de la letra. */
h3, .entry-content h3 { font-weight: 500; letter-spacing: -.01em; }
#masthead .main-navigation .primary-menu-container > ul > li.menu-item > a { font-weight: 500; }
.pieza__precio--ficha, .woocommerce-Price-amount { font-variant-numeric: lining-nums tabular-nums; }
.etq { font-weight: 500; }
.entry-content .rank-math-question, .rank-math-question { font-weight: 500; letter-spacing: -.01em; }   /* preguntas: títulos secundarios */
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .cotizacion { white-space: normal; overflow-wrap: anywhere; min-width: 0; }   /* con texto grande, el precio pasa a otro renglón */

/* Manual de marca (2/11): botones con hover al azul oscuro; enlaces del texto en azul */
.boton:hover, .wp-block-button__link:not(.has-background):hover, .wp-element-button:hover { background: var(--azul-hover) !important; border-color: var(--azul-hover) !important; color: var(--blanco) !important; }
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover { background: var(--azul) !important; border-color: var(--azul) !important; color: var(--blanco) !important; }
main p a:not(.boton):not(.enlace) { color: var(--azul); }

/* ===== La casa (2/11): foto fuerte arriba, dos columnas alineadas arriba, cita de las matrices en beige ===== */
.casa-hero-fila { margin: 0; }
.casa-hero { margin: 0 !important; }
.casa-hero img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: 40% 50%; }
@media (min-width: 48rem) { .casa-hero img { aspect-ratio: 21 / 9; max-height: 78svh; } }
.dividido--arriba.wp-block-media-text { align-items: start; }
.dividido--arriba .wp-block-media-text__content { align-self: start; padding-top: 0; }
.dividido--arriba .wp-block-media-text__media img { aspect-ratio: 4 / 5; object-fit: cover; }
.seccion--beige { background: var(--beige); }
.seccion--beige .cita { font: 500 var(--t-xl)/1.3 var(--sans); color: var(--azul); max-width: 30ch; margin: 0 0 var(--s2); letter-spacing: -.01em; }
.seccion--beige .cita-pie { color: var(--texto); max-width: 52ch; margin: 0; }

/* Pasada de diseño (2/11): en todas las secciones de dos columnas, foto y texto alineados arriba */
.wp-block-media-text.dividido { align-items: start; }
.wp-block-media-text.dividido .wp-block-media-text__content { align-self: start; }
.wp-block-columns { align-items: flex-start; }

/* ===== Parte 3 · Diseño y movimiento (2/11). Recorrido tipo monicavinader.com con el manual de Stoppiello =====
   Mejora progresiva: el texto está en el HTML; el JS (movimiento.js) solo agrega .revela a lo que está fuera de pantalla.
   Curva de salida fuerte para lo que entra (/animate), radio 0, sin sombras, sin rebote. */
:root { --curva-entra: cubic-bezier(.23, 1, .32, 1); }

/* Barra superior: envío gratis. Se va con el scroll; el encabezado queda pegado debajo. */
.barra-envio { background: var(--azul); color: var(--blanco); text-align: center; padding: .5rem var(--margen); }
.barra-envio p { margin: 0 auto; max-width: none; font: 500 var(--t-xs)/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; }

/* Encabezado: se esconde al bajar y vuelve al subir (opción nativa de Kadence). Solo se mueve con transform. */
#masthead .kadence-sticky-header { transition: transform .3s var(--curva-entra) !important; }

/* Menú de compu: "Piezas" abre un panel a lo ancho con la foto de cada colección */
@media (min-width: 64rem) {
  #masthead .site-main-header-wrap .site-header-row-container-inner { position: relative; }
  #masthead .main-navigation li.menu-piezas { position: static; }
  #masthead .main-navigation li.menu-piezas > ul.sub-menu {
    left: 0; right: 0; width: auto; top: 100%; display: grid; grid-template-columns: repeat(7, 1fr); gap: var(--s3);   /* 7: se sumó Anillos de compromiso (5/11) */
    padding: var(--s4) max(var(--margen), calc((100% - var(--ancho)) / 2)); background: var(--blanco);
    border-top: 1px solid var(--filete); border-bottom: 1px solid var(--filete); box-shadow: none;
    transform: translate3d(0, -6px, 0); transition: opacity .2s var(--curva-entra), transform .2s var(--curva-entra), visibility .2s;
  }
  #masthead .main-navigation li.menu-piezas > ul.sub-menu { opacity: 0; visibility: hidden; pointer-events: none; height: auto; clip: auto; overflow: visible; }
  #masthead .main-navigation li.menu-piezas:hover > ul.sub-menu,
  #masthead .main-navigation li.menu-piezas:focus-within > ul.sub-menu,
  #masthead .main-navigation li.menu-piezas.menu-item--toggled-on > ul.sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  #masthead .main-navigation li.menu-piezas > ul.sub-menu > li { border: 0; width: auto; }
  #masthead .main-navigation li.menu-piezas > ul.sub-menu > li > a {
    display: grid; gap: .75rem; width: auto; padding: 0; background: none; color: var(--tinta);
    font: 500 var(--t-s)/1.3 var(--sans); letter-spacing: 0; text-transform: none;
  }
  #masthead .main-navigation li.menu-piezas .menu-foto { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--hueso); transition: transform .4s var(--curva-entra); }
  #masthead .main-navigation li.menu-piezas > ul.sub-menu > li > a { overflow: hidden; }
  #masthead .main-navigation li.menu-piezas > ul.sub-menu > li > a:focus-visible { outline: 2px solid var(--azul); outline-offset: 3px; }
}
@media (min-width: 64rem) and (hover: hover) and (pointer: fine) {
  #masthead .main-navigation li.menu-piezas > ul.sub-menu > li > a:hover { color: var(--azul); text-decoration: underline; text-underline-offset: .22em; }
}
/* El panel de fotos es solo de compu: en el celular el menú sigue siendo de texto (más liviano). */
@media (max-width: 63.99rem) { .menu-foto { display: none !important; } }

/* Carrusel de piezas (portada): en el celular se desliza con el dedo y asoma la siguiente; en compu, 4 a la vista + flechas.
   Sin JS se desliza igual (scroll-snap). Todas las piezas y sus enlaces están en el HTML. */
.carrusel ul.products {
  grid-template-columns: none !important; grid-template-rows: repeat(4, auto); grid-auto-flow: column; grid-auto-columns: 72%;
  column-gap: var(--s2) !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
  scroll-padding-inline: 0; scrollbar-width: none; padding-bottom: 0 !important;
}
.carrusel ul.products::-webkit-scrollbar { display: none; }
.carrusel ul.products li.product { scroll-snap-align: start; padding-bottom: 0 !important; }
@media (min-width: 48rem) { .carrusel ul.products { grid-auto-columns: calc((100% - 2 * var(--s3)) / 3); column-gap: var(--s3) !important; } }
@media (min-width: 64rem) { .carrusel ul.products { grid-auto-columns: calc((100% - 3 * var(--s3)) / 4); } }
.carrusel__nav { display: none; gap: .5rem; }
@media (hover: hover) and (pointer: fine) { .carrusel__nav:not([hidden]) { display: flex; } }
.carrusel__btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--tinta); background: transparent; color: var(--tinta); cursor: pointer; transition: background-color .2s ease, color .2s ease, opacity .2s ease; }
.carrusel__btn:hover:not(:disabled) { background: var(--tinta); color: var(--blanco); }
.carrusel__btn:disabled { opacity: .3; cursor: default; }
.carrusel__btn:active:not(:disabled) { transform: scale(.97); }
.cabeza-seccion:has(.carrusel__nav) { align-items: flex-end; gap: var(--s2); }
.cabeza-seccion:has(.carrusel__nav) > h2 { flex: 1 1 auto; }
.cabeza-seccion .carrusel__nav { margin-left: var(--s2); }

/* Segunda foto al pasar el mouse (solo si la pieza tiene una segunda foto real) */
.woocommerce ul.products li.product .tiene-foto-2 { position: relative; }
.woocommerce ul.products li.product .foto-2__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .4s var(--curva-entra); }
@media (hover: hover) and (pointer: fine) { .woocommerce ul.products li.product:hover .foto-2__img { opacity: 1; transform: none; } }

/* Apariciones al bajar: opacidad y 20 px, 0,7 s, una vez. Las bandas de foto del taller además se asientan (escala 1,04 → 1). */
.revela { opacity: 0; transform: translate3d(0, 20px, 0); transition: opacity .7s var(--curva-entra), transform .7s var(--curva-entra); }
.revela.visto { opacity: 1; transform: none; }
.banda__completa.revela, .banda__diptico .revela { transform: none; overflow: hidden; }
.banda__completa.revela img, .banda__diptico .revela img { transform: scale(1.04); transition: transform 1.2s var(--curva-entra); }
.banda__completa.revela.visto img, .banda__diptico .revela.visto img { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .revela { opacity: 1 !important; transform: none !important; transition: none !important; }
  #masthead .kadence-sticky-header, #masthead .main-navigation li.menu-piezas > ul.sub-menu { transition: none !important; }
}
@media print { .revela { opacity: 1 !important; transform: none !important; } }

/* Hero: el texto va junto, sin rótulos sueltos arriba */
.wp-block-cover.hero .hero__marca { margin-bottom: var(--s1); }

/* ===== Parte 3b (2/11, pasada por plantilla · portada) =====
   Lista de datos: la etiqueta queda a la izquierda y el valor ocupa el resto (si es largo, corta en su propia columna).
   Selección de texto y cursor con los colores del manual. */
.lista-datos li { flex-wrap: nowrap; align-items: baseline; }
.lista-datos li > span:first-child { flex: 0 0 auto; }
.lista-datos li > span:last-child { flex: 1 1 auto; min-width: 0; text-align: right; text-wrap: balance; }
::selection { background: #A1B7C4; color: #2B2824; }
input, textarea { caret-color: #004088; }
/* Galería de la ficha (primera pieza con 2 fotos): miniaturas cuadradas sin deformar */
.woocommerce div.product .flex-control-thumbs li img { aspect-ratio: 1 / 1; width: 100%; height: auto; object-fit: cover; }
/* Nombres de colección con texto agrandado: corta con guion en vez de partir la palabra */
.grilla-col figcaption, .grilla-col figcaption a { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: normal; word-break: normal; }

/* ===== Previa coordinación y «¿Cómo sé mi medida?» (DECISIONES 129) ===== */
.franja__coord { flex-basis: 100%; margin: 0; font-size: var(--t-s); color: var(--grafito, var(--texto)); }
.franja__coord a { color: var(--azul); }
.medida-anillero { background: var(--beige); }
.medida-anillero h2 { margin: 0 0 var(--s2); }
.medida-anillero p { max-width: 52ch; margin: 0 0 var(--s2); }
.medida-anillero .acciones { margin-top: var(--s3); }
.archive .medida-anillero { margin-top: var(--s5); padding: var(--s4) var(--margen, var(--s2)); }
.archive .medida-anillero .contenedor { max-width: 46rem; margin: 0 auto; }
.medida-anillero h2 { font-weight: 500; letter-spacing: -.01em; }   /* el bloque lleva la Vitrina aunque la página todavía no */
.medida-anillero .wp-block-button__link { text-transform: none; letter-spacing: .01em; font-weight: 500; font-size: var(--t-s); }

/* ===== Pesos de Poppins en toda la web (DECISIONES 133, 5/11) =====
   Títulos 500 · texto 400 · bajada, texto del hero y reseñas: 400 en celular y 300 desde 768 px (la 300 sobre beige se lee peor en el celular).
   Epígrafes y detalles chicos (menos de 16 px) quedan en 400. No se carga la 600: la negrita va en 500. */
strong, b { font-weight: 500; }
@media (min-width: 48rem) {
  .bajada, .vitrina__texto p, .cabeza-seccion p:not(.nota), .resena blockquote, .resena.wp-block-quote p { font-weight: 300; }
}
.ff_screen_reader_title, legend { font-weight: 500; }

/* Redes en el pie (5/11): íconos en el azul de la marca sobre un círculo claro (el pie es azul), 44 px para el dedo */
#colophon .redes-pie { display: flex; gap: .75rem; margin: var(--s2) 0; }
#colophon a.redes-pie__icono { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 44px; border-radius: 50%; background: var(--fondo); color: var(--azul); transition: background-color .2s ease; }
#colophon a.redes-pie__icono:hover { background: var(--blanco); color: var(--azul-hover); }
#colophon a.redes-pie__icono:focus-visible { outline: 2px solid var(--blanco); outline-offset: 3px; }
#colophon a.redes-pie__icono svg { width: 22px; height: 22px; }