/* Kuma / Figma existente: reparación geométrica de las dos calculadoras.
   Sin cambios de marca, textos ni fórmulas. Encolar después de fx-responsive
   y de las hojas generadas. No editar el HTML generado para corregir layout.

   Causa: tarjeta top:-91px dentro de overflow-hidden, left:63px a cualquier
   viewport y altura de sección congelada. El formulario sticky además se
   desplazaba dentro de una tarjeta overflow-clip. El contenido vivo debe medir
   la sección, también cuando «Otro puesto» revela nuevos campos. */
.fx:is(.fx-fundae-2, .fx-sueldos-2) {
  min-height: 0 !important; /* supera la altura inline del frame Figma */
  height: auto;
  padding-block: 32px;
}

.fx:is(.fx-fundae-2, .fx-sueldos-2) > :is([data-node-id="427:1914"], [data-node-id="427:1352"]) {
  position: relative !important; /* también frente al static móvil anterior */
  inset: auto !important;
  transform: none !important;
  width: min(1240px, calc(100% - 32px)) !important;
  max-width: 1240px;
  padding: 0;
  margin-inline: auto;
  overflow: visible;
}

.fx:is(.fx-fundae-2, .fx-sueldos-2) :is([data-node-id="427:1915"], [data-node-id="427:1400"]) {
  width: 100%;
  min-width: 0;
  padding: 0;
  grid-template-rows: auto;
  align-items: start;
}

.fx:is(.fx-fundae-2, .fx-sueldos-2) form {
  position: static;
  min-width: 0;
  max-width: 100%;
}

/* Los controles nativos miden por la opción más larga. Sus envoltorios
   shrink-0/whitespace-nowrap no deben imponer ese ancho a la columna. */
.fx:is(.fx-fundae-2, .fx-sueldos-2) form [data-name="Button"] {
  min-width: 0;
  flex-wrap: nowrap;
}
.fx:is(.fx-fundae-2, .fx-sueldos-2) form div:has(> :is(input[type="number"], select)) {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.fx:is(.fx-fundae-2, .fx-sueldos-2) form :is(input[type="number"], select) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.fx:is(.fx-fundae-2, .fx-sueldos-2) form select {
  appearance: none; /* la caja Figma ya incluye su chevron */
}
.fx:is(.fx-fundae-2, .fx-sueldos-2) form [class~="w-[560px]"][data-node-id] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.fx:is(.fx-fundae-2, .fx-sueldos-2) form [class~="h-[82px]"] {
  height: auto;
}

/* Conserva dos columnas cuando caben y una columna de verdad en móvil. */
@media (max-width: 768px) {
  .fx:is(.fx-fundae-2, .fx-sueldos-2) :is([data-node-id="427:1915"], [data-node-id="427:1400"]) {
    grid-template-columns: minmax(0, 1fr);
  }
  .fx:is(.fx-fundae-2, .fx-sueldos-2) :is([data-node-id="427:1915"], [data-node-id="427:1400"]) > * {
    grid-column: auto;
    grid-row: auto;
  }
}