[hidden] { display: none !important; }

.cabeza-seccion { max-width: 46rem; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.cabeza-seccion .apoyo { margin-top: 1.25rem; }

.etiqueta { font-size: var(--t-chico); font-weight: 600; line-height: 1.4; color: var(--texto-2); }

.lista-filetes { border-bottom: 1px solid var(--filete); }
.lista-filetes li { padding-block: 0.75rem; border-top: 1px solid var(--filete); text-wrap: pretty; }

.acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.5rem; }
.acciones__nota { flex-basis: 100%; font-size: var(--t-chico); color: var(--texto-2); }

.marco { padding: 0.5rem; border-radius: var(--radio); background: var(--filete); }
.marco img { width: 100%; height: auto; border-radius: 2px; }
.marco--celular { padding: 0.375rem; border-radius: 1.5rem; }
.marco--celular img { border-radius: 1.125rem; }
.captura { margin: 0; }
.captura figcaption { margin-top: 0.875rem; font-size: var(--t-chico); color: var(--texto-2); }
.captura--celular .marco { width: min(100%, 15.5rem); }
.captura--cuadrada .marco { width: min(100%, 27rem); }

.dispositivo { position: relative; margin-bottom: 3.5rem; }
.dispositivo__celular { position: absolute; right: 0; bottom: -3.5rem; width: 26%; max-width: 9.5rem; }

.metodo { position: relative; padding-left: 1.75rem; }
.metodo__lista { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.metodo__filete {
  position: absolute; top: 0.6em; bottom: 0.6em; left: 0; width: 1px; background: var(--filete);
  transform-origin: top center;
}
.metodo__paso { position: relative; min-width: 0; }
.metodo__nombre { overflow-wrap: break-word; }
.metodo__paso::before {
  content: ""; position: absolute; top: 0.5em; left: -1.75rem; width: 0.5rem; height: 0.5rem; margin-left: -0.25rem;
  background: var(--acento);
}

@media (max-width: 30em) {
  .metodo { padding-left: 1.125rem; }
  .metodo__paso::before { left: -1.125rem; }
}
.metodo__nombre { font-size: 1.1875rem; font-weight: 700; line-height: 1.3; }
.metodo__paso p { margin-top: 0.5rem; max-width: 32ch; color: var(--texto-2); text-wrap: pretty; }

@media (pointer: coarse) {
  @supports (animation-timeline: view()) {

    html[data-movimiento="pleno"] .metodo[data-cerca] { view-timeline: --linea block; }
    html[data-movimiento="pleno"] .metodo[data-cerca] .metodo__filete { animation: linea-y linear both; animation-timeline: --linea; animation-range: cover 2% cover 26%; }
    html[data-movimiento="pleno"] .metodo[data-cerca] .metodo__paso { animation: punto-entra linear both; animation-timeline: --linea; }
    html[data-movimiento="pleno"] .metodo[data-cerca] .metodo__paso:nth-child(1) { animation-range: cover 0% cover 8%; }
    html[data-movimiento="pleno"] .metodo[data-cerca] .metodo__paso:nth-child(2) { animation-range: cover 8% cover 16%; }
    html[data-movimiento="pleno"] .metodo[data-cerca] .metodo__paso:nth-child(3) { animation-range: cover 16% cover 24%; }
    @media (min-width: 64em) {
      html[data-movimiento="pleno"] .metodo[data-cerca] .metodo__filete { animation-name: linea-x; }
    }

    html[data-movimiento="pleno"] .dispositivo[data-cerca] { view-timeline: --dispositivo block; }
    html[data-movimiento="pleno"] .dispositivo[data-cerca] > .marco:not(.dispositivo__celular) { animation: desplaza-lento linear both; animation-timeline: --dispositivo; }
    html[data-movimiento="pleno"] .dispositivo[data-cerca] > .dispositivo__celular { animation: desplaza-rapido linear both; animation-timeline: --dispositivo; }
  }
}
@keyframes desplaza-lento { from { transform: translateY(-6px); } to { transform: translateY(6px); } }
@keyframes desplaza-rapido { from { transform: translateY(6px); } to { transform: translateY(-6px); } }

.pestanas__lista { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--separacion); }
.pestana {
  position: relative; min-width: 0; overflow-wrap: break-word; min-height: 3.25rem; padding: 0.75rem 0; border: 0; border-bottom: 1px solid var(--filete);
  background: none; text-align: left; font-size: 1.0625rem; font-weight: 600; color: var(--texto-2);
  transition: color var(--d-hover) linear;
}
.pestana:hover { color: var(--texto); }
.pestana[aria-selected="true"] { color: var(--texto); }

.pestanas__indicador {
  position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: var(--acento);
  transform-origin: left top; transform: translate(var(--x, 0px), var(--y, 0px)) scaleX(var(--w, 0)); pointer-events: none;
}
html[data-movimiento="pleno"] .pestanas[data-listo] .pestanas__indicador { transition: transform 0.45s var(--curva); }
html:not([data-js]) .pestanas__lista { display: none; }

#rubros .cabeza-seccion { margin-bottom: clamp(1.75rem, 3vw, 2.5rem); }
.rubro-panel { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; row-gap: 1.75rem; padding-top: clamp(1.5rem, 3vw, 2.5rem); }
.rubro-panel > * { min-width: 0; }
html[data-js] .rubro-panel:not([data-activo]) { display: none; }
html:not([data-js]) .rubro-panel + .rubro-panel { margin-top: 4rem; border-top: 1px solid var(--filete); }
html[data-js] .rubro-panel__nombre {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; border: 0;
}
html:not([data-js]) .rubro-panel__nombre { margin-bottom: 1.5rem; font-size: var(--t-ficha); font-weight: 700; }

html[data-movimiento="pleno"][data-js] .rubro-panel[data-sale] { animation: panel-sale 0.2s var(--curva) both; }
html[data-movimiento="pleno"][data-js] .rubro-panel[data-activo][data-cambio] { animation: panel-entra 0.6s var(--curva) both; }
@keyframes panel-sale { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(8px); } }
@keyframes panel-entra { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }

.rubro-panel__linea { max-width: 24ch; }
.rubro-panel__problema { max-width: 46ch; margin-top: 1.25rem; color: var(--texto-2); text-wrap: pretty; }
.rubro-servicios { border-bottom: 1px solid var(--filete); }
.rubro-servicios > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.25rem 1.5rem; padding-block: 0.75rem; border-top: 1px solid var(--filete); }
.rubro-servicios dt { font-weight: 600; }
.rubro-servicios dd { margin: 0; color: var(--texto-2); text-wrap: pretty; }
.rubro-panel__detalle .acciones { margin-top: 1.5rem; }
.rubro-panel__mas { margin-top: 0.75rem; }
.rubros__otro { max-width: 60ch; margin-top: clamp(2.5rem, 2rem + 2vw, 3.5rem); padding-top: 1.25rem; border-top: 1px solid var(--filete); text-wrap: pretty; }

@media (min-width: 30em) {
  .rubro-servicios > div { grid-template-columns: minmax(0, 10.5rem) minmax(0, 1fr); }
}
@media (min-width: 48em) {
  .pestanas__lista { display: flex; flex-wrap: wrap; column-gap: 2.5rem; border-bottom: 1px solid var(--filete); }
  .pestana { border-bottom: 0; padding-inline: 0; }
}
@media (min-width: 64em) {
  .rubro-panel { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--separacion); row-gap: 1.75rem; align-items: start; }
  .rubro-panel__intro { grid-column: 1 / span 5; grid-row: 1; }
  .rubro-panel__detalle { grid-column: 1 / span 5; grid-row: 2; }
  .rubro-panel .captura { grid-column: 7 / span 6; grid-row: 1 / span 2; }
  .rubro-panel .captura--celular { justify-self: center; }
}

.titular-interior {
  font-size: clamp(2rem, 1.4rem + 3vw, 4rem); line-height: 1.08; font-weight: var(--peso-titular);
  font-stretch: calc(var(--ancho-titular) * 1%); font-variation-settings: "wdth" var(--ancho-titular);
  letter-spacing: -0.005em; text-wrap: balance; overflow-wrap: break-word; hyphens: manual;
}
@media (max-width: 22em) { .titular-interior { hyphens: auto; hyphenate-limit-chars: 12 6 6; } }
.entrada-interior { padding-top: calc(var(--alto-cabecera) + clamp(3rem, 7vw, 6rem)); padding-bottom: clamp(3.5rem, 7vw, 6rem); }
.entrada-interior__texto > * + * { margin-top: 1.5rem; }
.entrada-interior .apoyo { font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.3125rem); max-width: 36rem; }
.entrada-interior .acciones { padding-top: 0.5rem; }
.problema { position: relative; margin-top: 3rem; padding-top: 1.5rem; }
.problema .filete { position: absolute; top: 0; left: 0; right: 0; }
.problema p { margin-top: 0.75rem; color: var(--texto-2); text-wrap: pretty; }

.entrada-interior .titular-interior { font-size: clamp(2rem, 1.3rem + 2vw, 3.25rem); }
.entrada-interior__figura { margin-top: 2.5rem; }
.entrada-interior__figura .captura, .entrada-interior__figura .dispositivo { min-width: 0; }
.entrada-interior__figura .captura--celular { display: grid; justify-items: start; }
.entrada-interior__figura .svc-muestra { margin: 0; }
.entrada-interior__problema { margin-top: 0; }
@media (min-width: 64em) {
  .entrada-interior .rejilla { align-items: start; row-gap: clamp(2rem, 1rem + 2vw, 3rem); }
  .entrada-interior__texto { grid-row: 1; align-self: center; }
  .entrada-interior__figura { grid-column: 7 / span 6; grid-row: 1 / span 2; align-self: center; margin-top: 0; }
  .entrada-interior__figura .captura--celular { justify-items: center; }
  .entrada-interior__figura .captura--celular .marco { width: min(100%, 19rem); }
  .entrada-interior__rejilla--sola .entrada-interior__figura { grid-row: 1; }
  .entrada-interior__problema { grid-row: 2; }
  .problema { margin-top: 0; }
}

.servicios-rubro__titular { max-width: 20ch; margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.servicio-fila { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem 0; padding-block: 2rem; border-top: 1px solid var(--filete); }
.servicio-fila > * { min-width: 0; }
.servicios-rubro .servicio-fila:last-child { border-bottom: 1px solid var(--filete); }
.servicio-fila__nombre { min-width: 0; font-size: clamp(1.25rem, 0.95rem + 0.8vw, 1.875rem); overflow-wrap: break-word; }
.servicio-fila__texto { max-width: 38ch; color: var(--texto-2); text-wrap: pretty; }
.servicio-fila .lista-filetes { border-bottom: 0; }
.servicio-fila__incluye .etiqueta { margin-bottom: 0.5rem; }
@media (min-width: 64em) {
  .servicio-fila { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--separacion); padding-block: 2.5rem; }
  .servicio-fila__nombre { grid-column: 1 / span 4; }
  .servicio-fila__texto { grid-column: 5 / span 3; }
  .servicio-fila__incluye { grid-column: 8 / span 5; }
}

.bloque-demo + .bloque-demo { margin-top: clamp(4rem, 8vw, 7rem); }
.bloque-demo__fila { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 2rem; align-items: center; }
.bloque-demo__figura, .bloque-demo__texto { min-width: 0; }
.bloque-demo__texto > * + * { margin-top: 1.25rem; }
.bloque-demo__nombre { font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem); }
.bloque-demo__texto p:not(.etiqueta) { max-width: 44ch; color: var(--texto-2); text-wrap: pretty; }
.bloque-demo__texto .acciones { padding-top: 0.75rem; }
@media (min-width: 64em) {
  .bloque-demo__fila { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--separacion); }
  .bloque-demo__figura { grid-column: 1 / span 7; }
  .bloque-demo__texto { grid-column: 9 / span 4; }
  .bloque-demo--invertido .bloque-demo__figura { grid-column: 6 / span 7; grid-row: 1; }
  .bloque-demo--invertido .bloque-demo__texto { grid-column: 1 / span 4; grid-row: 1; }
  .bloque-demo--invertido .captura--celular, .bloque-demo--invertido .captura--cuadrada { justify-self: start; }
  .bloque-demo__figura .captura--celular { justify-self: start; }
}
.bloque-demo__figura .captura { min-width: 0; }

.bloque-demo--solo .acciones:not(:has(a:not([hidden]))) { display: none; }
@media (min-width: 64em) {
  .bloque-demo--solo .bloque-demo__fila { align-items: start; }
  .bloque-demo--solo .bloque-demo__texto {
    grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--separacion);
    grid-template-rows: auto auto 1fr auto; row-gap: 0; align-items: start;
  }
  .bloque-demo--solo .bloque-demo__texto > * { margin-top: 0; }
  .bloque-demo--solo .etiqueta { grid-column: 1 / span 5; grid-row: 1; }
  .bloque-demo--solo .bloque-demo__nombre { grid-column: 1 / span 5; grid-row: 2; margin-top: 0.5rem; }
  .bloque-demo--solo .bloque-demo__texto p:not(.etiqueta) { grid-column: 7 / span 6; grid-row: 1 / span 3; max-width: 52ch; }
  .bloque-demo--solo .bloque-demo__texto .acciones { grid-column: 7 / span 6; grid-row: 4; margin-top: 1.5rem; padding-top: 0; }
}

.ia-para { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 1.5rem; }
.ia-para p { max-width: 44ch; font-size: clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem); text-wrap: pretty; }
.ia-metodo { margin-top: clamp(3.5rem, 7vw, 6rem); }
.ia-metodo .metodo { margin-top: 2.5rem; }
.ia-metodo .metodo__nombre { font-size: var(--t-ficha); }
.ia-metodo .metodo__paso p { max-width: 36ch; font-size: var(--t-cuerpo); }
@media (min-width: 64em) {
  .ia-para { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--separacion); align-items: start; }
  .ia-para > h2 { grid-column: 1 / span 4; }
  .ia-para > p { grid-column: 6 / span 7; }
  .ia-metodo .metodo { padding: 2.5rem 0 0; }
  .ia-metodo .metodo__lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--separacion); }
  .ia-metodo .metodo__filete { top: 0; bottom: auto; left: 0; right: 0; width: auto; height: 1px; transform-origin: left center; }
  .ia-metodo .metodo__paso::before { top: -2.5rem; left: 0; margin: -0.25rem 0 0; }
}

.ejemplos { border-top: 1px solid var(--filete); }
.ejemplo { padding-block: 1.5rem; border-bottom: 1px solid var(--filete); }
.ejemplo__area { font-size: var(--t-ficha); }
.ejemplo p { max-width: 44ch; margin-top: 0.75rem; color: var(--texto-2); text-wrap: pretty; }
@media (min-width: 48em) {
  .ejemplos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--separacion); }
}

.ia-limites { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: clamp(3.5rem, 7vw, 5rem); }
.ia-limites .titular { max-width: 18ch; overflow-wrap: break-word; }
@media (min-width: 64em) and (max-width: 90em) { .ia-limites .titular { font-size: min(var(--t-seccion), 3.6vw); } }
.ia-limites .lista-filetes { margin-top: 2rem; }
.ia-limites .lista-filetes li { padding-block: 1rem; font-size: var(--t-cuerpo); }
.ia-limites .apoyo { margin-top: 1.25rem; }
@media (min-width: 64em) {
  .ia-limites { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--separacion); align-items: start; }
  .ia-limites__no { grid-column: 1 / span 5; }
  .ia-limites__datos { grid-column: 7 / span 6; }
}

.cabecera__nav a[aria-current="page"], .cabecera__nav a[aria-current="true"] { text-decoration: underline; text-decoration-color: var(--borgona); text-decoration-thickness: 2px; text-underline-offset: 0.5em; }
@media (min-width: 64em) {
  .cabecera__nav a[aria-current="page"], .cabecera__nav a[aria-current="true"] { color: var(--hueso); }
}

.pagina-perdida { min-height: 100svh; display: flex; align-items: center; padding-top: calc(var(--alto-cabecera) + 2rem); padding-bottom: 4rem; }
.pagina-perdida .titular-interior { max-width: 16ch; }
.pagina-perdida .apoyo { margin-top: 1.5rem; font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.3125rem); }
.pagina-perdida .acciones { margin-top: 2rem; }