/**
 * Plans Section Styles
 * Estilos para seções de planos (basic e advanced)
 */

/* Toggle slider - posição inicial (semestral) */
#toggle-slider,
#toggle-slider-advanced {
  width: calc(50% - 6px);
  left: 4px;
}

/* Toggle slider - posição anual */
#toggle-slider.annual,
#toggle-slider-advanced.annual {
  left: calc(50% + 2px);
  width: calc(50% - 6px);
}

/* Discount info - inicialmente oculto */
#discount-info,
#discount-info-advanced {
  display: none;
}

/* Quando visível */
#discount-info.show,
#discount-info-advanced.show {
  display: block;
}