html[data-pagina="automatizaciones"] .px-cab .seccion__int { padding-bottom: 64px; }
html[data-pagina="automatizaciones"] .px-cab h1 { grid-column: 1 / 5; }
html[data-pagina="automatizaciones"] .px-cab .lead { grid-column: 1 / 5; max-width: 34em; }
html[data-pagina="automatizaciones"] .px-cab__luz { left: 78%; top: 60%; }

.au-piezas { position: relative; overflow: clip; padding-top: 24px; }
.au-piezas h2 { font-size: var(--fs-h3); line-height: 1.15; color: var(--texto-sobre-oscuro); }
.au-piezas p { color: var(--texto-sobre-oscuro); }
.au-piezas p.au-nota { margin-top: 12px; color: var(--texto-secundario-sobre-oscuro); }
.au-rotulo { margin-bottom: 14px; }
.au-piezas p.au-rotulo { color: var(--texto-secundario-sobre-oscuro); }


.au-precio { display: flex; flex-wrap: wrap; align-items: baseline; margin-top: 16px; }
.au-precio__cifra { font-weight: 500; font-size: var(--fs-h3); line-height: 1.15; letter-spacing: -0.01em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.au-piezas .au-precio .iva { color: var(--texto-secundario-sobre-oscuro); }
.au-precio--tapado { margin-top: 20px; }
.au-precio__tapa { display: flex; align-items: center; gap: 14px; padding: 6px 0; }
.au-precio__forma {
  display: block; flex: none;
  background: color-mix(in srgb, var(--texto-secundario-sobre-oscuro) 55%, transparent);
  filter: blur(6px);
}
.au-precio__forma--cifra { width: 5.5em; height: 1.6em; }
.au-precio__forma--detalle { width: 6em; height: 0.8em; background: color-mix(in srgb, var(--texto-secundario-sobre-oscuro) 35%, transparent); }


.au-ya { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--calle); align-items: center; padding-block: 72px 112px; }
.au-ya__foto { grid-column: 1 / 8; position: relative; overflow: clip; aspect-ratio: 3 / 2; background: var(--superficie-oscura); }
.au-ya__foto picture { position: absolute; inset: 0; }
.au-ya__foto img { width: 100%; height: 100%; object-fit: cover; }
.au-ya__texto { grid-column: 8 / 13; padding-left: 24px; }
.au-ya__texto > p:not(.au-rotulo):not(.au-precio):not(.au-nota) { margin-top: 16px; max-width: 34ch; }
.au-ya__enlace { margin-top: 24px; }
.au-ya .enlace { color: var(--texto-sobre-oscuro); }


.au-rejilla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 88px var(--calle); padding-top: 88px; border-top: 1px solid var(--superficie-oscura); }
.au-pieza { min-width: 0; }


.au-pieza--sin-media { align-self: end; }
.au-pieza > p:not(.au-rotulo):not(.au-nota):not(.au-precio) { margin-top: 16px; max-width: 44ch; }
.au-pieza__media { position: relative; overflow: clip; aspect-ratio: 4 / 3; margin-bottom: 28px; background: var(--superficie-oscura); }
.au-pieza__media--foto picture { position: absolute; inset: 0; }
.au-pieza__media--foto img { width: 100%; height: 100%; object-fit: cover; }
.au-pieza__media--voz img { object-position: 50% 24%; }
.au-pieza__media--grafico {
  display: grid; place-items: center; padding: 32px 28px;
  background: radial-gradient(60% 55% at 50% 52%, var(--superficie-oscura) 0%, transparent 100%) var(--fondo-oscuro);
  outline: 1px solid var(--superficie-oscura); outline-offset: -1px;
}


.px-g { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: 16px; width: min(100%, 580px); }
.px-g__paso { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.px-g__tarjeta { display: flex; flex-direction: column; gap: 14px; padding: 20px; background: var(--g-fondo); border: 1px solid var(--g-linea); }
.px-g__mesa { font-weight: 500; font-size: 1.125rem; line-height: 1.2; color: var(--g-texto); }
.px-g__platos { display: flex; flex-direction: column; gap: 12px; }
.px-g__plato { display: flex; align-items: center; gap: 12px; }
.px-g__cant { flex: none; min-width: 1.25em; font-weight: 500; font-size: 1rem; line-height: 1; font-variant-numeric: tabular-nums; color: var(--g-texto); }
.px-g__plato .g-barra { height: 8px; }
.px-g__boton {
  position: relative;
  align-self: flex-start;
  margin-top: 4px;
  padding: 10px 32px 10px 16px;
  background: var(--g-texto);
  font-family: var(--f-etiqueta);
  font-weight: 500;
  font-size: var(--fs-etiqueta);
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--texto);
}
.px-g__linea { display: flex; align-items: flex-start; gap: 10px; font-size: 1rem; line-height: 1.35; color: var(--g-texto); }
.px-g__linea .g-ico { margin-top: 1px; }
.px-g__tarjeta--recibido .px-g__platos { padding-top: 14px; border-top: 1px solid var(--g-linea-suave); }
.px-g__union { display: flex; justify-content: center; align-self: center; color: var(--g-linea); }
.px-g__union .g-ico--bajar { display: none; }


.au-piezas .rs-n { display: grid; grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr); align-items: center; column-gap: 8px; width: min(100%, 520px); }
.au-piezas .rs-n__paso { display: flex; flex-direction: column; align-items: center; gap: 16px; min-width: 0; }
.au-piezas .rs-n__obj { display: flex; flex-direction: column; justify-content: center; gap: 8px; width: 100%; aspect-ratio: 4 / 5; padding: 12px; border: 1px solid var(--g-linea); background: var(--g-fondo); }
.au-piezas .rs-n__marco { align-items: center; border-color: transparent; background: none; }
.au-piezas .rs-n__tarjeta { display: grid; place-items: center; width: 100%; aspect-ratio: 1.586; background: var(--texto-sobre-oscuro); color: var(--texto); }
.au-piezas .rs-n__form .g-estrellas { gap: 2px; }
.au-piezas .rs-n__form .g-estrella { width: 13px; height: 13px; }
.au-piezas .rs-n__boton { align-self: flex-start; margin-top: 4px; padding: 6px 10px; background: var(--texto-sobre-oscuro); }
.au-piezas [data-grafico] .rs-n__boton { color: var(--texto); }
.au-piezas .rs-n__lista { justify-content: flex-start; gap: 0; padding: 0; }
.au-piezas .rs-n__resena { display: flex; flex-direction: column; gap: 6px; padding: 12px; border-bottom: 1px solid var(--g-linea-suave); }
.au-piezas .rs-n__resena.es-nueva { background: var(--fondo-oscuro); }
.au-piezas .rs-n__resena .g-estrella { width: 12px; height: 12px; }
.au-piezas [data-grafico] .rs-n__nueva { color: var(--g-texto); }
.au-piezas .rs-n__pie { min-height: 2.6em; text-align: center; }
.au-piezas .rs-n__union { display: flex; justify-content: center; color: var(--g-sec); }
.au-piezas .rs-n__union .g-ico--flecha { width: 32px; }

.px-nota { display: flex; flex-direction: column; align-items: center; padding-block: 104px 112px; text-align: center; }
.px-nota__rotulo { color: var(--texto-secundario-sobre-oscuro); }
.au-piezas p.px-nota__rotulo { color: var(--texto-secundario-sobre-oscuro); }
.px-nota__texto { margin-top: 20px; max-width: 34ch; font-size: var(--fs-destacado); font-weight: 400; line-height: 1.4; color: var(--texto-sobre-oscuro); text-wrap: balance; }


@media (min-width: 821px) and (max-width: 1279px) {
  .au-piezas .rs-n { grid-template-columns: minmax(0, 1fr); row-gap: 8px; width: min(100%, 360px); }
  .au-piezas .rs-n__paso { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; column-gap: 20px; }
  .au-piezas .rs-n__obj { aspect-ratio: 5 / 4; }
  .au-piezas .rs-n__pie { min-height: 0; text-align: left; }
  .au-piezas .rs-n__union { justify-content: flex-start; padding-left: 48px; }
  .au-piezas .rs-n__union .g-ico--flecha { transform: rotate(90deg); }
  .au-pieza__media--grafico { aspect-ratio: auto; min-height: calc((100vw - 2 * var(--margen) - var(--calle)) / 2 * 0.75); }
  .px-g { grid-template-columns: minmax(0, 1fr); gap: 8px; width: min(100%, 320px); }
  .px-g__union { padding: 4px 0; }
  .px-g__union .g-ico--flecha { display: none; }
  .px-g__union .g-ico--bajar { display: block; }
}

@media (max-width: 820px) {
  html[data-pagina="automatizaciones"] .px-cab h1, html[data-pagina="automatizaciones"] .px-cab .lead { grid-column: 1; }
  html[data-pagina="automatizaciones"] .px-cab .seccion__int { padding-bottom: 48px; }
  html[data-pagina="automatizaciones"] .px-cab__luz { left: 50%; top: 70%; }
  .au-piezas { padding-top: 8px; }
  .au-ya { grid-template-columns: minmax(0, 1fr); padding-block: 24px 72px; }
  .au-ya__foto, .au-ya__texto { grid-column: 1; }
  .au-ya__foto { margin-bottom: 28px; }
  .au-ya__texto { padding-left: 0; }
  .au-rejilla { grid-template-columns: minmax(0, 1fr); gap: 72px; padding-top: 64px; }
  .au-pieza__media { aspect-ratio: 3 / 2; margin-bottom: 24px; }
  .au-pieza__media--voz { aspect-ratio: 4 / 5; max-height: 70svh; }
  .au-pieza__media--grafico { aspect-ratio: auto; padding: 32px 20px; }
  .px-g { grid-template-columns: minmax(0, 1fr); gap: 8px; width: min(100%, 420px); }
  .px-g__union { padding: 4px 0; }
  .px-g__union .g-ico--flecha { display: none; }
  .px-g__union .g-ico--bajar { display: block; }
  .au-piezas .rs-n { grid-template-columns: minmax(0, 1fr); row-gap: 8px; width: min(100%, 420px); }
  .au-piezas .rs-n__paso { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; column-gap: 20px; }
  .au-piezas .rs-n__obj { aspect-ratio: 5 / 4; }
  .au-piezas .rs-n__pie { min-height: 0; text-align: left; }
  .au-piezas .rs-n__union { justify-content: flex-start; padding-left: 48px; }
  .au-piezas .rs-n__union .g-ico--flecha { transform: rotate(90deg); }
  .px-nota { padding-block: 72px 80px; }
  .px-nota__texto { max-width: none; font-size: var(--fs-texto); line-height: 1.5; text-wrap: pretty; }
}