/* =============================================================================
   cotizar-android.css — Opción "App Android" del cotizador de /cotizar (13-nov-2026)
   -----------------------------------------------------------------------------
   Va aparte del bundle a propósito: así no hay que reconstruir css/dist para sumarla.
   La carga cotizar.php con $pageStyles.
   ========================================================================== */

/* La tarjeta de la app ocupa una fila completa debajo de los tres planes: es otra cosa
   (no tiene precio fijo) y así no se lee como "un cuarto plan". */
.cotpdf__plan--app { grid-column: 1 / -1; }

.cotpdf__plan--app .cotpdf__plan-caja {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: baseline;
  column-gap: 14px;
  border-style: dashed;
}
.cotpdf__plan--app .cotpdf__plan-precio {
  margin-top: 0;
  font-size: var(--fs-sm);
  color: var(--brand-cta);            /* 5,97:1 sobre papel */
}
.cotpdf__plan--app .cotpdf__plan-desc { margin-top: 0; }
.cotpdf__plan--app input:checked + .cotpdf__plan-caja { border-style: solid; }

@media (max-width: 767px) {
  .cotpdf__plan--app .cotpdf__plan-caja { display: block; }
  .cotpdf__plan--app .cotpdf__plan-precio { margin-top: 6px; }
  .cotpdf__plan--app .cotpdf__plan-desc { margin-top: 8px; }
}

/* .cotpdf__extra y .form-group declaran display, que le gana al atributo hidden del
   navegador: sin esto, ocultarlos desde el JS no los ocultaba. */
.cotpdf .js-solo-web[hidden] { display: none !important; }