/* Fuentes usadas por varias secciones de la landing (no solo el hero). */
@font-face { font-family: 'Proxima Nova A'; font-weight: 700; font-display: swap;
  src: url(https://http2.mlstatic.com/ui/webfonts/v5.0.0/proxima-nova/proxima-nova-700.woff2) format('woff2'),
       url(https://http2.mlstatic.com/ui/webfonts/v5.0.0/proxima-nova/proxima-nova-700.ttf) format('truetype'); }
@font-face { font-family: 'Proxima Nova A'; font-weight: 800; font-display: swap;
  src: url(https://http2.mlstatic.com/ui/webfonts/v5.0.0/proxima-nova/proxima-nova-800.woff2) format('woff2'),
       url(https://http2.mlstatic.com/ui/webfonts/v5.0.0/proxima-nova/proxima-nova-800.ttf) format('truetype'); }
@font-face { font-family: 'Inter'; font-weight: 400; font-display: swap;
  src: url(https://http2.mlstatic.com/frontend-assets/fuji-fintech-ui-web/fonts/Inter-Regular.woff2) format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-display: swap;
  src: url(https://http2.mlstatic.com/frontend-assets/fuji-fintech-ui-web/fonts/Inter-SemiBold.woff2) format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 700; font-display: swap;
  src: url(https://http2.mlstatic.com/frontend-assets/fuji-fintech-ui-web/fonts/Inter-Bold.woff2) format('woff2'); }

/* ===== acqui-hero-form-x-section (Andes X) - Tablet (Figma 1103:35576, frame 752x1024) =====
   El componente fija min-height: 712px en tablet; el prototipo hace que el hero ocupe
   el alto del viewport (igual que mobile). 712px queda como piso. 16px = 2 x 8px del
   borde del frame. !important porque el GS se inyecta antes que el CSS del componente.
   Validado con emulacion iPad: 752x1024 -> seccion 1024 / card top 792 (Figma ~805). */
.acqui-ui-hero-form-x-section--mobile.acqui-ui-hero-form-x-section--tablet {
  min-height: max(712px, 100dvh) !important;
}
.acqui-ui-hero-form-x-section--mobile.acqui-ui-hero-form-x-section--tablet .acqui-ui-hero-form-x-section__hero-content {
  min-height: calc(max(712px, 100dvh) - 16px) !important;
}

/* ===== acqui-hero-form-x-section - Desktop angosto (<=1151px, incl. iPad con UA desktop) =====
   El componente fija form (izq, 525px) y tasas (der, 530px) en absoluto; debajo de ~1135px
   se pisan. Aqui las tasas pasan bajo el titulo en 2 filas y el titulo baja a 72px para
   que la columna izquierda no invada la foto (celular de Anitta en x~430).
   Validado 1024-1920: sin overlap; >=1152 sin cambios. */
@media (max-width: 1151px) {
  .acqui-ui-hero-form-x-section.acqui-ui-hero-form-x-section--desktop .acqui-ui-andes-x-hero-title--desktop {
    font-size: 72px !important;
  }
  .acqui-ui-hero-form-x-section.acqui-ui-hero-form-x-section--desktop .acqui-ui-hero-form-x-section__rates {
    position: static !important;
    width: fit-content !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-top: 24px !important;
  }
  .acqui-ui-hero-form-x-section.acqui-ui-hero-form-x-section--desktop .acqui-ui-hero-form-x-section__rates .acqui-ui-andes-x-hero-rates__item {
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 16px !important;
  }
  .acqui-ui-hero-form-x-section.acqui-ui-hero-form-x-section--desktop .acqui-ui-hero-form-x-section__rates .acqui-ui-andes-x-hero-rates__label {
    width: 104px !important;
  }
  .acqui-ui-hero-form-x-section.acqui-ui-hero-form-x-section--desktop .acqui-ui-hero-form-x-section__rates .acqui-ui-andes-x-hero-rates__value {
    font-size: 32px !important;
    letter-spacing: -1.2px !important;
  }
}

/* ===== SuccessModal (ultimo step) - QR flexible (desktop/tablet) =====
   El body del modal tiene alto fijo (372px) y el QR fijo 166x166; con titulo de 2 lineas
   y descripcion de 3 (email) el contenido no entra y el footer ("Sujeito a analise de
   credito.") queda fuera. El QR conserva 166px como maximo pero se achica si falta
   espacio; texto y footer no se encogen. object-fit: contain evita deformar un QR que
   no venga cuadrado. En phone el QR no se renderiza (Onboarding), no aplica. */
.acqui-ui-andes-x-success-modal__body .acqui-ui-andes-x-success-modal__secondary-media {
  flex: 0 1 166px !important;
  min-height: 0 !important;
  max-height: 166px !important;
  height: auto !important;
  width: auto !important;
  max-width: 166px !important;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
}
.acqui-ui-andes-x-success-modal__body .acqui-ui-andes-x-success-modal__text,
.acqui-ui-andes-x-success-modal__body .acqui-ui-andes-x-success-modal__footer {
  flex-shrink: 0 !important;
}