/* ============================================================
   OCULTAR TEMPORALMENTE: Plan "Gratis" y Plan "Personal"
   ------------------------------------------------------------
   Pedido: mientras estos dos planes no estan disponibles, la
   pagina /planes debe mostrar unicamente "Basico" y "Premium"
   (tabs, tarjetas y tabla comparativa, en movil y escritorio).

   Es 100% reversible y no toca el HTML/JS de planes.html ni de
   syserv-plans-pricing.html: para reactivar los planes "Gratis" y
   "Personal", basta con:
     1) Quitar el <link> a este archivo en apps/public/views/planes.html
     2) (opcional) Borrar este archivo
   ============================================================ */

/* Tabs y tarjetas de planes (movil/tablet y escritorio comparten
   el atributo data-plan en ambos sistemas) */
[data-plan="gratis"],
[data-plan="personal"] {
    display: none !important;
}

/* Tabla comparativa (movil #funciones y escritorio #funciones-desktop) */
.plans-comparison__th--gratis,
.plans-comparison__th--personal {
    display: none !important;
}

/* Las celdas <td> no tienen clase por plan: se ocultan por posicion.
   Orden de columnas en ambas tablas: Modulo(1), Gratis(2), Personal(3),
   Basico(4), Premium(5) */
.plans-comparison__table tbody tr td:nth-child(2),
.plans-comparison__table tbody tr td:nth-child(3) {
    display: none !important;
}

/* Redistribuye el ancho de las columnas restantes (la tabla usa
   table-layout: fixed con Modulo 40% + 4 columnas de plan a 15% cada
   una; al ocultar Gratis y Personal solo quedaban 70% ocupados y la
   tabla se veia recargada a la izquierda). Modulo se queda en 40% y
   Basico/Premium reparten el 60% restante en partes iguales. */
.plans-comparison__th--basico,
.plans-comparison__th--premium {
    width: 30% !important;
}