/*
 * Pestaña de la oferta del primer mes gratis, sobre todo en el celular (cambio autorizado por Fernando el 14 de octubre de 2026: «centra
 * el botón fucsia en la versión móvil de manera vertical»). promo.css (del plugin) no se modifica; este archivo se carga
 * después de él, en el dashboard y en la página pública de inicio.
 * - Dashboard (.en-app): el plugin la bajaba a la esquina inferior; aquí queda centrada a lo alto. En horizontal se centra en
 *   el espacio que queda debajo de la cabecera y de la fila de fechas, para no taparlas.
 * - Si el texto no cabe a lo alto (celular horizontal), se parte en dos columnas en lugar de salirse de la pantalla.
 * - Con el menú del celular abierto la pestaña se oculta, para no quedar encima del menú.
 */
.pf-promo-tab[hidden]{display:none!important}
html.pf-menu-abierto .pf-promo-tab{display:none}
/* Texto nuevo («Primer mes gratis en servicios de contabilidad, auditoría e impuestos», más largo que el del plugin): en una
   sola columna mientras quepa a lo alto de la ventana; si no cabe, se parte. Vale también en el computador. */
.pf-promo-tab{height:max-content;max-height:calc(100vh - 24px)}

@media (max-width:860px),(max-height:520px) and (orientation:landscape){
  .pf-promo-tab{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);text-align:center}
  /* Celular vertical: centro de la pantalla. */
  .pf-promo-tab.en-app{top:50%;bottom:auto;transform:translateY(-50%);max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}
}

/* Celular horizontal: centro del espacio bajo la cabecera (48 px) y la fila de fechas (46 px). */
@media (max-height:520px) and (orientation:landscape){
  /* Alto fijo: así el texto se parte en solo dos columnas, centradas a lo alto. */
  .pf-promo-tab.en-app{top:calc(50% + 47px);height:calc(100vh - 110px);height:calc(100dvh - 110px);max-height:340px}
  /* Página pública: centro del espacio bajo su barra superior (unos 72 px), para no tapar «Ingresar». */
  .pf-promo-tab:not(.en-app){top:calc(50% + 38px);max-height:calc(100vh - 92px);max-height:calc(100dvh - 92px)}
}